[B! ツール][javascript] tkmcのブックマーク

HTML、CSS、JavaScriptのコード整形ツール・「Dirty Markup」 - かちびと.net

Dirty Markupは、HTMl、css、JavaScriptのコードをインデントして整形してくれるツールです。高機能ではありませんが、シンプルで使いやすく、動作も軽量です。 Dirty Markup

tkmc 2013/03/06

リンク

ブラウザ上でHTML / CSS / Javascriptを書いてその場で実行、ブログ等にも貼付できるjsfiddleの基本的な使い方をざっくりと - かちびと.net

個人的にお勧めしているjsfiddleですが、せっかくなのでちゃんと記事にして普及活動をしてみようかなと思います。jQueryのコードを気軽に試す、などにも最適です。全部は書ききれないのでざっくりと、程度です。一応基本的な部分だけ・・jsdo.itでいいじゃんとか言われそうな空気満々ですが、いいならこんな記事書きませんのでお察し頂ければ幸いです。 jsfiddleとは、その場でjsコードを実行、動作テストできるツールで、人気のjsライブラリのjQueryの公式サイトでもバグを伝えるときはjsfiddleを使用して動作を見せるように薦められます。 When You Report A link to a reduced, working demo/test case that will never move (jsFiddle is good for this). （意訳：バグを報告するとき

tkmc 2013/03/06

リンク

[Sublime Text2]SublimeLinter+jshintでJavaScriptコードを自動チェック | バシャログ。

最近、JavaScriptの新刊が本当に増えててうれしいなーと思うtanakaです。Web+DB PRESS vol.73 の連載で、JavaScriptのユニットテストについて書かれていたのを読みました。主に3つのツール・ライブラリが紹介されていましたが、中でも複数のブラウザに対して一斉にテスト実行させるtestemがすごい便利そうです。以前、同様のツールであるjsTestDriverをバシャログで紹介しましたが、testemはnpmコマンドでインストールしたらすぐテストを書き始められるし、設定を書けば、自動でブラウザを起動してくれるので楽でした。(Windows,Macともに導入できました)テスト書きたいと思っている方がいましたら是非読んでみてください。さて、testemはまだあんまりいじってないので、今日は JavaScript のコードをjshintというツールでチェックする方法

tkmc 2013/03/05

リンク

難読化、圧縮されたJavaScriptコードを綺麗に整形・「Online javascript beautifier」 - かちびと.net

tkmc 2013/02/23

リンク

yuguri.com

Click here to enter

tkmc 2013/02/22

リンク

『JavaScript開発時に便利なツールたち』

1 pixel｜サイバーエージェント公式クリエイターズブログサイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。はじめまして。アメーバ事業本部でディベロッパーをしています、平木(id:Layzie)です。先日2/9に行なわれたFrontrend Vol.4で"JavaScript Development Tools – JavaScript開発の効率アップ"というテーマで登壇させていただいたのですが、セッションでは時間の都合でお話できなかった補足や、その他のツールのご紹介をしていきたいと思います。公式サイトで各講演のスライドと動画を見ることができますので、残念ながらイベントにいらっしゃらなかった方は、ぜひご覽になってください。 Chrome Canaryビル

tkmc 2013/02/21

リンク

どんなイベントが設定されているか一目で分かる·Visual Event MOONGIFT

Visual Eventはイベントが設定されているDOMをビジュアル化するライブラリです。最近のWebサイト開発においてJavaScriptを使わないということは殆どなくなりました。jQueryなどを使って様々なイベントを設定しているサイトも多いでしょう。そこで使ってみたいのがVisual Eventです。実行しました。色がついた部分がイベントを設定しているところです。フローティングでアクションの内容が分かります。 Yahoo! Japanで実行しました。意外と色々なアクションが設定されています。表示の切り替え系が多いようです。 Visual Eventを使うとjQueryで設定したり、onClickで指定したりしたアクションが一目で分かるようになります。jQueryで開発中に設定したイベントが正しく実装されているかどうか確認するのにも使えそうです。 Visual EventはJa

tkmc 2013/01/14

リンク

プレインテキストをブラウザでコンパクトに印刷できる「Print Text JS」を公開

プレインテキストをブラウザでコンパクトに印刷できる「Print Text JS」を公開 2010-03-03-2 [Release] テキストファイルを印刷するときには、ウェブブラウザに表示させてから印刷することが多いです。フォントサイズ変更などブラウザの方が慣れているというのが理由。なれないエディタから印刷しようとすると、プレビューとか設定の前にいきなりプリンタに行っちゃったりすることもあるからなー。ということで、プレインテキストをコンパクトに印刷するためにブラウザで表示する処理を JavaScript で書きました。（ついでに Wiki っぽい記法にも対応しています。理由は明かせませんが Confluence になんとなく準拠しています。なぜでしょうね。まあともかく、時と場合によっては便利ですよ。）手元にテキストファイルかテキストデータがあったら、下記のサイトへ行って、テキストエイ