学習の記録 | サカイトシオ

パイオニア開発

2026.6.29

HTML CSS Photoshop LLM/Gemini

入れ子flex-box
section構造マークアップ
イメージのAi生成作業
box-sizing, orderなどプロパティ追加

Webサイト実装

Webサイトのマークアップ実装を目的として、コンテキストとデザイン記述が分離したhtml/cssの実装を演習しています。
画像の加工・生成やパディング・マージンの調整など、デザインの基礎的な部分を良質なサイトを検証して考えるべき概念を深めつつ、教材としてハンドオフして頂いているスケルトンを反復タイピングしたり、また、肉付けする繰り返しトレーニングをしています。
よって日付の新しい制作はど整い、ほつれが減っています。

パイオニア開発企業トップ

2026.6.29

HTML CSS Photoshop LLM/Gemini

入れ子のflex-box
section構造マークアップ
イメージのAi生成作業
box-sizing, orderなどプロパティ追加

詳細はこちらから

キーボードカスタム紹介

20126.6.23

HTML CSS Photoshop

フレックスボックス、段組
タテ配置・ヨコ配置・折り返し
imgのリセット max-width:100%

詳細はこちらから

街の洋菓子

2026.6.12

HTML CSS Illustrator

フレックスボックス
ヨコ配置
版ズレ文字

詳細はこちらから

バナーデザイン

ウェブサイトで利用される、バナーをIllustrator/Photoshopを使って、レイアウト・調整のトレーニングをしています。基礎的なデザインロジックも学びます。
なかなか現時点では時間内に終わることが無く、加速するため・迷わないため、「いま何をしているのか」良く考えながら慣れます。
また、ラインスタンプや動画サービス用サムネイルなど様々なターゲットでのディレクションも反復中。