[B! javascript] neet_modi_kiのブックマーク

JavaScriptのデザインパターンについて

どうもoreoです。今回はモダンなJavaScript開発環境で役立つデザインパターンを紹介します。この記事は、JavaScript Patterns WorkshopとPatterns.devを参考にしています。有名な﹁Java言語で学ぶデザインパターン入門﹂などでは、古典的な23個のデザインパターンが紹介されていますが、JavaScript Patterns WorkshopではPatterns.devをベースとして、モダンなJavaScriptにおける6つのデザインパターンについて言及されています。この記事ではそれらについてまとめてみたいと思います！ ※本記事中のコードは、JavaScript Patterns WorkshopとPatterns.devから引用させていただいております。 1 Design Patternsとは？デザインパターンとは、ソフトウェア開発で繰り返し

neet_modi_ki 2022/10/11

リンク

Three.jsの勉強の仕方 - Qiita

概要 Three.jsの勉強を始めて半年くらいが経過しました。現在は、以下のようなアプリケーションを作成できるようになりました。 https://nemutas.github.io/r3f-normal-color/ ここまでに至る過程を少しまとめられたらと思います。 React Three Fiber について私は主に、React Three Fiber︵Three.jsをReact用にラッパーしたライブラリ｜以下、R3F︶を使用して開発してます。バニラのThree.jsを触る前に、つまりThree.jsの知識がゼロの状態のときからR3Fを使い始めました。とてもよく設計されたライブラリで、ほんの数行でBoxを表示することができます。ただし、よく設計されているということは、それほど抽象化されているということです。学び始めの頃は自分が作りたいシーンを作るために、どのプロパティをいじ

neet_modi_ki 2022/04/05

リンク

【Three.js】スクロールでぐにゃぐにゃする画像を実装する

はじめにこの記事ではこんな表現の実装方法を解説します。 ▼ GIF ▼ CodePen （0.5x を押すと見やすいです） ▼ 2021/7/26 追記 CodePen（慣性スクロールありバージョン）海外のデザインアワードを受賞するようなリッチなサイトで良く見る演出（個人的主観）です。WebGLの汎用的な表現な気がしますが、その実装方法を解説する記事は（少なくとも日本語では）ほとんど見つけられなかったので、自分の勉強も兼ねて書くことにしました。ちなみに技術記事を書くのは初めてに近いので暖かい目と心で読んでいただけます幸いです。実装はThree.jsを用いています。注意事項想定する読者 Three.jsを触ってみたが、サイト制作に活かす術が分からない、同様の表現を良く見るけどどうやって実装しているか分からない、といった方を対象としています。従って本記事では、Three.jsの基本的

neet_modi_ki 2021/07/27

リンク

はてなブックマーク

タグ

関連タグで絞り込む (4)

javascriptに関するneet_modi_kiのブックマーク (3)

お知らせ

今週のはてなブックマーク数ランキング（2024年6月第3週）

今週のはてなブックマーク数ランキング（2024年6月第2週）

月間はてなブックマーク数ランキング（2024年5月）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス