psephopaiktes / weba

my blog.

Product Design / Web Front-end

• Portfolio & Blog
• Twitter

weba's Issues

Renewal & Merge Portfolio

Vue 3 でゼロベースで作り直し、hirata.worksも統合する。
https://github.com/psephopaiktes/weba/projects/1

• ドメインはhirata.blogがそこそこ強い&メインの目的になるので採用

ページ構成

• hirata.page
  • /blog : トップへリダイレクト
    • /{id} : 記事詳細
  • /me : ポートフォリオ 名刺からもリンクさせる
    • SNSのアイコンを小さく上の方に並べる
  • /works : 作品集
    • /{id} : モーダルで出す？左右移動させたい
  • /contact : モーダルで出さんでいい

Design

• いまhirata.worksで考えてたやつ
• ページ名はWEBA。サイドバーのロゴもWEBAに
• /blog には検索とタグ一覧と更新(Twitter,RSS,Feedly)が上部に必要
  • インクリメンタルサーチ実装できる？後回しでもOK
• https://uniel.jp/project/
  • こっちをむいてるようなサムネグリッド

CMS

• contentful
• ひとつのスペースにarticleとworkのcontent modelを作る

Hosting

• Netflify or GHP
• コンタクトフォーム次第
• GHPにする場合はhirata.gihub.ioもリダイレクトしたい？
• Netlifyの場合はSSR可能？
• ENVを使う(contentfulのAPI Keyを秘匿)ためにNetlifyしかないかも
• 一応NOWとも比較

雑タスク

• hirata.works をリダイレクトのみのソースにする
• https://hirata.blog/201905_pixel3-camera/ 等の旧URLのリダイレクト
  • → 1年後に両方とも削除する
• sitemap.xml