sometkのブックマーク - はてなブックマーク

要素にスタイルクラスを適用／除外するには？（addClass／removeClass／toggleClass／hasClass）
← 前回連載 INDEX 次回 → 要素にスタイルクラス（class属性）を設定するのは、addClassメソッドの役割です。スタイルを適用するという意味では、cssメソッドにも似ていますが、cssメソッドがコードの中にスタイル定義そのものを記述しなければならないのに対して、addClassメソッドはスタイルクラスの名前で指定できます。つまり、スタイル定義を明確にコードから分離できますので、保守性に優れます（＝JavaScriptのコードに混在したスタイル定義まで、デザイナーがメンテナンスするのは困難です）。cssメソッドは、まずスタイルを操作するには手軽な手段ですが、本格的なアプリでは、スタイル操作はaddClassメソッドを主体に行うことをお勧めします。例えば以下は、addClassメソッドを使って、class="dotnet"である要素のテキスト色を赤（Red）に、背景色を黄色
sometk 2015/11/30
1511

jQuery
リンク
Web開発でよく使う、特に使えるChromeデベロッパー・ツールの機能
Webアプリのデバッグやチューニングに役立つ、Chrome Developer Toolsの主要機能を、スクリーンキャプチャ中心で簡潔に紹介。2014年10月に最新情報に改訂。モダンブラウザーの中でGoogle Chromeは最後発ながら、その機能の潤沢さ、便利さ、高速さからシェアを大きく伸ばしている。そして、今やほとんどのブラウザーではWindowsの場合F12キーを押すことで（Macの場合はCommand＋Option＋Iキーで）手軽に各ブラウザー搭載のデベロッパーツールを利用できるが、特にChromeのデベロッパーツールは、非常に機能が豊富なため、利用している人もかなり多い。本稿では筆者がよく使う機能や、使うと便利な機能を中心に、Chromeのデベロッパーツールについて紹介していく。なお、本書は執筆時点で、最新のChrome 38を使用している。機能ふかん残念ながら、Chro
sometk 2015/05/22
1505

chrome

console

Google

web

JavaScript

development

opera
リンク
プログラミングやマークアップで特に役立つ、Sublime Textの標準機能 - Build Insider
Expand Selection to WordでのTipsをいくつか紹介する。例えば1つおきに編集したい場合などは、Ctrl(Win)／Command(Mac)＋Kキーで選択がスキップできる（図2.1）。また、Ctrl(Win)／Command(Mac)＋Dキーを入力しすぎて、想定よりも多く選択してしまった場合は、Ctrl(Win)／Command(Mac)＋Uキーで、選択をUndoできる。ちなみに、Ctrl(Win)／Command(Mac)＋Uキーは、Ctrl(Win)／Command(Mac)＋ZキーではUndoできないものをサポートしているので、ここで解説している例だけでなく、例えば複数行選択で↓キーを押しすぎた場合などでも利用できる。また、同じ文字列を一気に複数選択する場合は、Alt＋F3キー（Win）／Ctrl＋Command＋Gキー（Mac）で行える。 Expand S
sometk 2014/08/05
sublime
リンク
TypeScript早わかりチートシート【1.5.3対応】 - Build Insider
TypeScript 1.5正式リリース。最新言語仕様を速習しよう！ TypeScriptを使うときに役立つ情報がまとまったチートシート（1クリックで試せるサンプル付き）。本稿はTypeScript 1.5.3を対象に解説を行います（※2016/11/08追記：姉妹サイトの＠IT Insider.NETで「特集：TypeScript 2.0概説」を掲載していますので、本稿と併せてご参照ください）。早いもので、TypeScript 1.0がリリースされた2014年4月3日から、1年以上が経ちました。今年の頭あたりに本記事のTypeScript 1.0版からの更新の依頼が来た時は、（記事改訂は想定していなかったので）びっくりしました。情報をメンテし、良い情報がWeb上に残るよう運営するのは大変であろうな、と想像に難くないですが、筆者としてはうれしい限りです。さて、去る2015年3月5
sometk 2014/05/25
1405

TypeScript

programming
リンク
1