tag:javascript

書いてる野郎

orebike@gmail.com

TAG: javascript

2017-02-14 11:23ActionScript3.0/ActionScriptからJavaScriptの関数を呼び出す バージョンと製造年月日 * 2009年01月15日 * ActionScript3.0 ActionScript側からJavascriptの関数を呼び出す まずimport import flash.e…,
2011-07-14 09:38Android(開発)/Androidのブラウザでのiframeの表示 バージョンと製造年月日 * 2011-07-14 * Android2.2, 2.3 iframeの表示 Androidでもiframeは使うことができる。 通常のブラウザと異なる点は、Androidではiframe内のコンテンツ…, , ,
2011-12-15 11:08Android(開発)/WebViewの使い方 バージョンと製造年月日 * 2011-12-15 * Android API Level 7 下準備 AndroidManifest.xmlに以下の許可を追加してネットワークを使えるようにしておく <uses-permission android:na…, , ,
2013-03-02 20:45Backbone.js 参考サイト * 本家 Backbone.js タグ javascript backbone.js mvc, ,
2013-08-23 11:28CasperJS CasperJSって何 PhantomJSとかのheadless browserは込み入った処理をしようとすると面倒なのでそれを楽にしてくれるのがCasperJS 関連ページ PhantomJS 参考サイト CasperJS, a navigation scripting and test…, ,
2013-09-03 10:33Ember 参考サイト Ember.js - About タグ javascript mvc,
2014-11-12 10:23gulp.js gulp.js - the streaming build system Gruntみたいなやつだけど、Grunt がJSONで挙動を宣言的に書いていくのに対して、こっちは普通に JavaScript で手続き的に記述できる。 Install npmで直なら $ npm install gu…,
2019-11-22 21:26HTML / API / Intersection Obserer 【注意】ここにある情報は筆者の理解が浅い、もしくは検証環境がおかしいため嘘の情報が含まれている可能性が高いです。参考にしないでください。 ブラウザの可視範囲に入ったら何かするやつ jQuery を使わなくても簡単にできる。, , , ,
2010-10-15 15:09JavaScript javascript index 参考サイト * Hatena-Textbook/javascript-event-driven.md at master · hatena/Hatena-Textbook · GitHub] * JSONLint - The JSON Validat…,
2019-11-21 10:15JavaScript / Basic basic index Tags javascript index,
2010-10-26 11:56JavaScript / Basic / 制御構文 switch文 breakしないと下に流れる 比較は===で行われるが　ほとんどにおいて文字列か数値なのであまり意識しなくていい・・・　ここで===が使われということは==の比較演算のような暗黙的な型変換がおきないことを意味している,
2015-10-19 12:43JavaScript / DOM操作 dom_ope index 要素の削除 子要素を削除する 子要素は hogeparent.removeChild(hogechild); で削除する。これはオブジェクトをあくまで親要素から引き剥がすだけであって、GC によってオブジェクトを破壊するわけではない,
2018-12-28 12:24JavaScript/Basic/クラス JavaScript は以前は Function オブジェクトに「クラス的機能」があって、それを使っていたが、 現在ではクラスを作るための専用の構文がある。 出来上がるものはいろいろ制約があったり便利な設定がされている Function オブジェクトとなるので、書き方が変わ…, ,
2020-01-16 19:46JavaScript/Basic/クラス/コンストラクタ コンストラクタを記述するための専用の記法ができたのでそれを使う。 class Hoge{ constructor(){ console.log("This is constructor."); } } construct…, , , ,
2020-01-16 19:43JavaScript/Basic/クラス/メソッド クラスにそのインスタンスを操作するためのメソッドを取り付けることができる 基本 メソッドはこのように実装する。 class Hoge{ dododo(v){ return "dododo " + v; } } let hog…, , ,
2018-12-28 13:30JavaScript/Basic/クラス/継承 クラスとすれば継承ができると嬉しい。 以前は非常に色々な方法で JS の継承は実装されてきた経緯があるが、 やっと決定版で出たという感じである。 基本, , , ,
2017-07-06 12:42JavaScript/CSSの動的ローディング バージョンと製造年月日 2009年06月12日 原理 link 要素を document.createElement して head 要素に appendChild する。 動的にロードしたStyleSheetオブジェクトを掴む,
2011-07-08 09:28JavaScript/JavaScriptとPHPの連携 バージョンと製造年月日 2011-07-08 PHPはJSON担当 PHPはサーバサイドなので自由自在にJavaScriptをジェネレートするとPHP部分とJavaScript部分がゴチャゴチャになって見た目が悪い。,
2012-08-31 12:03JavaScript/nodeType一覧 DOM要素にあるプロパティで var hoge = element.nodeType; で得られる 定数としては var hoge = Node.ELEMENT_NODE; としてNodeというオブジェクトから得られる。IEとか知らん 意味は以下の通り,
2012-05-14 15:16JavaScript/イベント/click/クリックイベントを強制的に発生させる 発生するイベントにフックするのではなく、もうすでにフックされているイベントを発火させるにはどうするか？ IE,Firefox向け,
2019-04-16 11:16JavaScript/イベント/DOMContentLoaded ネットワークから HTML の読み込みが終わってDOM構築が完了したタイミングで発火。 画面要素が絡むロジックをキックする定番のタイミング。 document.addEventListener("DOMContentLoaded", functi…, ,
2010-10-29 10:19JavaScript/コーディング規約 jswatchdog チェックツール 参考サイト Google JavaScript Style Guide 和訳 — Google JavaScript Style Guide 和訳 タグ javascript コーディング規約 命名規約, ,
2011-09-30 10:53JavaScript/テスト とにかく導入までの敷居がめちゃくちゃ高いので既存のぐちゃぐちゃコードに徐々に適用していくということがほぼ不可能。 テスティングフレームワーク テストダブル(モック),
2012-04-05 16:13JavaScript/ネットワーク状態を取得する ダミー画像を使っての検知 Tips ネットワーク編　サーバー接続をチェックする 1 [Javascript] All About 画像のonLoadやonErrorに仕込めばお手軽でいいかも。 コールバックでキック 実装してないけど多分 * ネットワーク…,
2014-12-19 12:39JavaScript/ブラウザ操作/タブを点滅させる Facebookとかで画面に更新があったりするとタブをピカピカ点滅して教えてくれるアレ。 原理は簡単でtitleに変更があったら光るらしいので、JSでtitleを定期的に変えれば点滅する。
2016-03-04 16:02JavaScript/数値であるかのチェック JS でそれ自体が数値であるかのチェック、つまり数値チェック、数値であるかの判定をしたいことがある場合にどうするかをまとめてみた。 isNaN と typeof の両方の挙動を調べてみた。結論から言うと isNaN は使うな typeof を使え。,
2011-02-17 18:54JavaScript/文字列操作 文字列操作に関して About strings operations. string_ope index 検索系 (Search) 文字列の存在位置を知る indexOfメソッドで文字列中の検索文字列の存在位置を知ることができる 位置は最初の文字をゼロとする数値で返される、…, , , ,
2012-06-11 15:50Javascript/正規表現 改行にもマッチさせる 通常の文字なんでもという場合はこのような正規表現をよく書くが /.*/ これでは改行文字はヒットしないので複数行ある文字列に対しては行末でマッチが途切れてしまう。, ,
2012-07-07 21:15JavaScript/正規表現くん たぶん誰か作ってるけど自分でも作りたかったので作ってみた。 実装は当然Javascript ↓ココから入る <http://yakinikunotare.boo.jp/regexpkun/regexpkun.html> バージョン * 2008-06-01 入力欄の自動可…, , ,
2010-11-14 11:05JavaScript/配列操作 すぐ忘れるのでメモ array_ope index foreach of 最近の JS ならコレクション要素を走査する特別な構文があるのでそれが使える for(let v of vList){ console.log(v); } メタ情報取得系 配列であること…,
2011-04-21 16:21JavaScript/関数/クロージャ クロージャとは ようするにあれ var と let での変数の持ち込み方が違う var で宣言された変数と let で宣言された変数はクロージャへの値の持ち込まれ方が違う。, ,
2017-10-03 13:17JavasScript/etc/IE7.js IEのCSSの挙動を標準に近づけるスクリプト・・・ 実際問題は、近づくようになるだけで同じにはならない 使い分け * IE7.js IE5,6系をIE7の挙動にそろえる * IE8.js IE5,6,7をCSSの標準的なサポートにそろえる, ,
2012-01-18 12:33jQ.Mobi iOSとAndroidに特化したjQuery.Mobile バージョンと製造年月日 2012-01-18 参考サイト 本家 jQ.Mobi タグ javascript html5 jquery iphone android, , , ,
2011-04-15 14:37jQuery jquery index * jQ.Mobi * jQuery Mobile jQueryの用途 jQueryはDOMを便利に操作できるようにしてくれるライブラリ。 世界を構築するためのフレームワークでは無いので、そこんところを間違えて使わないようにしたほうがいい。,
2012-05-15 15:31jQuery Mobile jQuery Mobileとは jQueryはほとんど関係無い。内部実装で使ってるとかぐらいのレベルでjQueryのスマートフォン版という位置づけでは無い。 jQueryがDOMラッパー＋便利メソッド集だったのに対しjQuery Mobileはスマホブラウザで作るスマホネイティブ風UI…, , , , , , ,
2012-05-16 15:11jQuery Mobile/ページを作る バージョン * 2012-05-16 新規 タグ jquery_mobile スマホ iphone html5 css3 javascript, , , , ,
2011-06-03 11:43jQuery/bodyやブロック要素中をスクロールさせる バージョンと製造年月日 jQuery1.4.2 任意の位置にスクロールする スクロールするにはこのように記述する。 ブロック要素内をスクロールさせたい時（overflow指定とかで見えなくなっている部分をもってくる）はこのように記述する,
2012-08-31 17:55jQuery/getJSONでコールバック関数が動かない jQuery の getJSON メソッドや ajax メソッドで dataType を json にした場合に success 等のコールバック関数を指定しているのにそれが動かない場合がある。, , , ,
2015-12-01 13:09jQuery/input要素のvalueを操作 prototype.js 感覚で使ってたら嵌った <input type="text" value="" id="hoge" /> こうやってもだめ $('#hoge').value = 'aaa'; こうじゃないとダメ $('#hoge').val…,
2011-09-05 21:07jQuery/その要素が表示されているかされてないか知る バージョンと製造年月日 * 2011-09-05 * jQuery 1.6.2 要素が表示されているかされてないか知る 出ている消えているに特別な意味を持っている場合知りたくなる場合がある。,
2017-02-14 11:45jQuery/コードを読む/001 prototype.js同様これもバカ正直に読んでいきます←やめたほうがいい。読む順番がある。 バージョンは1.2.3 jQuery: The Write Less, Do More, JavaScript Library 1行目～変数空間を死守せよ！ いきなりコード全体が1…, ,
2017-07-06 12:55jQuery/コードを読む/002 jQueryも2回目 31行目～ タグのっぽいとかID文字列チェック用正規表現オブジェクト たぶん、いろんなところで使うからその場その場でやらないで、グローバルにばら撒いておいて使いましょうという話ね, ,
2012-09-26 09:40jQuery/テーブルの行をドラッグアンドドロップで並べ替える テーブルの行（tr要素）をドラッグアンドドロップで並べ替える。 プラグインを使う jQuery UIにdraggableというドラッグ用の拡張があるがtr要素に対してはできないのでまた別のプラグインを使う。, , , , ,
2012-08-31 16:37jQuery/ラジオボタンやチェックボックスがチェックされているか否かを調べる チェックがついているラジオボタンを取得するやり方は沢山出てくるが、そのものがチェックがついているかどうかはあまりなかったので忘れないようにメモしておく, ,
2013-05-13 10:16jQuery/嫌いな実装方法 好みの問題だけどあんまやってほしくない実装 $関数をやたら使う とにかく1から10まで全部 $ 関数。全ステップ $ 関数(セレクタ)スタートの実装。 JavaScriptには変数ってものがあるので有効に使おう。, ,
2011-04-15 14:44jQuery/子要素を全部消す 消す emptyメソッドを使うと全ての子要素を削除できる。選択的に消したいならfindとremoveを組み合わせればよいのではないかな。 <div id="hoge"> <p>aaaa</p> <p>bbbb</p> </div>,
2011-04-15 14:41jQuery/自分自身の要素を消す 画面から引き剥がす 正確には画面から引き剥がす <p id="hoge">あああ</p> ならば $("#hoge").remove(); がめんから引き剥がすだけ。つまりオブジェクトとしてはまだ保持しているので貼り直せる。, ,
2012-05-14 13:19jQuery/要素を掴む id指定で掴む var hoge = $("#hoge"); あとはCSSセレクタ指定で自由自在に取れるので好きにやってくれ 親要素を掴む parentメソッドで引き出せる var hogeParent = $("hoge").parent();,
2011-08-18 09:34jQuery/要素を表示したり消したり バージョンと製造年月日 2011-08-18 jQuery 1.6.1 表示したり消したりの基本 要素を表示したり消したりするときはshowメソッドとhideメソッドを使う <div id="a">hoge</div>, ,
2012-01-18 12:27JSLint バージョンと製造年月日 2012-01-18 JSLintを使ってWindowsでJavaScript文法チェック このツールでできる bkhvalid - BK class タグ javascript デバッグ,
2014-03-25 17:21Node.js nodejs index install Node.js 界隈のライブラリはバージョンに敏感らしく複数環境を使い分けるのが普通ということ。 なので複数環境切り替えツールを使ってインストールする。nvm と ndenv がある。ほかにもいろいろある。,
2013-08-23 11:14PhantomJS PhantomJSって何 Webkitベースのheadless browser。つまりプログラムで制御可能な画面の無いブラウザと思ってよい install(Linux Mint 15 編) apt で一発で入る 使い方 コマンドとしてインストールされるので使うだけ 引数に制御用のJSファ…,
2013-08-23 11:18SlimerJS SlimerJSって何？ PhantomJSのGekkoバージョンと思えばよい 関連ページ PhantomJS 参考サイト SlimerJS タグ javascript テスト,
2012-02-06 11:15Twitter Bootstrap Twitter Bootstrapとは Webアプリにおける基本的なUI部分のルックアンドフィールの趣味の良いプリセット集と思えば良い。 style look and feelclass memo ボタン系要素をボタンっぽい外観にする, , ,
2012-09-09 22:38WebStorm 参考サイト The best JavaScript IDE with HTML Editor for Web development :: JetBrains WebStorm バージョン 2012-09-09 タグ ide javascript,
2012-04-03 10:37はてブ用ブックマークレット はてブコメント表示別ウィンドウバージョン オリジナルバージョンは同じウィンドウに開いてしまうので別ウィンドウで開くバージョンを作った。 Operaでしか使わないのでOpera11でのみ動作確認。Iron 17でも動作確認した。だから多分Chromeでも動く, ,
文書の先頭へ
www.chimeric.de Valid CSS Driven by DokuWiki Recent changes RSS feed