Gen-Scent Research Laboratory様Webサイト
Next.jsTailwind cssヘッドレスCMS

初めての企業さま案件

プログラミングコミュニティ Over 40 Web Club からのご縁で、スタートアップ企業さまのWebサイトを制作させていただきました。Next.js / Tailwind css / MicroCMS という技術選定。初めてデザインを提示されて実装したサイトでもあります。クライアントの希望を伺いつつ、効果的な配色などのデザインでもご提案させてitだきました。 PWAも実現し、Lighthouseスコアの、パフォーマンス99点、アクセシビリティ、ベストプラクティス、SEOでフルスコアを実現。 Google Analytics、Google Search Consoleなどの仕組みも取り入れ、大変勉強になった案件でした。ここを通過点として、さらに技術力を高めます。

玄川リサーチ(Gen-Scent Research Laboratory) 公開:January 2022

Cattery Canon様Webサイト
Next.jsTailwind cssヘッドレスCMS

APIを取得してデータが表示

Tailwindならレスポンシブも驚くほど簡単。メディアクエリでかなりレスポンシブ対応ができるようになりましたが、ライブラリーを使用すれば、開発時間をグッと短縮できます。MicroCMSって本当によくできているのです。すっかりファン。学んだことをフルに生かし、可愛らしいメインクーンの写真に癒されながら、とうとう公開まで漕ぎ着けました。

Cattery Canon 制作:October 2021

ショコラピアノ教室
React素のCSSNetlify

Reactサイトが作ってみたくて。

素のCSSのは柔軟ですが、レスポンシブ対応に苦しみました。また使用できる画像が、既存のWebサイトのものという制約があり、サイトの魅力を存分に引き出す画像についてよくよく考えさせられました。プロの画像を扱ったサイトを作ってみたいなと思った作品です。 そして、ここまで作っておきながら、実は完成していない残念な作品です。Webサイトは、コーディングするのもまぁまぁ大変ですが、サイトを作りたい側の負担もかなり大きいですね。趣味を越えたいのであれば、情報を引き出すスキルも求められます。

ショコラピアノ教室 制作:November 2020

もう一つの櫻井ピアノスクール
JavaScript HTML + 素のCSS

動くサイトが作りたくて

動きのあるサイトが作ってみたくて、同じ内容のデザイン違いを作りました。 コロナが明けたらデザインリニューアルも楽しいかも!?と思っていましたが、今後作るのであれば、表示速度の優れたReact製のにしたいと思っているので、このページにひっそりとおいて、このサイト作りに大量の時間を投資した記念碑としたいと思います。

もう一つの櫻井ピアノスクール 制作:Summer, 2020

座間駅周辺美味しいところ
JavaScript HTML + 素のCSSAWS S3

素材を求めて

こんなサイトも学習の初めの頃に作りました。知り合いのパン屋さんやカフェの紹介サイト。

座間駅周辺美味しいところ 制作:May 2020