ブックマークレットのサイト
当サイトでは、ブックマークレットを配布しています。 ブックマークレット ( bookmarklet ) は、お気に入りから起動してつかう、 JavaScript で記述された小さなプログラムで、ブラウザの機能を拡張します。 たとえば、行間を広げたり、読みづらい文字の色を変えたり、IE６の標準の機能では拡大できない文字を拡大したり…… 機能は無限大のマックスハートです。 ◆ ブックマークレットの使い方 まず、下の のついてるリンクをブラウザのお気に入りかリンクバーにドラッグ＆ドロップして登録してください。（リンク上で 「右クリック」 → 「お気に入りに追加」 でももちろん OK ） あとは、ブックマークレットの機能を使いたいページ上でお気に入りをクリックするだけ。 そうすれば、あら不思議、文字が大きくなったり、行間が広がったりします。 まさに、ブックマークレットはウェブの魔法 (スクリプト)
JavaScript の this キーワードに結びつけられる値はどのように決定されるのか (言語仕様の説明) - ひだまりソケットは壊れない
最近 JavaScript の this キーワードについての記事をいくつか見かけて 「そういや自分も昔 this キーワードについて記事を書いたなー」 と思って 古い記事 を見返してみたのですが、関数呼び出しのことしか説明してなかったので改めて this キーワードの全般的な話を書いておこうかと思います。 本記事は ECMA-262 5.1th に基づいています。 初心者向けの this キーワードの使い方の指針を示しているわけでも JavaScript 処理系の実装の説明をしているわけでもなく、JavaScript 言語コアの仕様を説明していることに注意してください。 ECMA-262 5.1th : JavaScript の言語コア部分 (ECMAScript) の言語仕様 (バージョン 5.1) 初心者向けの this キーワード周りの指針 この記事の最後の 「まとめ」 に、自分が
JavaScriptプログラミング講座【JSON について】
JSON は、「JavaScript Object Notation」の略で「ジェイソン」といいます。
Chrome DevToolsを使いこなすための参考サイトまとめ | 1 pixel｜サイバーエージェント公式クリエイターズブログ
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 フロントエンドエンジニアの谷です。 本記事ではGoogle Chromeの開発者ツール、Chrome DevToolsを使いこなすために参考になるサイト、ページの紹介をします。 すでに多くのフロントエンドエンジニアが開発で使っているかもしれませんが、「要素のインスペクタなどの基本的な機能しか使っていない」「UA切り替えくらいしかつかってない」というような方や、そもそもほとんど使ったことがない、という方もこれらを参考にフロントエンド開発を効率化していきましょう！ 基本的な使い方 Chrome DevTools Overview 基本はやはり公式ドキュメ
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
[JavaScript] 猿でもわかるクロージャ超入門 まとめ - DQNEO起業日記
クロージャとは クロージャは、言葉で説明するのが大変難しい概念です。 あなたは、自転車の乗り方を、口だけで説明できるでしょうか？ あなたは、螺旋(らせん)の形を、言葉だけで説明できるでしょうか？ ずばり、できないでしょう。 しかし、自転車に乗ることはできますし、針金で螺旋の形を作ることはできるでしょう。 「クロージャ」もこれと同じです。 だから、Wikipediaのこんな解説を見ても落ち込まないでください。 クロージャ (クロージャー、Closure) は、プログラミング言語において引数以外の変数を実行時の環境ではなく、自身が定義された環境（静的スコープ）において解決する関数のことである。 理解できないですよね？ 私もそうでした。 クロージャを既に知っている人にしか、この文章は理解できないでしょう。 クロージャを作るのは難しくない しかし、説明するのは難しくても、作るのは意外と簡単。それが
![[JavaScript] 猿でもわかるクロージャ超入門 まとめ - DQNEO起業日記](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f7de7c0278993661a11fbc3637f96292ba773aa/height=288;version=1;width=512/http%3A%2F%2Fdqn.sakusakutto.jp%2Fimages%2Fkali.jpg)
正規表現 - JavaScript | MDN
« 前のページ 次のページ » 正規表現とは、文字列内で文字の組み合わせを照合するために用いられるパターンです。 JavaScript では、正規表現はオブジェクトでもあります。これらのパターンは RegExp の exec() および test() メソッドや、String の match()、matchAll()、replace()、replaceAll()、search()、split() メソッドで使用できます。 本章では、 JavaScript の正規表現について説明します。
二章第三回 基本的な操作とテキストノード — JavaScript初級者から中級者になろう — uhyohyo.net
二章第三回 基本的な操作とテキストノードこのページの最終更新日：2017年11月10日 今回から、いよいよWebページにも多少動きが出てきます。 innerHTML前回、ちらっと「innerHTML」というプロパティが出てきました。これはHTMLElementが持っているプロパティです。 これは、要素の中身がHTMLで代入されているというものでした。 それでは、今度はそこに新しい中身を代入したらどうなるでしょう。なんと、実際に書きかわります。 <!doctype html> <html> <head> <title>test</title> </head> <body> <p id="aaaaa">t<strong>es</strong>t</p> <script type="text/javascript"> var p = document.getElementById('aaaaa'
JavaScriptオンラインエディタ - JavaScriptist
スクリプトを入力ボックスに書いて「スクリプト実行」ボタンを押すとWEB上でJavaScriptを実行＆動作確認できます。
レーダーチャート - JavaScript ライブラリー - HTML5.JP
JavaScriptからレーダーチャートをcanvas要素に描画します。パラメータを指定することで、項目、色、凡例表示などお好みのレーダーチャートを柔軟に描画できます。 ダウンロード Release Date Size (byte) Download 使い方 graph_radar_x_x_x.zipを解凍し、html5jpフォルダをウェブサーバにそのままアップロードしてください。グラフを表示させたいHTMLには次のタグを記述してください。 <div><canvas width="400" height="300" id="sample"></canvas></div> 上記タグは次の点に注意してください。 canvas要素は、必ずdiv要素で囲んでください。 canvas要素には、必ずwidth属性とheight属性を記述し、幅と高さを指定してください。 canvas要素には、必ずid属
Web API | MDN
ウェブのコードを書く時は、数多くの Web API が利用できます。以下に、ウェブアプリやサイトを開発する際に利用することができる可能性があるすべてのインターフェイス（オブジェクト型）のリストを挙げます。 Web API は通常 JavaScript とともに使用されますが、常にそうとは限りません。 A Audio Output Devices API Experimental B Background Fetch API Experimental Background Sync (en-US) Experimental Background Tasks (en-US)Badging APIBarcode Detection API Experimental Battery APIBeaconBluetooth API Experimental Broadcast Channel API
や...やっと理解できた！JavaScriptのプロトタイプチェーン - maeharinの日記
JavaScriptのプロトタイプチェーンについて理解しようとしたのだけど、prototypeとか__proto__とかごちゃごちゃになって、色んなブログを読んでもなかなか理解しきれなくて悶々としていたのだが、図を書いたらパッと理解できた！以下、情報ソースはなるべくECMAScript仕様書（3rd）を元にするようにして書きました なぜ分かりづらいのか？ そもそも、なぜJavaScriptのプロトタイプチェーンは自分にとってこうも分かりづらかったのだろうか？自分なりに分析してみると、まず、「似ているが違う用語が沢山ある」という点がある。ざっとあげただけでも、「prototypeと__proto__」「__proto__と[[Prototype]]」「FunctionとFunctionオブジェクト」などがある。そして次に、「入り組んだ構造が動的に変化する」という点がある。上記のように似たよう
人気順に説明する初めてのHTML5開発 - ＠IT
メディア ローコード／ノーコードセントラル クラウドネイティブセントラル 連載一覧 ＠IT Special セミナー ホワイトペーパー クラウド AI IoT アジャイル/DevOps セキュリティ キャリア&スキル Windows 機械学習 eBook その他 Server & Storage HTML5 + UX Smart & Social Coding Edge Java Agile Database Expert Linux ＆ OSS Master of IP Network Security & Trust System Design Test & Tools Insider.NET ブログ AI for エンジニアリング サプライチェーン攻撃 脆弱性管理 OSS管理 Windows 11/365 GitHub その他の特集 ＠IT アジャイル/DevOps Insider.
DOM操作の主流になるか！？ セレクタAPIを使いこなそう
連載目次 従来、JavaScriptでは、以下のようなメソッドを利用して、操作対象の要素を特定していた。 getElementByIdメソッド：IDの値をキーにノードを取得する。 getElementsByTagNameメソッド：要素名をキーにノードを取得する。 getElementsByClassNameメソッド：class属性の値をキーにノードを取得する。 しかし、この方法で複雑な構造のHTML文書から要素を取り出す場合、コードが複雑になりやすいという課題もあった。例えば、以下は従来のgetElementXxxxxメソッドを利用した要素の取得例だ。 上記のJavaScriptコードでは、奇数番目の要素を特定するために全てのインデックス番号をif文で判定させている。ほかにも属性値やclass属性によって要素を絞り込むならば、同じような判定式を書いた経験が読者諸氏にもあるだろう。「もっと簡
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Charming Python: Functional programming in Python, Part 3
Google Chrome Extensions Tutorial: Getting Started (Hello, World!)
https://www.youtube.com/playlist?list=CA101D6A85FE9D4B&p=CA101D6A85FE9D4B&desktop_uri=%2Fview_play_list%3Fp%3DCA101D6A85FE9D4B&app=desktop
Chrome Extensions API リファレンス
#01 Google Chrome拡張機能とはなにか？ | 【旧版】Google Chrome拡張機能入門 - プログラミングならドットインストール
/packer/