YanoRyuichi.com/
Wiki
Blog
GitHub
Sandbox
./?JavaScript
dotNet
ASP.NET MVC
PowerShell
AutoHotKey
シェルスクリプト
PHP
Perl
DBIC
Java
JavaScript
TypeScript
Node.js
HTML
Windows
WSL
Windows Server
Windows アプリ
VSCode
UNIX
FreeBSD
Linux
ネットワーク
PostgreSQL
MySQL
Apache
Samba
Git
Mercurial
Subversion
Vim
SSH
Docker
全文検索
AND検索
OR検索
edit
JavaScript
AngularJS
Backbone.js
サンプル1
設置
DOM
classNameやcssTextでstyleの操作を減らす
DocumentFragmentを使って一括でDOMに要素を追加する
DOM関数
Google Maps JavaScript API
jQuery
API
Ajax
CSS
Traversing
map()
アトリビュート
イベント
エフェクト
セレクタ
SELECTタグ
セレクター
end()
find()とfileter()
マニピュレート
jPlayerでビデオ・オーディオ再生
TIPS
ドキュメント
設置
Prototype.jsと共存させる
複数のバージョンのjQueryを共存させる
jQueryUI
設置
Node.js
並列プログラミング
npm
npm-install パッケージインストール
OOP
オブジェクトの拡張を局所化したブロック内で行う
クラスの作り方
オブジェクトリテラルを使ったクラス作成 - 基本
オブジェクトリテラルを使ったクラス作成 - 応用
関数オブジェクトを使ったクラス作成 - 基本
関数オブジェクトを使ったクラス作成 - 応用
クラスをパッケージ(名前空間)にまとめる
デザインパターン
オブザーバーパターン
シングルトンパターン(アクセス権付きで)
モジュールパターン
書籍リーダブルコード
update_highlightを再リファクタリング
継承
hasOwnProperty()でオブジェクトのプロバティを調べる
インスタンスオブジェクトの型
プロトタイプチェイン・プロトタイプ継承
Promise
01. Promiseの作成と実行
02. Promise処理群のチェーン実行
03. Promise.all()とPromise.race()
04. XMLHttpRequestのPromise化
05. asyncとawait
Promiseからasync-awaitへの変換
Promiseの実行
配列から呼ぶ非同期関数を直列に実行する
React
HoC - Higher Order Components
Hooks
コンテナコンポーネントからカスタムフックへの移行
JSX
値なしのpropをコンポーネントに指定する
npm startでブラウザを指定
Props children
React.memo
Reducer
useEffect
APIリクエストの重複を防ぐ
ESLintのexhaustive-depsルール
useEffectでレースコンディションを防ぐ
useEffectとtry-catchの例外処理
useEffectはレンダリングの後で呼ばれる
いつなぜuseEffectを使うべきか?
コンポーネント内でsetInverval()を使う
第2引数のReferential Equality(参照の等価性)
useReducerをラップしたカスタムフック
useReducerを使ってuseStateを独自に実装
useStateを独自に実装
イベント処理
カリー化を使ったイベントハンドラー関数
コード分割 - React.lazy Suspense
例外処理
ErrorBoundaryで捕捉されないエラー
再レンダー
何回目のレンダリングか調べる
環境構築
create-react-app
Vite
デフォルトで出力されるコンソールログを削除する
Vue
Vue Devtoolsがタブに出ない
webpack
DevServerで開くブラウザを指定する
リンク集
WYSIWYGエディタ
XMLHttpRequest
イベント
onclickで割り当てるハンドラ関数に引数を渡す
イベントハンドラー関数に渡されるイベントオブジェクト
割り当て方法いろいろ
オブジェクト
2つのオブジェクトをマージする
Mapオブジェクトをリテラルオブジェクトへ変換する
オブジェクトが空か調べる
オブジェクトのキー名を正規表現で調べる
オブジェクトのループ
オブジェクトを別のオブジェクトへ変換
ディープコピー
クロージャ
stale closure
コストのかかる関数の結果をメモ化する
タイマー処理
Promiseとasync awaitを使ったsleep
setIntervalをsetTimeoutで書き直す
sleepいろいろ
すべてのタイマーをクリアする
コールバック関数が実行されるタイミング
コールバック関数の引数の扱い
コールバック関数はグローバルスコープで実行される
タイマーを使ってコストのかかる関数を遅延実行させる
テスト
Mocha
デバッグ
console.log()
トゥイーン
ハッシュチェンジ
メニュー
アニメーションするドロップダウンメニュー
ブラウザ上部から降りてくるメニュー(Eazing関数)
階層有りのドロップダウンメニュー
階層無しのドロップダウンメニュー
モジュール
forever
import,require
mocha
mysql
nodemon
ライブラリを無名関数でラップする
ループ
for-inとfor-of
並列プログラミング
例外
カスタムエラー
文法
in演算子
ループ
for-ofとforEachとmapの使い分け
制御文・ループ
名前空間定義
型
キャスト
型を調べる
型一覧
条件式での真偽評価
変数・関数のスコープ
数値
数値の最大値・最小値
数学関数(Math)
文字列関数
基本
正規表現
配列・連想配列
forEach map filter reduce
連想配列(オブジェクト)
配列
関数
call()とapply()
callee()で無名関数を再帰呼び出しする
アロー関数を使ったカリー化
即時関数 (function(){})()
関数の引数
日付時刻
Dateオブジェクトの最大値・最小値
DateオブジェクトをYYYY-MM-DD形式の文字列に変換
演算子
演算子一覧
環境構築
Husky
画像の遅延ロード
透過レイヤー(LightBox風)
選択範囲
テキストを選択状態にする
選択状態のテキストを取得する
選択状態のテキストを扱う
配列
配列からユニークな値を取り出す
配列の中の値がユニークか調べる
最新の30件
2023-11-03
Windows/エクスプローラー/レジストリでアプリケーションの関連付けをする
2023-10-30
Windows/WSL/環境構築/ディストリビューションのアンインストール
MySQL/環境設定/Debian 10にMySQL8をインストール
2023-10-26
Vim/環境設定/インストール/WindowsにZIPファイルでインストール
Windows-アプリケーション/Mery/インストール
Windows/WSL/ファイルシステム/WSL2のディスクスペースを開放する
Git/設定/TortoiseGit
Git/設定/TortoiseGit/libgit2でnot owned by current userなエラーが出る
2023-10-23
Windows-アプリケーション/Mery
2023-10-10
ウェブ開発全般/CodeSandbox/概要
ウェブ開発全般/CodeSandbox
2023-10-03
JavaScript/クロージャ/stale closure
JavaScript/クロージャ
2023-09-09
JavaScript/React/useEffect/APIリクエストの重複を防ぐ
JavaScript/React/再レンダー/何回目のレンダリングか調べる
JavaScript/React/再レンダー
JavaScript/React/Hooks
2023-08-27
JavaScript/React/Hooks/コンテナコンポーネントからカスタムフックへの移行
it/設定/Git for Windows/Windows Terminalでビジュアルベルを無効にする
Git/GitHub/HTTPSでcloneする
Git/GitHub/HTTPSでcloneする(廃止)
2023-07-30
開発手法/書籍/データ指向プログラミング
開発手法/書籍
2023-07-22
開発手法/コードレビューvsテスト
FrontPage
開発手法
2023-06-13
Docker/開発/ネットワーク/Proxy環境でイメージをビルドする
Docker/開発/ネットワーク/コンテナのDNSサーバを指定する
Docker/インストール/Proxy環境で使う - Linux
2023-06-11
Node.js/環境構築/Volta/yarnのバージョンを指定してインストールする
更新履歴一覧
edit
Last-modified: 2012-01-28 (土) 13:59:03