ここのようなWordPressを使ったサイトとは別に、WordPressではない技術を使ってポートフォリオをサイトを作りました。

写真、CG、エンジニア的モノゴトを一元管理・発信するためのサイトです。

2024年3月現在は公開していません。Gridsom → Pelican → Hugoと使ってきましたが、WordPress 1本に集約することにしました。以降の内容は「公開当時に綴ったもの」であることをあらかじめご理解ください。

WordPressですと、テーマの範囲内でデザインするしかありませんが、ゼロから自分好みのデザインにしたかったのです。

ここやnoteとの棲み分けはこれから考えます(笑)ひとまず、PythonやBlenderなどエンジニア的、CG的なお話はポートフォリオサイトで公開していくと思います。

デザインはこんな感じ。余白を意識し、シンプルでクリアーな雰囲気を目指しています。

公開はしているもののまだ開発中なので、機能追加・改善をコツコツやっています。

このサイトはGridsomeというVue.jsがベースの静的サイトジェネレーターで作りました。

WordPressはアクセスのたびにサーバーが動的にサイトデータ(ざっくりいうと画面とか)を作ります。静的はその逆で、あらかじめ作られたファイルをサーバーに置いておくので、読み込みが比較的速いです。

htmlを彩るCSSはTailwind CSSを使いました。一般的なCSSの知識が必要なフレームワークですが、CSSの記述量がグッと減るよう設計されていてとても使いやすです。

ユーザーが作った無料のコンポーネントも公開されているのでCSSの組み方の勉強になりますね。

作るのは楽しかったです。

この記事を書いた人

花村貴史|Takashi Hanamura

◆Photographer|木漏れ日や水、空が魅せるきらきらが好き|写真を通じて「やさしい世界」を伝えてゆく ◆Software Engineer|Private: Go/C++/WebGL|Work: SAP/SAC

写真素材note発売中

継続課金マガジンで販売しています。ブログに載せるもOK、壁紙に設定するもOK、使い方は自由です。フリー素材も良いけれど、人と被りたくないという方に人気です。

人物写真|Photo Session

お話しながらのポートレイト撮影です。「今」そして「これから」のあなたにフォーカスして撮影します。SNSやサイト用のプロフィール写真に。

イベント写真|Photo Shooting

「友達と楽しんでいる」「セミナーで講演している」「パーティーを主催している」など、皆さんが大切な時間を過ごしている瞬間をスナップします。