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

新しく届いた知識。

塗り足し・仕上がり・安全域の違い：印刷データを作る前の確認

#印刷

背景はどこまで伸ばす？文字はどこに置く？仕上がり線を基準に、印刷データの3つの範囲を整理するよ。

AI / 解説

AI検索対策に特別な設定は必要？Google公式資料から確認する基本

#生成AI

GoogleのAIによる概要・AIモードに向けて、技術要件と記事の作り方を整理。掲載条件と、効果を保証できない施策を分けます。

サーバー / 解説

Docker Composeのportsをlocalhostに限定する：ローカル開発の公開範囲

#Docker#公開・運用

3000:3000と127.0.0.1:3000:3000の違いを整理。ホストとコンテナの待受アドレスを分けて確認します。

Web制作 / 解説

CSSのclamp()で文字サイズを可変にする：最小・推奨・最大の決め方

#CSS#文字・レイアウト

見出しの文字サイズを画面幅に合わせるCSSの例。clamp()の計算と、狭い画面・ズーム時に確認する点を説明します。

デザイン / 解説

A4は何ピクセル？印刷サイズと画像解像度を計算する

#画像・SVG#印刷

A4の画像寸法を300ppi・350ppiで計算。ピクセル数と解像度、余白・塗り足しを分けて、入稿前の確認手順を整理します。