中安拓也のブログ

プログラミングについて書くブログ

2017-01-01から1年間の記事一覧

forEachループの途中で要素を削除した場合のメモ

はじめに forEachでループを回している配列の要素をループの途中で削除した時に、(あくまで自分からみるとの話です)よくわからない挙動をしたので備忘録目的でまとめました。 developer.mozilla.org ループの途中で要素を削除した場合についての、MDNのサイ…

少し変わった(?)配列の参照方法

return ['pig', 'fox', 'bird', 'fish', 'mouse'][3]; // fish 上記の文を見たとき一瞬意味がわからなかったんですが、単純に定義した配列に添字の3を指定して値を呼び出しているだけですね。 かっこいい書き方だと思ったので、今後自分のコードにも積極的に…

parseIntとparseFloatは数字以外の情報を全て無視するって知らなかった

知りませんでした。まあ、初めの文字が数値以外だった場合は、NaNになってしまうんですが。 const weight = '60kg'; const height = '172.5cm'; console.log(parseInt(weight, 10)); // 60 console.log(parseFloat(height, 10)); // 172.5

ブラウザの開発者ツールによるAndroid/iOSアプリのデバッグ方法

はじめに 開発環境 Android iOS デバッグができない場合 はじめに ブラウザの開発者ツールによるAndroid/iOSモバイルアプリのデバッグ方法について書きます。 開発環境 ブラウザ: Google Chrome (バージョン 60.0.3)、Safari (バージョン 9.1.3) OS: OS X EI…

なんて検索していいかわからなかったJavaScriptの記法メモ

はじめに JavaScriptのコードを見ていて、この書き方どういう意味かわからないけど、なんてキーワードで検索していいかわからない...みたいなことがあったので、検索しづらいと思ったイディオムをまとめた。 検索に困った文法 ショートサーキット a || bでa…

Angular + Typescriptをブラウザでデバッグしたい

はじめに Angularプロジェクトをブラウザでデバッグする際に、TypescriptファイルにBreakPointを設定する方法がわからなかったので調べた。 環境 Angular: 2.4.7 angular-cli: 1.0.0-beta.28.3 webpack: 2.2.0 Google Chrome: 53.0.2785.116 各種設定ファイ…

なぜ私のAngular CLIはカレントディレクトリにプロジェクトを作成してくれないのか?

Angularプロジェクトの雛形作成に、generator-angular2-typescriptを使っていたのですが、最近Angular CLIに移行しました。 表題の件 Angular CLIでは、ng new [プロジェクト名]コマンドでプロジェクトの雛形をカレントディレクトリに作成してくれるんですが…

個人的にまぎらわしいCSSのセレクタ

CSS

イントロ 数あるCSSセレクタのうち、意味がごっちゃになりやすいものをメモした。 タイプセレクタとclassセレクタの併用 次の例では、タイプセレクタのliとclassセレクタの.itemを続けて記述している(間に半角スペースを含めてはいけない)。<li>タグのclass="ite</li>…