npm install
などしてNodeパッケージをインストールするgit remote add hugo-base https://github.com/andaze/HUGO-base.git
git subtree pull --prefix=themes/andaze hugo-base main
or git subtree push --prefix=themes/andaze hugo-base main
などで通常のリポジトリのように取得・更新が可能
基本的にすべてのコミット情報は origin リポジトリにコミットされる
既存コーポレートサイトでは言葉で技術力を謳っているが、サイト上での表現力・実装技術が乏しい(と感じている)
リニューアル後は、ひと目見て技術力が低くないこと(要の技術力に違和感を抱かせないこと)を表現する
派手すぎず、見窄らしくない、細部にまで目が届いているコーポレートサイトを目指す
制作途中成果物を引き継いだが、それを活かすか破棄するかは検討中
[x] タスク管理を何でするか決まっていない
[x] リポジトリを作っていない・早々に作らないといけない
多言語コンテンツ・原稿はDeepLを使ってほぼ自動翻訳
ヴィジュアルデザイン・カンプベースでの構築ではないので、迷った場合は誰かに相談する
URL/PATHなどのサイト構造は論理的に正しく生成する
コンポーネント志向で開発する
ユーザが該当のページに辿り着いたときに十分に情報を表示する
使いやすいように・見やすくなるのであれば改変してよい
より良い見た目になるのであればウェブフォントなどで代替してもよい
細部まで洗練された状態(Simple)を目指す
コンテンツは何らかの規則性に沿って整頓された状態
スクロール時、上から下への各コンポーネント間でメリハリをつけ、かつ、リズムを損ねない。統一的なスムースさを失わない。
参考サイト: https://www.dip-net.co.jp/
ファーストビューやその周辺は実装技術に凝り、惹きつけ、技術力の高さで他社との差別化をはかることを表現する
参考サイト: https://www.dip-net.co.jp/
下層ページは正しい文章で語ることにより 正当性や責任感を表現する
文章や見出しの他、コンテンツに特別な仕掛けがない分ページ全体としての まとまりや心地よさを重視する
2022年3月末を1次公開日とする
工数は全体で29人日を見込んでいる
原稿からページ・段落・見出しなどを認識しHUGOへ分割・流し込み(HUGOコンテンツ化)
markdown へ変換・コピペするということ
markdown 作成段階でPATHが確定する
原稿
HUGOナレッジ
サイトグローバルなコンポーネントから作り始める
次にトップページのコンポーネントを作る
2のようにページ単位で繰り返しコンポーネントを作る・増やす
機能
非機能
エフェクト
インタラクション
初期挙動
画面ロード
カメラのセット
シーンのセット
レンダリング
ロゴ画像読み込み(カラー画像)
WebGL用にデータ変換
メッシュ形状からパーティクルに変換
ロゴマーク + 文字(a, n, d, a, z, e) に分割してマテリアル化
インタラクション
画面をドラッグ
ドラッグされた方向にカメラが移動(OrbitControl)
カメラの移動範囲はロゴが正面から見える角度に制限 (ロゴ後方には回り込めない)
初期位置に移動
カメラが画面に近づく
拡大によりロゴが画面外に見切れることはない
初期位置に移動
Raycaster起動
マテリアルが検出された場合
パーティクルが拡散
マテリアルが検出されない場合
イベントなし
画面をクリック
イベントなし
画面をスクロール
イベントなし
イシューの作成は、プロジェクトの完成に不足している課題や疑問点を見つけた時、または機能的なリクエストがある場合などに個々人が能動的に行う
イシューへのアサインは、実装開始時に実装する個々人が能動的に行う
1つのイシューは概ね1人の人が1日以内に実装できる粒度にする
Home | アンダーズ株式会社 と ディップ株式会社 の各ページを比較して、不足しているヴィジュアルパーツを見つける
見つけたヴィジュアルパーツをコンポーネントに分割し、andaze – Figma の図にマッピングする
Figma にマッピングしたコンポーネント図に基づいてイシューを作成する
作成されたイシューのURLをFigma要素のテキスト欄またはリンク欄に関連づける
submodule として本リポジトリに追加して、コミット
git submodule add https://github.com/andaze/LandingPages.git
.github/workflows/gh-pages.yml の更新