零弐壱蜂

Tag

67件

JavaScript

CSS in JSとは何か

想定読者 / そもそも JS フレームワーク（React、Vue.js）を採用する理由とは何か / 「命令的 UI」 と 「宣言的 UI」 / 「命令的 UI」 VS 「宣言的 UI」 / CSS in JS とは / CSS in JS ライブラリ / Emotion の使い方 / 利用するメリット / 利用するデメリット / <h2 id="footnote-label" class="sr-only">Footnotes

[CSS in JS] 外部のリセットCSSを使う方法

目的 / 課題 / おまけ

竈門炭治郎をCSS Paint APIで再現する

概要 / 完成品 / 実装方法 / 〆 / 参考

BudouXでOGP画像のテキストを読みやすくしてみた

背景 / BudouX とは / 方法 / 改善結果 / おわりに

[JavaScript] オブジェクトのプロパティを条件指定で追加する方法

背景 / 方法

[JavaScript] 表示しているページのURLなど特定の文字列をコピーさせる方法

背景 / 方法

[OGP] ブログ記事タイトルを含んだ画像を自動生成する方法

概要 / 環境 / 方法

[JavaScript] 1行でIE11を判定する方法

userAgent を利用して取得する方法 / 1 行で取得する方法

[JavaScript] 外部HTMLを読み込んでDOM上へ展開する方法

前提 / 方法

[JavaScript] 指定ページのみで発火させるスクリプトの構成

使用する想定状況 / 準備 / 使用方法 / 大まかな仕様

バックエンドから返却される規定画像要素に対してLazyload（遅延読み込み）をフロントエンドだけで実現させる

Lazyload（遅延読み込み）とは / 実施条件（縛り） / 実装 / 参考

[JavaScript] 不正なセレクタをエスケープする際の対処法

セレクタとして不正な文字 / JavaScript 上での取扱

[Nuxt.js] アンカーリンクの遷移が動作しない場合の対処方法

状況 / 原因 / 対応方法

[JavaScript] 日付のフォーマットをyyyy/mm/ddにする方法

背景 / 実装

[JavaScript] position:fixedを横スクロールで固定させない方法

デモ / 方法

[JavaScript] Objectのkeyに変数を使う方法

環境・状況 / 方法

[JavaScript] スクロールイベントを最適化してパフォーマンスを向上させる方法

スクロールイベントの最適化 / デモ / おわり

[JavaScript] スクロールイベントにPassive Event Listener指定してパフォーマンスを向上させる方法

Scroll Jank / おわり

[JavaScript] コロン(:)の入った属性で要素セレクタを行う方法

概要 / 方法

[Prism.js] tokenizePlaceholders of undefinedエラーの対処方法

概要 / 解決方法

[JavaScript] Object.assignでネストされたオブジェクトがコピーされない問題

理由 / 解決方法

[JavaScript] Cache Busting用に一定時間で更新されるクエリを作成する方法

Cache Busting とは / 方法

[JavaScript] CSS(スタイルシート)内の値を取得する方法

概要 / 方法 / 関連

[Node.js] node-fetchでBASIC認証をしつつPUTする方法

概要 / 環境 / コード

[JavaScript] ウェブシステムのランタイムエラーを集積する仕組み作り

概要 / 集積用データベースを用意する / エラー集積スクリプトを仕込む / しばらく運用してみて…

jQueryの$.wrap()をJavaScriptで実装する方法

前提 / jQuery / JavaScript / 関連

[JavaScript] 入力欄にDrag&Dropで文字を入力できないようにする方法

実装・サンプル

[JavaScript] XMLHttpRequestを同期処理にするとエラーになる場合の対処法

問題 / 解決方法

[JavaScript] IE11でXHR時にInvalidStateErrorが発生する問題の対処法

問題点

[JavaScript] スクロールで要素が表示された状態をチェックする方法

概要 / コード

[JavaScript] 空のGETパラメータを送信しない方法

方法

Google AdsenseがMaterial Design Lite(MDL)で再読み込みされる問題

現象 / 調査

[JavaScript] 全角英数字記号を半角に変換する方法

デモ / 方法

[SyntaxHighlight] Google Code PrettifyからPrism.jsに変更した時に気をつけたこと

概要 / Google Code Prettify / Prism / Google Code Prettify から Prism に乗り換え

[JavaScript] ブラウザの戻るボタンを禁止する方法

概要 / コード

[WordPress] jQuery不要の画像遅延ロード

遅延ロードライブラリ / WordPressで使う

[JavaScript] ページ内リンクアンカーを消す方法

リンクアンカーとは / JavaScriptで消す

ブログが謎のサイトにコピーされた時の対処方法

きっかけ / 状況 / 対応方法 / 対応した内容 / Googleに通報する

[JavaScript] 右クリックを抑制する方法

実装

JavaScript だけで hasClassをする方法

[JavaScript] クロージャでグローバル変数にならないようにする

クロージャ / その他

input[type=file]で選択するファイルを画像のみに制限する方法

HTML5 の accept属性 を使う / JavaScript で選択したファイルをチェックする

[JavaScript] .submit()が効かない場合の対処法

状況 / 方法

[JavaScript] セレクトボックスの選択しているテキストを取得する方法

前提 / 実装

[JavaScript] Stringを判定する関数

ソース

[JavaScript] Drag&Dropのイベント一覧

一覧 / 使い方

[JavaScript] 小窓をディスプレイ中央に表示させる

コード

[JavaScript] 平仮名しか入力できないInputを実装する方法

ユースケース / 仕様 / デモ / 実装

[JavaScript] チェックボックスとボタンのdisabledを連動させる方法

ユースケース / 仕様 / 方法

[JavaScript] IEでconsole.logでエラーが発生する問題の対策

対策 / 参考

[JavaScript] 先頭の文字だけ大文字に変換する方法

仕様 / コード

[JavaScript] ドキュメント上の全角文字を置き換える方法

コード / 説明

[JavaScript] 文字を指定の文字列で置き換える

コード

[JavaScript] アニメーションなしでページトップへスクロールさせる方法

jQuery を使ったスムーズスクロール / JavaScript のページトップ移動

[JavaScript] 要素を上から落ちるように表示させる方法

デモ / 実装

[JavaScript] ファイルサイズを数値に直す関数

ファイルサイズ変換関数 / 使い方

[JavaScript] 数値をカンマ区切りにする方法

見づらい / 理想的な方法 / ちょっとクールな方法

[JavaScript] 表示ページのファイル名を取得する方法

方法

[JavaScript] 理由:Uncaught TypeError: Object [hoge] has no method &#8216;replace&#8217;

状況 / 理由 / 解決方法

[JavaScript] サニタイジング(エスケープ) メソッド

JavaScriptでエスケープ / jQueryでエスケープ

[JavaScript] JSファイルやCSSファイルを遅延読込をする方法

方法

[JavaScript] 簡単なlocalhostの判別方法

[JavaScript] 8をparseIntすると0になる問題の対処法

[JavaScript] 空白をトリミング(trim)する方法

[JavaScript] 数字しか入力できないInputを実装する方法

仕様 / デモ / 実装

[JavaScript] Submit時の確認ダイアログの表示方法

表示方法

[JavaScript] 先頭の0を削除する方法（ゼロサプレス）

ゼロサプレスとは / 方法