TECH BOX

Technology developer's blog

#codeの一覧

吸着スクロールの実装

ドラムロールをウェブブラウザでも実現したい!そんな時に使える吸着スクロールの実装方法を紹介します。

ファジィ理論 〜台形型〜

ファジィ理論の3回目。台形型は画像遅延や領域内に入ったかどうかの判定をしたりするのにとても相性が良いです。

ファジィ理論 〜三角形型〜

ファジィ理論の2回目。三角形型をの頂点を使うことで特定の位置に一番近い要素を取得することもできます。サンプルでは集中力をパーセントで表示しています。

ファジィ理論の概要と傾斜型

ゲームAIや洗濯機、冷蔵庫などで使われるファジィ理論。ウェブ制作とは縁がないと思いがちですが、仕様次第では有効に活用することができます

Chrome拡張「Web Maker」を使って気軽に実験する

プライベートでコードをたくさん書いて実験したい…そんなあなたに。

Mac限定:プログラムのメモを残すなら「Quiver」

Mac限定:「このロジックを残しておきたい」「Markdownエディタがほしい」…そんな要望を叶えるためのアプリを紹介

ページャリストの作り方

カレントページが常に左端の場合と、中央の場合のページャリストの計算方法を紹介

babelで書いたファイルをシェルやnpm scriptsで実行する

shellでJavaScriptファイルを実行させる時もbabelで書いて実行させることもできるんです。

アスペクト比の求め方

画像サイズからアスペクト比を計算する

画像を特定のサイズにフィットさせる

JavaScriptで画像を特定の要素幅に対して比率そのままでフィットさせる

まだHTMLタグを頑張って書いてるの?

HTMLタグで書いてると辛い?そんなの捨ててPugで書こうぜ!

ローディングの実装

ウェブサイトで画像の読み込みやajaxでのデータ取得などを処理する場合、ノータイムでの表示は理想的ですが、どうしても多少なりとも時間がかかります。 そういった場合には、処理をしているということを知らせるローディングを実装 […]