前々からこのタイトルで放置していたものがあったのですが、静止画で解説するには枚数が多くなると大変で限界なので、動画を取ってみました。 この時間からのブログ更新ということで、明日の仕事に一抹の不安を感じずにはいられないのですが、そこはYouTubeをはじめて使って感じた簡単さと、夜のテンションで乗り切ろうと思います。 ※文章的に変なところは愛嬌ということにしといてください。 作るもの NetBeansを使ってHTTP通信をするS!アプリを作成します。 今回はURL基づいたGETリクエストの後に、下記のレスポンスデータを表示するプログラムにします。 レスポンスコード レスポンスメッセージ レスポンスボディ 実際に動画で取ってみると10分強の作業になりました。 前提条件 NetBeansがインストールされ、なおかつS!アプリの開発環境をすでに整えられているものとします。 ※詳細はNetBeans
photoshop×960 Grid SystemでWEBデザイン「How to create an elegant web layout in Photoshop」 画像処理ソフトは様々なものがリリースされており、WEB制作において利用されているソフトも多様にありますが、photoshopで作っていると言うWEBデザイナーさんは多いのではないでしょうか?今日紹介するのはphotoshopでWEBデザインをするためのチュートリアル「How to create an elegant web layout in Photoshop」です。 このチュートリアルはWEB制作を便利にしてくれる960 Grid Systemを利用する前提で展開されています。 詳しくは以下 まずは「960 Grid System」から960 Grid Systemをダウンロードして、その中にある、photoshopのベ
組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! とにかく便利な SEO解析全部入りChrome拡張機能 「SEO Site Tools」は、SEO解析に必要な多くのデータを、一括でわかりやすく表示してくれるChrome拡張機能。 SEO評価の指標として疑問視されつつあるページランクではなく、SEOmoz のドメイン ランクをボタンに表示するのも特徴のひとつです。 「SEO Site Tools」で解析できるもの 全部書き出しているとキリがないので、画像で一気にご紹介します。 ボタンにSEOmoz のドメイン ランクを表示 ↑どうしてもGoogleのページランクで判断してしまいがちですが、デフォルトでこのような数値を表示してくれるのはありがたいですね。 基本のサイト・ページデータの表示 ↑Alexa
組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! WEB担当者お役立ち系 拡張機能 Chrome拡張機能まとめ記事全体でのコンセプトになりますが、同じような機能を持っているものであれば、一番オススメのものだけ、または特徴別にご紹介しています。 最近の更新 2011年2月5日:コンテンツの管理方法を変更したため、拡張機能単位でブックマークしていただいた場所に辿りつかない場合がございます。ご迷惑をおかけします。 目次 WEB担当者お役立ち系以外の項目は、別のページに移動します。 Google系 ブラウザカスタマイズ系 WEBサービス系 WEB担当者お役立ち系 SEO系短縮URL系ページチェック系 デザイナーお役立ち系 ソーシャルサービス系 エラーが起こるので気を付けたいもの SEO系SEO系をご紹介しま
ウェブページでデータをみせるテーブルを見やすく、使いやすくするためのスタイルや機能性などUIパターンを紹介したアルティメットガイドをJanko At Warp Speedから紹介します。 Ultimate guide to table UI patterns 下記は各ポイントを意訳したものです。 テーブルの「(エクセルでいうところの)行と列」の表記は、「横列と縦列」に統一しています。 はじめに 1. 列を交互にスタイリング 2. 列をフルに 3. テーブルのセクション 4. ソート 5. フィルタリング 6. ページネーション 7. スクロール 8. 固定されたヘッダ 9. ヘッダのないテーブル 10. 拡張可能な列 11. 列のアクション 12. マルチプルな列のアクション はじめに テーブルは構造化されたデータをみせるものです。そして、その目的はデータを読みやすくし、走査しやすく、簡単
jQuery Plugin: TinyTips 1.0 | Mike Merritt | Digital Inferno 画像付きのオシャレなツールチップを実装できるjQueryプラグイン「TinyTips」。 TinyTipsを使えば、リンクにカーソルを合わせると次のように半透明がかかった感じで画像が入ったクールなツールチップが簡単に実装できます。 実装は次のように簡単に出来ます。 まず、<a>タグのtitleをツールチップとして使うには、tinyTipsメソッドの引数にtitleをわたします $(element).tinyTips('title'); タグを入れたい場合は次のように引数にそのままタグを入れてあげればOKです。 $(element).tinyTips('<img src="images/demo-image.jpg" /><br />You can even put im
Twitter内で映画関連のPostを 拾って、内容を解析、グラフにして 評価する国産Twitterサービスの cocoのご紹介。 メールいただいて良さそうだった のでご紹介させて頂きます。 Twitter内で映画関連のPostを 拾って、内容を解析、グラフにして 評価する国産Twitterサービスの cocoのご紹介。 結構いい感じですよ。内容もなかなか良く解析できてる気がしました。サイト自体もシンプルで見やすいので、気になる映画がある時はTwitter内のレビューを見てから決めてもいいかもしれませんね。 シンプルです。サービス自体は特定の映画に関するPostを拾って、内容を解析し、グラフに表示。拾ったPostも見る事が出来ます。 映画を探す時もあいうえお順に分けられているので直ぐに探せそうです。 botが悪さしている場合もあります。こればかりは仕方ないですね。 例・アバター グラフや総
話題のzen-codingをWordPress で使えるようになるプラグイン、 「WP Zen-Coding」を試してみま した。これ、本当に便利です。 話題のzen-codingをWordPress で使えるようになるプラグイン、 「WP Zen-Coding」を試してみま した。これ、本当に便利です。 確かにコーディングスピードが速く なりそうですよ。 zen-codingって何?と言う方は、Zen-Codingが楽しいという記事をご覧下さい。分かりやすいです。 zen-codingを使うと、タグ入力作業をショートカットの要領で行なう事が出来きます。例えば div#header>div#contents>ul.navigation>li*4>aと打ち、ctr+E(winの場合)で以下のHTMLコードを展開してくれます。 <div id="header"> <div id="conten
MongoDBとは 10gen社が中心となって開発している非リレーショナルデータベース。 特徴 MongoDBは("humongous"より)は、スケーラブル、ハイパフォーマンス、オープンソース、スキーマフリー、ドキュメント指向です。C++で書かれていて、機能としては: ドキュメント指向ストレージ (the simplicity and power of JSON-like data schemas) 動的な クエリー 組み込みのオブジェクトと配列をサポートした完全な Index のサポート。 クエリー プロファイリング 速い in-place アップデート バイナリデータの効率的な保存 large objects (例:写真や動画) レプリケーション とフェイルオーバーのサポート。 クラウドレベルのスケーラビリティな 自動的なsharding 複雑な集約のための MapReduce 商用
加藤鷹のエリートセックスを読みました。当初、私はこの本に対して、モテる方法だとか相手をとりこにする裏技みたいな内容が書いてあると思っていました。しかし、実際には全くの逆で、女性と幸せにセックスをするために男性がどのような態度で臨めばよいかということが語られていました。本書は、小手先の応用技術・手順でなく、どうやったら相手に喜んでもらえるかという基本について紹介しています。例えば、野球でも、投げる・捕る・打つ・走るといった基本なくして、いきなりダイビングキャッチなどの応用練習をしても上手くいきませんよね。基本、感謝、相手を思いやるといったワードがこの本の中では繰り返し何度も何度もでてきます。 読後の著者の加藤鷹についての印象は、「勉強家」「体験から学べる人」というものです。彼は、女性のからだのしくみをしっかりと勉強しています。セックスと受精の関連がどんなものなのか、性差というものがどのように
Pale Moon 「Pale Moon」はFirefoxと高い互換性を持つ、高速起動が可能なオープンソースのウェブブラウザです。Firefoxの最大の欠点と言えば、何と言ってもとにかく起動に時間がかかること。最近ではChromeも拡張機能に対応してきたこともあり、豊富なアドオンで自由に機能を追加できるというFirefox独自の優位性が失われつつある今、ヘビーユーザーの間でもより起動の速いChromeへの乗り換えが進んでいる傾向にあるようです。 そんなFirefox最大の欠点である起動の遅さですが、こういった問題点を改良してアドオン等の互換性はそのままに、よりユーザーの視点に立って使いやすく軽量に再設計されているのがこの「Pale Moon」というブラウザです。基本的なデザイン、機能からインターフェースまでほとんどFirefoxと同じで、起動や動作が速くメモリの消費も少ないという、ツボを押
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く