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サービス

新しく届いた知識。

HTML・CSS・JavaScriptは何が違う？小さなページで役割を知ろう

#初心者向け#HTML#CSS

内容・見た目・動きの役割を、ボタン付きの小さなページで体験。初めてコードに触れる人へ、三つの技術の関係を解説するよ。

デザイン / 解説

余白って何？情報をまとめる間隔と揃え方の基本

#初心者向け#CSS#文字・レイアウト

余白は情報のまとまりを伝える手がかり。内側の余白と項目の間隔を動かせる作例で、揃え方の基本から確かめよう。

AI / 解説

AIが直したコード、どこが変わった？git diffで確認する手順

#Git・GitHub#生成AI#AIの確認・評価

AIの修正を受け取ったら、git statusとgit diffで変更範囲を確認しよう。未追跡・未ステージ・ステージ済みの違いを、一時リポジトリで動かせる作例付きで解説するよ。

Web制作 / ニュース

Nuxt 4.6.2で何が変わった？SSR・ルーティング・画面遷移の修正を確認

#Nuxt

Nuxt 4.6.2の公式リリースから、サーバー側head、ルート判定、画面遷移とビルド周辺の修正を整理。自分のアプリで確認する場所を選ぶためのチェック表だよ。

サービス / 解説

GitHub ActionsのSecretsとVariablesはどう分ける？デプロイ設定を安全に管理する

#Git・GitHub#公開・運用#セキュリティ

GitHub ActionsのSecrets・Variables・envの役割を整理。登録範囲の違い、値を表示しない未設定チェック、設定が反映されないときの確認手順をサンプル付きで紹介するよ。

サーバー / 解説

Docker Composeを起動する前に確認：configで設定ミスを見つける手順

#Docker#公開・運用

Composeの起動前に、構文・変数・サービス名を確認する方法。公開ポートの確認と実行時エラーとの違いも整理するよ。