useEffectでsetTimeoutの繰り返しを使う場合はuseEffectに任せて再帰呼び出しはしない
例えば現在の時刻をリアルタイムに表示させたい場合、カスタムフック useWatch を作って、そこから更新され続ける time を受け取りたい。 const App: React.FC = ()...
38
19
Comment0
55 search resultsShowing 1~20 results
Stocked
You need to log-in
baserJSでYouTubeのイベントAPIを使う
YouTubeを埋め込む 基本 data-idにYouTubeの動画IDを設定します。 <div class="youtube" data-id="FUgM105uN4c" data-wi...
0
0
Comment0
SVGのインターフェイスが面白い
tl;dr SVG独自の数値プロパティのインターフェイスが面白い 普段は Snap.svg か D3.js 使えばいいと思う setAttributeとのベンチマーク取ってない SVGのプログラ...
13
12
Comment0
SPAで動画を使って大ヤケドした話
tl;dr 気軽に removeChild するもんじゃない。 フレームワーク（Riot.js）は悪くない 概要 動画メインの小規模サイト（厳密にはSPAと言わないかも） スペック 動画は Yo...
61
64
Comment2
YouTubeの字幕をカスタマイズする
注意 YouTube APIの公式ドキュメントに載っていない設定値を利用します。 いつ使えなくなるかわかりません。 tl;dr http://video.google.com/timedtext...
13
11
Comment0
baserJSでGoogleMapsを埋め込む
コーポレートサイトにちょうどいいJavaScriptライブラリ baserJS の解説記事です。 Webサイトと詳しいAPIリファレンスはこちら baserJS Webサイト GoogleMap...
1
1
Comment0
JavaScriptでのサロゲートペア文字列のメモ
I. UnicodeとJavaScript文字列の前提知識 I-I. Unicodeのエスケープシークエンスで文字列を表す "\uXXXX"形式の4桁の16進数で表す // シングルクォートとダ...
287
262
Comment2
結果の順番を保証して、且つ『並列』でAjax通信を行う方法
複数の非同期通信をする場合 適当に作るとこんな感じ。※変数宣言などアンチパターンなのはご愛嬌 var request = [ { url: 'hoge00.json', params: { ho...
257
271
Comment1
【余談】なぜbaserJSをつくったのか
Webサイトと詳しいAPIリファレンスはこちら baserJS Webサイト コーポレートサイトにちょうどいいJavaScriptライブラリ baserCMSの謳い文句のひとつが「コーポレートサ...
3
2
Comment0
baserJS利用時の baser.min.js.map について
Webサイトと詳しいAPIリファレンスはこちら baserJS Webサイト baser.min.js.map とは baser.js と baser.min.js を関連付けるソースマップです...
1
2
Comment0
baserJSの内部モジュール一覧
コーポレートサイトにちょうどいいJavaScriptライブラリ baserJS の解説記事です。 Webサイトと詳しいAPIリファレンスはこちら baserJS Webサイト 内部モジュール こ...
0
0
Comment0
baserJSの開発環境
Webサイトと詳しいAPIリファレンスはこちら baserJS Webサイト リポジトリ Github もちろんGithubを利用しています。 タスクランナー Grunt 基本的な処理はすべてG...
0
0
Comment0
baserJSでマウスオーバーすると半透明になるエフェクトをかける
Webサイトと詳しいAPIリファレンスはこちら baserJS Webサイト マウスオーバーすると半透明になるエフェクトをかける // href属性をもつa要素が対象とすると $('a[href...
0
0
Comment0
baserJSでマウスオーバーすると一瞬透明になるエフェクトをかける
Webサイトと詳しいAPIリファレンスはこちら baserJS Webサイト マウスオーバーすると一瞬透明になるエフェクトをかける // href属性をもつa要素の中のimg要素が対象とすると ...
0
0
Comment0
baserJSで装飾可能にしたセレクトボックスをiOSとAndroidに対応させる
Webサイトと詳しいAPIリファレンスはこちら baserJS Webサイト 通常の実装 サンプル フォーカス状態によってオプション要素を表示する CSSのコーディングのポイントは以下です。 ....
0
0
Comment0
baserJSで装飾可能にするフォーム要素に付加されるクラス名を変更する
Webサイトと詳しいAPIリファレンスはこちら baserJS Webサイト フォーム要素に付加されるクラス名の一部や形式を変更する bcRadio bcCheckbox bcSelect メソ...
1
1
Comment0
baserJSで埋め込んだGoogleMapsのピンにインフォウィンドウを表示させる
Webサイトと詳しいAPIリファレンスはこちら baserJS Webサイト GoogleMapsを埋め込む 基本的な埋め込む方法はこちら baserJSでGoogleMapsを埋め込む インフ...
0
0
Comment0
baserJSでリスト要素を分割する
Webサイトと詳しいAPIリファレンスはこちら baserJS Webサイト リストをカラム分けしたりしたいとき <div class="multi-column"> <ul&...
0
0
Comment0
baserJSでリンク先のファイルによってアイコンを出し分ける
Webサイトと詳しいAPIリファレンスはこちら baserJS Webサイト 0.2.0 で実装予定 方針だけ決めて実装間に合いませんでした。 拡張子からファイルを判定してクラスを付加したり、画...
0
0
Comment0
baserJSで要素内の画像の読み込みを待つ
コーポレートサイトにちょうどいいJavaScriptライブラリ baserJS の解説記事です。 Webサイトと詳しいAPIリファレンスはこちら baserJS Webサイト window.on...
0
0
Comment0
55 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