Dispose three.js objects with Nuxt
Nuxt のページ遷移時に three で作ったオブジェクトを破棄したいとき、メモリリークをケアするための tips です。 少し前にちょうどアドベカレンダーで次の three x Nuxt な...
13
5
Comment0
49 search resultsShowing 1~20 results
Stocked
You need to log-in
アクセシビリティのためによく書く CSS
アクセシビリティを意識した CSS に関するいくつかの tips です。 スクリーンリーダー用のテキスト テキストを視覚的には隠したいけどスクリーンリーダーには伝えたい、デザイン上にタイトルはな...
66
43
Comment0
《Nuxt.js》CSSのオートプレフィクスをカスタマイズする方法。GridのIE対応も！
Nuxt.js で CSS(Sass) をコンパイルすると、ありがたいことに autoprefixer がベンダープレフィクスを自動で適用してくれます。 面倒で不毛な作業を Nuxt は設定不要...
23
27
Comment0
《Nuxt.js》Sassの共通の変数やmixinを一括で各コンポーネントに読み込む方法。
Nuxt.js を利用したプロジェクトで、sass のどこからでも利用したい mixin や変数などを、各コンポーネントで個別にインポートせずに一括で読み込みます。 vue-loader にオプ...
118
104
Comment3
《Nuxt.js》アトミックデザインの静的サイトを構築するために必要な小粒なTipsまとめ。
Nuxt.js は SSR(サーバーサイドレンダリング)や SPA の Vue.js サイトを簡単に作成するためのフレームワークです。Nuxt は非同期データ、ミドルウェア、ルーティングなどを管...
117
129
Comment0
《Nuxt.js》 create-nuxt-app で始めたプロジェクトで https://localhost:3000 で起動する方法。
Nuxt を create-nuxt-app で次のような流れでシンプルに始めたとき、http://localhost:3000 にアクセスして開発を進めることになります。 terminal.b...
15
13
Comment0
ターミナルからSoXで音声ファイルのサンプルレートを変換する方法。
SoX は音声ファイルの編集に長けた、高度なコマンドラインツールです。 SoX SoXチートシート iTunes ではサンプルレートを 44100Hz でないと iCroud ライブラリに追加...
1
0
Comment0
《WordPress》2017年末にWP REST API で取得してVue.jsで描画するまでのまとめ。
WordPress では WP REST API で投稿/メタデータ/ユーザーなどを、jsonとしてまとめてくれるので、JavaScriptで取得して描画するところまでを簡単に実装することができ...
116
126
Comment2
《Wordpress》Contact Form 7 add confirm使用時のスタイルを整える
入力フォームプラグイン「Contact Form 7」のアドオンの、「Contact Form 7 add confirm」を使用時のスタイルをリセットしたりカスタマイズします。 暗くなるのをリ...
8
8
Comment0
《Vue.js》VuePress と GitLab CI を使って自動ビルド & デプロイされるドキュメント管理環境をサクッと作る方法。
VuePress と GitLab CI を使って自動ビルド & デプロイされる環境を作ることで、マークダウンをレポジトリにコミットしたら、ドキュメントページに反映されるシステムを構築し...
19
21
Comment0
《WebGL》気軽に Three.js (89)をはじめよう。
Three.js は、WebGLによる描画を直感的に扱うためのJavaScriptライブラリです。WebGLを複雑な手順を省略しながら、3DCGをJavaScriptとHTMLの知識で記述できま...
20
13
Comment0
《JavaScript》Vue.js で今日からはじめるアニメーション。
Vue.js では、要素を追加／更新／削除したときのアニメーションを、簡単に実装できるような機能が用意されています。 ありがたいことに、公式のドキュメントにバッチリとまとまっていますが、それを要...
17
35
Comment0
《JavaScript》ある値を現在の範囲から新しい範囲における値に変換する。
Processingの map() 関数が欲しかったのでJavaScriptで自前で実装しました スクリプト map(value, fromMin, fromMax, toMin, toMax)...
3
3
Comment0
《UI/UX》2018年のトレンドカラーでグラデーション作りました。
Pantone - Pantone Color, Chips & Color Guides | Color Inspiration が、毎年恒になっている、2018年のトレンドカラー「...
4
6
Comment0
《JavaScript》React.js初学者のための、3分で読めるJSXの記法の基本。
JSXはReact.jsを扱う上でかならず必要ではないですが、コードの見通しが良くなるので、多くのプロジェクトで採用されています。 JSX記法のルールには、つまづきやすい独特なポイントがあるので...
12
13
Comment0
《JavaScript》Vue.jsでコンポーネントをつくる 『ボタン編』
Vue.jsでボタンのコンポーネントを作りました。 ゆるりと、fav-frame という vue.js のコンポーネントをまとめたフレームワークを作っているので、新しいコンポーネントができたら掲...
22
30
Comment5
《CSS》デザイナーでも簡単便利、Gridの神な実践機能を少しだけ伝えたい。
CSS Grid Layoutは、とても簡単というはなし。 CSS grid starter kit - JSFiddle はじめに CSS Grid Layoutは複雑なレイアウトの実装をとて...
20
33
Comment0
《JavaScript》p5.jsでcanvasを任意の場所に配置する方法。
p5.jsが出力する canvas は </body> のすぐ上に配置されるようになっています。このままだと取り回しがしにくいので、任意の場所に移動させます。 HTMLに要素をつくる...
30
12
Comment0
《JavaScript》画像を抽出して、波打たせるようなアニメーションをcanvasに描く。
drawImage() で、抽出と描画座標をずらして呼び出しを繰り返すと、波打つようなアニメーションが実現できます。 drawImage(image, sx, sy, sw, sh, dx, d...
3
8
Comment0
《JavaScript》画像から取得したデータでCanvasにモザイクを描く方法。
canvas 要素に記述した独自データ属性の data-src 属性を参照し、その画像データからモザイクを描くスクリプトです。 モザイクのサイズを変えられるような関数になっています。 demo ...
7
7
Comment0
49 search resultsShowing 1~20 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles