読者です 読者をやめる 読者になる 読者になる

思考停止するな

ネットワークとかアプリケーションとかWebとか

ChromeでJSをデバッグする方法

ChromeでJSをデバッグする方法についてです。1.Choromeのデベロッパーツールを開きます。 WindowsならF12 MacならCommand + Option + I で開きます。2.Developer Tools > Sourceタブを開きます。 3.デバッグしたいJSファイルを選択します。 4.ブレークポイン…

簡単にリッチなテーブルを作れるJS jqGridの環境をCDNだけで構築

簡単にリッチなテーブルを作成できるJSライブラリのjqGridの環境をCDNサービスだけを利用して構築してみました。jqGridを使うには、jQueryとjQuery UI、そしてjqGridが必要なようです。全てCDNを利用してjqGridを使えるようにしました。といってもHTMLのHEAD…

DOMとは

DOMとは、Document Object Modelのこと。 プログラムでHTMLやXMLを扱うための仕様(API)です。 HTMLの <p> や <img> などの要素にアクセスする仕組みのこと。 JavaScriptを使ってHTMLを操作することができます。xmlやhtmlドキュメントをツリー構造として表現したもの</p>…

JavaScriptコンソールログでデバッグする方法

JavaScriptでコンソールログを使ってデバッグする方法についてです。console.logを使ってコンソールにログを表示できます。例えば次のようなJSのコードを書いたとします。 <script> var test= 1; console.log("test:"+test) ; </script>このtestという変数の中身を確認したい…

Chrome開発者ツールを開くショートカット

Chrome開発者ツールを開くショートカットについてのメモです。Command + Option + Iで開ける。

JavaScriptだけでページ内の文字サイズを変更する方法

JavaScriptだけでページ内の文字サイズを変更する方法についてです。今回はJSで文字サイズを小、中、大の3段階に変えるコードを書いてみました。文字の大きさは 小 → 75% 中 → 100% 大 → 150% と完全に決め打ちです。HTML部分 小、中、大のボタンを作ってそ…