HTMLの整形やJavaScriptの難読化を解除する「jsbeautifier.org」
HTMLの整形やJavaScriptの難読化を解除する「jsbeautifier.org」を紹介します。 JavaScriptの難読化解除には「JsDecoder」を利用していましたが、いつのまにか「Not Found」になってしまってました。 JsDecoder ということで代わりのサイトを探したところ、「Online JavaScript beautifier」を見つけました。 Online JavaScript beautifier 使い方は簡単で、整形したいコードをはりつけて、ページ上にある「Beautify JavaScript or HTML」をクリックするだけです。サンプルコードが表示されているのでクリックすれば整形されることが分かります。 jQueryで試してみます。下は整形前のものです。 いい感じに整形されました。 次にHTMLで試してみます。下は整形前のものです。 こち
15秒でHTML5のテンプレを作成出来るWebツール・InitializrがTwitter Bootstrap 2にも対応した模様です
InitializrっていうHTML5のテンプレ を15秒で作成出来る(らしい)ツール があるんですが、このWebツールが、 話題のTwitter Bootstrap 2にも対応 したみたいです。人気のフレーム ワークなのでありがたいですねー。 土曜日ですし、軽い話題。15秒でHTML5のテンプレが作れる！と謳うWebサービス・・InitializrがBootstrapに対応してます。これは地味に嬉しいんじゃないですかねー。 右側になんか増えてた！Bootstrapやたら人気ですしね。こういうのは嬉しいんじゃないでしょうか？Initializrはその気になれば本当に15秒で作成出来るので使うといいですよ。性能とか特徴は使って実感してください。 作ってみた 試しに15秒で支度してみました。こんな楽でいいのかな・・・LESS版も選べるので設定項目は好みで設定してくださいませ。 因みに・・・ B
jQuery google api and other google hosted javascript libraries. - ScriptSrc.net
Mastering the Code Things We Wish We Knew Much Earlier In Our Career - Articles, Tips, Inspirations, Sources and Resources for web designers and developers Watch video Hello, coders! Computer Science became one of the top professions and hobbies in the past two decades. Many people, especially website developers, are drawn to learn at least one programming language that will back up their written
ON HTML5 FIELD 第8回 - MdN Design Interactive
【第8回】HTML5制作のためのおすすめツール 2012年01月11日 TEXT：村岡正和 HTML5でWebデザイン、Webプログラミングを実践していく際に役立つツールが登場してきた。今回はjQuery Moble、Modernizr、LESSといったツールを取り上げ、その特徴を紹介する。 >>> 全記事目次はこちら（HTML5関連求人情報も掲載） ■スマートフォン開発、クロスブラウザ対応など HTML5が普及するにつれ、制作に便利なツールがたくさん公開されるようになった。今回は、HTML5制作をする上で筆者がおすすめしたいツールをいくつか紹介する。これからHTML5でWebデザイン、Webプログラミングする際の制作効率向上につながれば幸いだ。 ●jQuery Moble（http://jquerymobile.com/） まずはjQuery Moble。HTML5をベースとしたWeb
フォント管理ソフト、Nexus FontとフォントデータをDropboxに入れてクラウド化 / Maka-Veli .com
Twitterで少し話題になったので書かせていただきます。 （仕事はどうした） Nexus Fontはフォント管理ツールなんですが、 USBでもどこでも起動させる事が出来る点と、 フォントをインストールしていなくても、 同ツールを起動させていればフォントを使用できる特徴があります。 で、これをタイトル通りにするだけなんですが（ヤバイ、もう完結した） 一応順を追ってご説明しますね。 DropBoxにNexusFontをインストール 僕は一旦ローカルにインストールした後、 C:\ Program FilesにあるNexusFontフォルダをそのまま放りました。 ローカルのをアンインストールしても、Dropbox上から起動すれば大丈夫です。 DropBoxに、フリーフォントなど使いたいのを入れる。 まぁそのままポイっと。 第一階層にショートカット作っておくと便利です。
注釈も簡単に付けられる、編集機能付きスクリーンキャプチャChromeエクステンション・Quick Markup
結構便利なものを教わったのでシェア。 スクリーンキャプチャするChromeの エクステンション・Quick Markupです。 全ページはもちろん、注釈を加えたり 切り取ったり、Twitterに投稿したり、 なんてことも出来ます。 お世話になってるMaka-Veli(@maka_velicom)から教えてもらいました。キャプチャ用のChromeエクステンションで、特定の範囲や全ページは勿論、Flashも撮れて、編集や注釈も簡単に加えられます。 以前、Awesome Screenshotをオススメしましたが、このエクステンションの機能は丸々揃ってて、プラスアルファで機能が追加されているので乗り換えてみました。 サクッとキャプチャ撮ってそのまま保存でもいいし、上記のように注釈も簡単に付けられます。メモ取るのにもいいかもですね。 http://localhost/の全ページキャプチャが出来るCh
Facebook のソーシャルプラグインを導入しよう | バシャログ。
久々に揺れた！（8/17 9:25 頃） 現在進行形の話題を出してライブ感を醸し出してみました。kimoto です。 本日はいろんなサイトで最近よく見かけるであろう Facebook のソーシャルプラグインをいくつかご紹介します。 ハッキリ言ってこのソーシャルプラグイン、解説するまでもなくむちゃくちゃ簡単です。 こんな簡単なの、なにドヤ顔で記事にしてんの？って思われる方もいらっしゃるかもしれませんが、そこはご容赦くださいませ。 Facebook のソーシャルプラグインのページはこちら。 2012/1/19 追記 その 2 を書きました。よければこちらもどうぞ。 Like Button まずはFacebook の代名詞とも言える、「いいね！ボタン」です。 基本的にはそのページの URL を指定して、「このページ、このくらいいいね！って言われてますよ！あなたもどうぞ！」っていうのを閲覧者見せる
ブラウザ上でHTML / CSS / Javascriptを書いてその場で実行、ブログ等にも貼付できるjsfiddleの基本的な使い方をざっくりと
個人的にお勧めしている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). （意訳：バグを報告するとき
WEB屋にありがちな発狂寸前のイラつきを軽減するツールと参考にしたサイト色々 | バンクーバーのうぇぶ屋
ブログを書く時、メールを書く時、情報収集する時、ちょっとしたことが手間になってイライラすることって多くないですか？ 僕はとにかく日々のルーティンワークは効率よく済ませたいと思っているので、そういうイラつきを感じたらできるだけ早く解消するように心がけています。 そこで、今日は僕が「あぁ、めっちゃイライラする！」って感じた時、どういうツールやサービスを使って軽減しているのかをご紹介させて頂こうかなと思います。僕の場合はMacbook proまたはデスクトップのWindows7、ブラウザはChrome、メーラーはThunderbirdという環境なので、その環境に偏った紹介になってしまうかもしれませんが、ご了承ください！ もう、既知の物だからとか、知らないだろうとか何も考えていません。イライラ解消できた！と思った物は全部掲載させて頂きます。 それでは、この記事から多少なりとも日々の業務の手助けにな
スタイルシート関連の便利なオンラインツールのまとめ
スタイルシートの制作、確認などに役立つ、便利なオンラインツールを紹介します。 [ad#ad-2] ジェネレーター：ベーシック系 ジェネレーター：ボタン、画像使わない系 制作補助、診断、確認 リファレンス、対応ブラウザなど ジェネレーター：ベーシック系
もうFLASH不要かも? HTML5アニメ作成ソフト｢Hype｣登場 iOSにも対応! 【増田(@maskin)真樹】 | TechWave（テックウェーブ）
[読了時間:1分] ウェブコンテンツに魅力的な動きを付与できるFLASH。しかし、Adobe社の公式オーサリングツールは高額で、デザイナーじゃないと手が届きにくかった。その対抗馬として注目を浴びている次期ウェブ標準仕様のHTML5をベースに、手軽にアニメやスライドを作成できるツール「Hype」が米時間の5月20日にお目見えした。 Mac OS X用ソフトとして既にApp Storeで販売中。価格はUSストアでは29ドルで、日本だと3500円と割高だが日本語ローカライズ版が入手できる。 ツールは、FLASHオーサリングツールなどを使用したことがある人なら、数分もあれば使い始められるだろう。始めてこの手の作品を手がける人は少し手まどうかもしれないが、チュートリアル動画があるので、これを一通り見れば見よう見まねでスタートできるだろう。また、今回のバージョンでどのようなことができるのかは、ギャラリ
テキストエディター EmEditor - ライブラリ
Zen Coding for EmEditor Professional v0.6 May 13, 2010 based on Zen Coding for textarea v0.6 http://code.google.com/p/zen-coding/ Code license: GNU General Public License v3 http://www.gnu.org/licenses/gpl.html Ported for EmEditor by Yutaka Emura (Emurasoft, Inc.) http://www.emeditor.com/ EmEditor Professional は、JavaScript によるマクロをサポートしているため、実は、Zen Coding のサポートを行いやすいと言えます。EmEditor が、Zen Coding のサポー
「ウェブオペレーション」を読みました - blog.nomadscafe.jp
オライリーから日本語訳版が出版された「ウェブオペレーション」を読みました。 障害や負荷対策の苦労話はニヤニヤしつつ、アプリケーションエンジニアとの連携についてはやや耳が痛いところもあり、興味深く読ませて頂きました。 中でも、第八章「コミュニティ管理とウェブオペレーション」はとても短い章ですが、個人的にはグっときました。サービスを育てて行くために、オペレーションエンジニアは単に障害対応を行い、可用性やスケーラビリティを確保して行くだけではなく、ユーザコミュニティに大しても積極的に情報を開示して行く必要があり、エンジニアだけではなくカスタマーサポート、コミュティマネージャとの連携が重要となる。書かれているFrickrの機能ローンチのポリシーや障害への対応は参考になることが多そうです。 オペレーションエンジニアは、自分たちの技術が最終的に人とコミュニティに影響を与えるのだということを、忘れないで
JavaScriptエラー時にエラーを分かりやすく通知してくれるChrome拡張「JavaScript Errors Notifier」:phpspot開発日誌
JavaScriptエラー時にエラーを分かりやすく通知してくれるChrome拡張「JavaScript Errors Notifier」 2011年05月10日- JavaScript Errors Notifier - Chrome ウェブストア JavaScriptエラー時にエラーを分かりやすく通知してくれるChrome拡張「JavaScript Errors Notifier」 エラーがあった場合に、アドレスバーの星アイコンのとなりに次のように通知してくれます。 アイコンをクリックすれば具体的なエラー内容が分かるという物。 赤のアイコンでエラー検知が分かりやすくていいですね。 通常の状態ではエラーがあろうと、デベロッパーツール等でコンソールを開いてない限り気づくことは出来ませんが、これは開発者は必須のツールかもしれませんね。 関連エントリ PHPのエラーなんかをブラウザで確認できるC
たったワンクリックであらゆるサイトのJavaScriptやCSSを圧縮＆最適化してくれる『zbugs』 | 100SHIKI
これはすんごく便利・・・。 zbugsを使えば、ワンクリックであらゆるサイトのCSSおよびJavaScriptを圧縮してくれるようだ。 もちろん何パーセント圧縮されたかとか、どのファイルがどれだけ小さくなったかといったことの詳細も教えてくれる。 さらに圧縮したファイル群をまとめてダウンロードすることも可能だ。 サイトをつくったあとに、さらなるスピードアップを図るのにいいだろう。インターフェースも素敵でシンプルなので一度試してみるといいですよ。
永久保存級の2MB以下の使えるフリーソフト30選！
永久保存級の2MB以下の使えるフリーソフト30選！2011.04.27 11:0021,088 mayumine コンピューターはより速く、メモリはどんどん増強され、ハードウェアの進化とともに、より力強くなってきました。コンピューターのスペック向上はいくらでも歓迎します。 でも同時にソフトウェアの方も、より多くの機能が詰め込まれどんどん重くなっています。 しかし本当はソフトウェアは軽ければ軽いほうがいいに決まっているじゃない！ ということで今回、容量が極力少ない、2MB以下で使えるフリーのソフトを30個、惜しみなく紹介していきます。 （Windows、Macのソフトが混ざって紹介されています） SpaceSniffer どのファイルがコンピューターの容量をどれだけ圧迫しているか見たい時。 そんな時、SpaceSnifferを使いましょう。 WinDirStatと同じようなソフトですが、Sp
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
電話占いで使われる占術をご紹介 | 当たる電話占いおすすめランキング～口コミで評判の当たる電話占いサイト紹介～
「Google Chrome Deveoper Tools」はこう使う！ 基本機能チュートリアル & GDD 2011 セッション概要
http://blog.caraldo.net/2011/05/draw_9-patch_android.php
http://designaholic.cc/2011/03/webweb21.html