Takumi HASEGAWA (unshift Inc.)
@_unshift • 7,267 subscribers
Developer | unshift Inc. / Nauts (@NautsDC) | 主にWebサイトのフロントエンド実装をやっています。WebGLなどWebのグラフィック技術を使った表現が得意です。武蔵野美術大学 デザイン情報学科 特別講師。
Shorts
Videos
以前お知らせしていて、レスポンシブ実装のサンプル集サイトを公開しました。 Webサイト制作のプロジェクトにおいて、レスポンシブの仕様のすり合わせは、口頭やテキストベースコミュニケーションはなにより、デザインカンプがあってたとしても実際に挙動を確認しないと難しいと常々感じていました。 それを打破するためにこのサイトを制作しました。同じコンテンツを4つの実装方法で見せることにより、違いを確認しながら仕様を検討できます。 また、「解説モード」なるものもつけてみました。各要素やセクションに詳細の解説をつけています。 画面収録だともたついてわかりにくいんですが、右下にブレイクポイントのインジケータもつけていて、いまどの状態なのかを確認もできます。 はじめは個人用に制作するつもりでしたが、使ってみたいという声をちらほら頂いたので、公開することにしました。 Webサイト制作のプロジェクトのコミュニケーションツールとしてお役に立てたら嬉しいです。 初学者の方もどういう実装の方法があるのかを学習できるサイトにもなっております。ぜひご活用ください。
Takumi HASEGAWA (unshift Inc.)178,200 görüntüleme • 2 yıl önce
STUDIO DETAILS (STUDIO DETAILS Inc. / スタジオディテイルズ) リブランディングプロジェクトにおきまして、コーポレートサイトのフロントエンド実装を担当いたしました。 ※フロントエンドのほぼ全てを私が実装し、一部を岩崎さん (Ko.Yelie (エリー)) に実装いただきました。ありがとうございます！ お世話になっている会社さんのコーポレートサイトの実装のご依頼はとても嬉しくはあるものの、普段の仕事に比べてより緊張感・責任感を覚えるものですね…。 新しく「ブランドファーム」として走り出すSTUDIO DETAILSのコーポレートサイトとしてふさわしいものになるよう、細部まで気を配って実装したつもりです。ぜひ隅々までご覧ください。 STUDIO DETAILS のみなさま、改めてご依頼いただきありがとうございました！
Takumi HASEGAWA (unshift Inc.)12,786 görüntüleme • 4 ay önce
Happy New Year 2026 !! 今年も年始のご挨拶コンテンツを作ったので、ぜひ遊んでみてください！ 今年はWebサイト制作以外にも、体験コンテンツなどの制作にももっと携われたらいいなと思っています！ それでは本年もよろしくお願いいたします！ ※カメラをONにすると、ハンドジェスチャで操作できるようになっています。詳しくはアクセス時に操作方法が表示されるので、試してみてください！ スマホではちょっとパフォーマンスが悪いかも… #webgl #webgpu #threejs #creativecoding
Takumi HASEGAWA (unshift Inc.)18,469 görüntüleme • 7 ay önce
国内のWeb制作に関わる人が全員見ると言われているギャラリーサイト S5-Style (Webデザイン｢ひとこと紹介｣) がサービスサイトとして生まれ変わりました。大変光栄なことにそのS5-Styleのリニューアルプロジェクトにおいて、フロントエンドの実装を担当させていただきました。 サービスサイトとしての使いやすさはもちろんのこと、田渕さん (田渕 将吾 (Shogo Tabuchi))が作るサイトということで美しさを損なわないように、UI周りの動きは丁寧に実装しました。 リニューアル前とは異なり、ユーザーがS5−Styleに掲載するサイトを登録することもできるんですが、今回は「Good Web Design」という概念があり、これはS5-Styleに登録されているサイトの中でも田渕さんが特に良いと思ったサイトが「Good Web Design」なサイトとして掲載される形になります (リニューアル前の掲載サイトと同じ扱い)。 また、「Design Set」というブックマークをまとめておけるフォルダを作ることができ、他のユーザーが作ったDesign Setをフォローすることもできます。 フリーミアムなプラン展開となっておりまして、無料のBasicプランでは1ユーザーが作成できるDesign Setが2つまでとなっています (※他にも制限あり) が、無料でお手軽に使い始めることができます。Proプランにアップグレードすることで、制限がすべてなくなるので、ガッツリ活用したい方はぜひ。 #s5style #nextjs
Takumi HASEGAWA (unshift Inc.)27,579 görüntüleme • 1 yıl önce
日本科学未来館の常設展示である「Geo-Scope」のリニューアルに携わりました！本日から公開されております！ (展示の横にクレジットが！) 詳細は後日改めてポストします！
Takumi HASEGAWA (unshift Inc.)15,376 görüntüleme • 1 yıl önce
Daha fazla içerik yok.