A JOURNAL FOR PEOPLE WHO MAKE.

つくる知識。
うごかす技術。

デザインからコード、サーバー、AIまで。
制作と運用の「どうする？」を、一つずつ。

テーマから探す ↗

知りたいことから。

EXPLORE TOPICS / 01—05

01 / DESIGN

デザイン

見た目に、理由を。

文字組み・配色・レイアウト・印刷

02 / WEB

Web制作

アイデアを、動く形に。

フロントエンド・CMS・パフォーマンス

03 / SERVER

サーバー

公開した、その先へ。

Docker・DNS・SSL・運用と保守

04 / AI

AI

新しさを、使える知識に。

最新動向・実務検証・ワークフロー

05 / SERVICES

サービス

使う道具を、選ぼう。

業務ツール・サーバー・Webサービス

新しく届いた知識。

AIへの依頼がぼんやりするときに：目的・素材・条件を分けるテンプレート

#生成AI

「いい感じにして」を具体化する依頼例。制作タスクを渡すときの条件と、出力後の確認項目を用意したよ。

サーバー / 解説

Composeの.envとenv_fileは何が違う？設定が反映されないときの確認

#Docker#公開・運用

Composeファイルへの変数展開と、コンテナへ渡す環境変数を分けて考えよう。秘密情報を出力しない確認例も紹介するよ。

サーバー / 解説

Dockerボリュームはバックアップ？永続化と復元準備の違い

#Docker#公開・運用

コンテナを作り直しても残るデータと、事故から戻せるデータは別。DBとアップロード画像の保護を整理するよ。

Web制作 / 解説

canonicalと301リダイレクトの違い：URL整理の考え方

#URL・HTTP

似たページのURLをまとめたいとき、canonicalと転送をどう使い分ける？読者の動きと検索へのシグナルを分けて解説するよ。

Web制作 / 解説

画像のlazy loadingとwidth・height：表示ずれを減らすHTMLの基本

#HTML#画像・SVG

画像を遅延読み込みするときの書き方と、最初に見える画像で気をつけたいことを整理するよ。

デザイン / 解説

文字が読みにくいときは？配色のコントラストを確認する手順

#配色

おしゃれな色でも、文字が読めないと困るよね。WCAGの基準と、実際の画面で確認する順番をまとめたよ。