keita-koga keitakn

明日の下書き

これはなに

高円寺.dev #3 用の資料 https://koenji.connpass.com/event/160886/
フロントエンド専門じゃない人向けの、フロントエンドの最先端〜やや未来の話です
このレイヤーでは Node.js を使うべき/使うと強いという部分がありますが、他言語を否定しているわけではありません。むしろ他言語でこのアーキテクチャを模倣してほしいという話です。

2020/5/31追記: 自分用のメモに書いていたつもりだったのですが、たくさんのスターを頂けてとても嬉しいです。
と同時に、書きかけで中途半端な状態のドキュメントをご覧いただくことになっており、大変心苦しく思っています。

このドキュメントを完成させるために、今後以下のような更新を予定しています。

TODO部分を埋める
書籍を基にした理論・原則パートと、実装例パートを分割
- 現在は4層のレイヤそれぞれごとに原則の確認→実装時の課題リスト→実装例という構成ですが、同じリポジトリへの言及箇所がバラバラになってしまう問題がありました。更新後は、実装時の課題リストを全て洗い出した後にまとめて実装を確認する構成とする予定です。

2021/1/22追記:

該当する各社の対応欄に企業名を書いてください。備考があれば適宜カッコ書きしてください。

	// Update globs depending on your framework
	---
	name: tailwind_v4
	description: Guide for using Tailwind CSS v4 instead of v3.x
	globs: ["*/.{js,ts,jsx,tsx,mdx,css}"]
	tags:
	- tailwind
	- css
	---

	#!/bin/bash
	# このshを任意の場所に配置して、core.hooksPathに設定すると全体で利用できます。
	# e.g. /etc/git-hooksにこのスクリプトを配置した場合
	# git config --global core.hooksPath /etc/git-hooks/

	out=$1
	cat $out
	function message() {
	mv $out $out.tmp
	cat <<EOS > $out

	# Protobuf Builder
	# ================
	#
	# This image builds protocol buffers library from source with Go generation
	# support. The builder and runner images are produced.

	# Builder Image
	# -------------

	FROM golang:1.8.3-alpine3.6 as builder

	const axios = require('axios');
	const http = require('http');
	const https = require('https');

	module.exports = axios.create({
	//60 sec timeout
	timeout: 60000,

	//keepAlive pools and reuses TCP connections, so it's faster
	httpAgent: new http.Agent({ keepAlive: true }),

	<?php
	// ★ composerでmonologをインストールしている前提
	require_once('vendor/autoload.php');

	use Monolog\Logger;
	use Monolog\Handler\StreamHandler;
	use Monolog\Processor\WebProcessor;
	use Monolog\Formatter\LineFormatter;

	class myLogger