WEBコンサル日誌

【第2回】読者を惹きつける誌面作りの秘訣：タイポグラフィと高品質な画像処理

2026年9月4日

読者が無意識のうちに「読みやすい」「美しい」と感じる誌面には、計算し尽くされたタイポグラフィ（文字組み）と、魅力を最大限に引き出す画像処理の技術が隠されています。第2回では、プロが実践するデザインとレタッチの厳格なルール […]

2026年9月3日

現代のDTP（デスクトップ・パブリッシング）は、パソコン上でレイアウトから入稿までを完結させる画期的なシステムとして普及しました。かつての写植や製版といったアナログで膨大な手間がかかる工程がデジタル化されたことで、手軽に […]

2026年9月2日

WordPressサイトをPHP 8.3へバージョンアップした際、「記事を投稿・保存しようとすると一瞬だけ画面全体に警告メッセージ（Warning）が表示される」という現象に遭遇しました。投稿処理自体は正常に完了するも […]

2026年9月1日

全10回にわたるタロット占いアプリの開発チュートリアル、本当にお疲れ様でした！無事に世界へ向けてご自身のWebアプリを公開できたことと思います。今回は「番外編」として、私たちがここまでどのような「開発手法」を用いてアプ […]

2026年8月31日

全10回にわたってお届けしてきたタロットアプリ開発記も、ついに今回が最終回です。前回までに、美しいUIと魔法のようなアニメーション、そして占いのロジックがすべて完成し、ローカル環境（手元のパソコン）では完璧に動作するよ […]

2026年8月30日

前回は、CSS Gridを活用して9枚のタロットカードを画面上に美しく整列させ、ユーザーに「直感で選ばせる」ためのUIを構築しました。しかし、ユーザーがカードをタップした瞬間に、パッと一瞬で結果画面に切り替わってしまって […]

2026年8月29日

前回は、深いグラデーションとすりガラス風のボタンを用いて、ユーザーを迎え入れる魅力的なトップ画面を構築しました。ユーザーが「今日の運勢」などのテーマをタップすると、いよいよ占いの本番となる「カード選択画面」へ遷移します。 […]

2026年8月28日

前回は、アプリの裏側で密かに動く「カードデータの定義」と、運命を決める「ランダムドローのロジック」を実装しました。今回からは、いよいよユーザーの目に直接触れる「表側の世界」、すなわちUI（ユーザーインターフェース）の構築 […]

2026年8月27日

前回は、アプリの主役となるタロット画像22枚を「public」フォルダへ適切に配置し、プログラムから呼び出しやすい状態を整えました。しかし、現在の状態ではただの「画像ファイルの集まり」に過ぎません。第6回となる今回は、 […]

2026年8月26日

前回は、開発した初期画面を「Wrangler」を用いてインターネット上へ本番公開（デプロイ）する、感動の瞬間を体験しました。インフラのパイプラインが安全に開通したことで、ここからは安心して「アプリの中身」を作り込んでいく […]