jqとは jqとは、コマンドラインからJSONを操作することができるツールです。 curlコマンドとかでJSONレスポンスを取得した場合、データ量が多いと非常に見づらいデータがかえってきたりして困ります。 ためしにtwitterの検索結果を表示してみると、こんな感じになります。 % curl 'http://search.twitter.com/search.json?q=classmethod&rpp=2&include_entities=true' {"completed_in":0.022,"max_id":331584529343062017,"max_id_str":"331584529343062017","next_page":" </br>page=2&max_id=331584529343062017&q=classmethod&rpp=2&include_entitie
satkakuです。 traceGLというJavaScriptアプリケーションのデバッグツールがリリースされました。クライアントサイドでもサーバーサイドでも、デバッグ結果をブラウザ上で出力してくれるらしいということで、試してみました。 とりあえず導入編ということで、Node.jsで動かしたアプリで試してみようと思います。 traceGLはここから購入できます。$14.99なので、今だと1500円くらいですね。only a few cups of coffeeと書いてありますが、マクドナルドなら15杯です。 購入処理が済むと（PayPalを使いました）、tracegl.jsがダウンロードできます。これ一つです。 それでは早速サンプルアプリを作って試してみます。 % express tracegl expressでひな形作成後、npm installで必要なモジュールを入れておきます。 その後
satkakuです。 昨日に引き続きtraceGLを色々試してみます。 昨日はサーバーサイドJavaScriptの出力を試したので、今日はクライアントサイドJavaScriptの出力を試してみようと思います。こっちのほうが使う機会は多いと思います。 まずは、昨日作ったサンプルページで、JavaScriptを読み込むよう追記しておきます。 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script src="javascripts/main.js"></script> 一つは、GoogleでホスティングされているjQueryを読み込み、もう一つは/javascripts以下につくったmain.jsを読み込みます。 main.jsは以下の通りです。 (functi
Map Icons Designer | Google Map Icons, Location Pins, Location Markers, POI, Map Application Design Kit 地図と共に使えそうな２００のフリーベクターアイコン集 地図と共に、というスタンスでのアイコンはありそうであんまりなかったかもしれません。フラットなアイコンは使い勝手がよさそうで、アイコンだけではなく、ピン用のアイコンも色々あって、組み合わせることで綺麗なマップが作れそう。 オシャレなピンのアイコンも嬉しい 関連エントリ シンプルで使えそうな５０のベクターアイコンセット Windows8風デザインのソーシャルアイコン９６個セット「Simple Icons」 Webフォントとして使えるピクトグラムアイコンセット「MFG Labs icon set」 Bootstrapに270の使えるアイコ
メールを駆逐するというコンセプトで開発されたチャットワークがニューデザインに一新され、新機能「ビデオ通話」や目の前の画面を相手に見せることができる「スクリーンシェア」を搭載したのが新「チャットワーク(ChatWork)」です。 クラウド型ビジネスチャットツール｜チャットワーク （ChatWork） http://www.chatwork.com/ja/ これが新しいユーザーインターフェイスにリニューアルされたチャットワーク。 ◆1対1でのビデオ通話 ビデオ通話の開始方法は簡単、まず相手を選んでクリック 右上にあるビデオアイコンをクリック 「ビデオ通話」と「音声通話」が選択できるので「ビデオ通話」をクリック プラグインのインストールが必要な場合があるのでその場合は「プラグインをダウンロード」をクリック 「ファイルを保存」をクリックしてダウンロード開始 ダウンロードした「ChatWorkLiv
Android用の自動化ツールはたくさん出回っていますが、『Automagic』ほどアクションを設定しやすいものはないかもしれません。Automagicは他の自動化ツールと同等のパワフルさを備えていつつ、実行したいアクションの設定方法がずいぶんと異なっています。それぞれのアクションをフローとして設定。フローにはトリガー、アクション内容、条件が含まれます。 ガイドに従ってそれぞれの条件要素を選択し、実行内容をグラフィカルに表現したフローチャートを作成していきます。条件によって異なるアクションを実行する「True／False」も設定できます。シンプルなものから複雑なものまでこのツールで対応可能となっています。 例えば、「携帯のバッテリーが50%以下になったときにWi-FiとBluetoothを自動でオフにする」というようなシンプルなものからもう一歩踏み込んで、「バッテリー残量が50%になったタ
こんにちは。デザイナーの高口です。 デザイナーの皆さんは、デザインを開発者に伝える時、どのようにしていますか？ 口頭で伝える、印刷したデザインに書き込む、指示書を作る…様々な手法があると思いますが、どれも時間がかかりますよね。 そこで今回は、伝える手間を少しでも減らすべく、PSD からテキスト情報を抽出するスクリプトをご紹介いたします。 1.スクリプトをダウンロード まず、下記のリンクからスクリプトをダウンロードして下さい。 (ご利用に際しては、自己責任にてお願いいたします。) ダウンロード ： TextExportToCSV ダウンロードしたファイルを解凍すると「TextExportToCSV.jsx」というファイルがありますので、下記のフォルダにコピーして Photoshop を再起動して下さい。 Windows – C:\Program Files\Adobe\Adobe Photo
WebOS Goodies へようこそ！ WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 Google リーダー、全 Web アプリケーション中でダントツ No.1 の使用率だったんですよ。デスクトップと合わせても、たぶん Web ブラウザ、 Emacs に次ぐ 3 位くらいなんですよ。購読フィードの数が多い上に iPhone や Nexus 7 でも読むから、他のリーダーじゃダメなんですよ。それなのに・・・猶予期間たった 4 ヶ月で終了とかどういうこ
シームレスに各デバイスの表示領域を確認できるブッ... / シームレスにタブレット・スマートフォンサイズでの... / 確認するデバイスサイズを自分好みにカスタマイズで...他...全8件
皆さんは、電子書籍端末、お使いでしょうか。 私は、とある理由でSONY Reader、楽天Kobo、Amazon Kindleを所有するというマニアっぷりですが、3台の中でメインに使っているのはKindleです。 Kindleをメインに使う理由は、普段からAmazonでよく買い物をするせいもありますが、買いやすもその理由です。良し悪しはあると思いますが、Amazonの1-Click購入になれてしまうと、他がまどろっこしく感じます。 他は、値引き販売でしょうか。これのおかげで、発売時に買おうかどうか悩んで、結局は買わず終いになった本と再会したことがありました（ケン・ シーガル著『Think Simple』がそうでした）。これに味をしめて、思いつけばKindleストアにアクセスして、チェックしています。これ意外も、チェックしておくと良いサイトがいくつかあるので、紹介します。 1．毎日更新、無料
つい最近までSketchは日本であまり知られておらず、日本語でSketchについて書いている記事はほとんどありませんでした。ところが5月7日にFireworksの開発終了が発表され、代替ツールとしてSketchの名前が急浮上。それに合わせたのかSketchが5月8日に半額セールを行い、Sketchについて書かれた記事やツイートも増えてきて、注目度の高まりが感じられます。とはいえ英語日本語問わず、Adobe製品に比べたら圧倒的に情報量が少ないSketch。Adobe製品と同じような機能やショートカットも多いですが、使いこなせるようになるまでは少し時間が掛かりそうです。Goodpatchでもマニュアルや記事を読みながら、隙間時間にSketchを触ってその機能を確かめています。というわけで今回は、Sketchの基本的な機能や、発見した小技、ショートカットなどをまとめてみました。 先日アップした「
スマートフォン向けのWEBサイトやアプリケーションの浸透した今では、様々な開発ツールが存在しています。 フレームワークを利用することで、クロスブラウザの互換性やディスプレイの解像度の違いなどを意識することなく、開発に専念できる環境が整いつつあります。 今回は、スマートフォンやタブレットなどのタッチスクリーン対応のデバイスに対応したJavaScriptフレームワーク10個をsmashinghubから紹介します。 Hammer.js フレームワークは軽量であることに加えて、タップ、ダブルタップ、スワイプ（画面を指で横に滑らせてスクロールする）、ドラッグ、ピンチ（2本指でつまむ）、回転ジェスチャに対応していてを提供している素晴らしいツールです。 Android、BlackBerry、iOSとWindows Phoneをサポートしています。 » Hammer.js jQuery UI jQuery
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
