JUNYA KITAYAMA JUNKI555

明日の下書き

これはなに

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

自分で実施した方法です。公式にやり方が用意されているのを知りませんでした。非公式なやり方なのでおすすめできません。

Misskey 11.32.0 で実施した方法です。バージョンが新しいとこの方法が利用できない可能性はあります。

docker hubにMisskeyのイメージがあったので、それを利用する方法です。イメージは自前でビルドしません。

また、構築はリバースプロキシパターン(nginxがリクエストを受けて裏にいるDocker上のMisskeyに転送)です。

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

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

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

2021/1/22追記:

この記事は議論のたたき台で、ポジショントークや、偏見にまみれています。

他、提唱されてるパターン

概要

	if Rails.env.development?
	FileUtils.mkdir_p(Rails.root.join('config', 'certs'))
	key_path = Rails.root.join('config', 'certs', 'development.key')
	crt_path = Rails.root.join('config', 'certs', 'development.crt')
	unless File.exist?(key_path) && File.exist?(crt_path)

	def cert_domain
	'localhost' # Setting[:cookie_domain] \|\| 'localhost'
	end

	// originally from: https://github.com/vercel/swr/issues/110#issuecomment-552637429
	import useSWR from 'swr';
	import useDebounce from 'hooks/use-debounce';

	const App = () => {
	const [search, setSearch] = useState('');
	const debouncedSearch = useDebounce(search, 1000);
	const { data: res, isValidating } = useSWR(
	() => debouncedSearch ? `/api/suggestion?value=${debouncedSearch}` : null,
	Api.fetcher,

	<?xml version="1.0" encoding="utf-8" ?>
	<Project ToolsVersion="12.0" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
	<PropertyGroup>
	<NodeCli Condition=" '$(NodeCli)'=='' ">npm</NodeCli>
	<PostCssRunner Condition=" '$(PostCssRunner)'=='' ">run postcss --</PostCssRunner>
	<PostCssCli Condition="('$(PostCssCli)'=='' Or '$(PostCssCli)'=='true')">-o</PostCssCli>
	</PropertyGroup>

	<ItemGroup>
	<PostCssFiles Include="$(MSBuildProjectDirectory)\*\.pcss" Condition="!($([System.String]::Copy(%(Filename)).StartsWith('_')))" >

	name: 'How to add Data validation '
	description: >-
	Sets data validation rules on ranges, prompts users to enter valid data, and
	displays messages when invalid data is entered.
	host: EXCEL
	api_set: {}
	script:
	content: \|
	$("#setup").click(() => tryCatch(setup));

	javascript: (function () {
	const src = 'https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.js';
	const script = document.createElement('script');
	script.type = 'text/javascript';
	script.src = src;
	script.onload = () => {
	html2canvas(document.body, {
	onrendered: (canvas) => {
	const imgageData = canvas.toDataURL('image/png');
	const el = document.createElement('a');