“ただの興味”がいつか武器になる--及川卓也氏が語る、一流エンジニアのアウトプット法
「自身の『係』を考えてみること」を振り返って ──今日は、前回のカンファレンスを振り返って、後日談的に対談をしていただきたいと思います。 カンファレンス後に参加者からアンケートを取ったのですが、今回はそれをもとに話を進めていければと思います。 カンファレンスの対談では「自分の軸・武器の話」がありましたが、アンケートの回答に「自分の軸・武器を見つけられている人は良いよね」という、自分のスキルに悩んでいる方々からの声がありました。 及川卓也氏（以下、及川）：「武器を見つけられている人は良いよね」という反応についてはどう思いますか？ 古川陽介氏（以下、古川）：自分の武器になっているかどうかというのは、結果論なのかなと思っています。 石川信行氏（以下、石川）：そうですよね。 古川：そのときは自分の興味だけで始めたものが、その興味の方向と時代の流れがたまたま合った結果として、世の中のニーズに繋がって
つくるぶアーカイブス | Flash | Ajaxベストサイト20
2007年8月20日 動画再生や音声再生がもともと得意で、インタラクティブなWebサイトを作ることができるFlashと、非同期通信を利用してWebサイトのユーザビリティを一躍向上させたAjax。Flash、Ajaxで一長一短はありますが、それぞれの特徴、良さを改めて理解するためにFlash、Ajaxならではというサイトをたくさん並べて見ることにしました。サイトのセレクションは、Flashを得意とする木村さん、寺井さん、Ajaxを得意とする竹村さん、川崎さんにお願いしました。
第5回 jQuery UIによるユーザインターフェースの改良 | gihyo.jp
今回使用する「Dialog」「Draggables」「Droppables」「Sortables」に必要なファイルは以下の通りです。 themes/ jquery-1.2.3.min.js jquery.dimensions.js ui.mouse.js ui.resizable.js ui.dialog.js ui.draggable.js ui.draggable.ext.js ui.droppable.js ui.droppable.ext.js ui.sortable.ext.js ui.sortable.js jQuery UI 1.5bを使うために、今回は同梱されているjQuery 1.2.3を使うことにします。バージョンが上がりますが、これまでのサンプルの動作に影響はありません。 ライブラリの設定 ライブラリの各ファイルを、head要素の子要素に以下のように指定します（
jQuery UIで実現！ Ajaxで複数選択ドラッグ＆ドロップ
jQuery、プラグイン、jQuery UI、Web経由のCDNとは CSSの書き方も分かるjQueryプラグイン実践活用法（1） 基本／おさらいとしてプラグインやjQuery UIについて簡単に触れ、Web経由でjQueryを使うCDNについて解説 デザインハック ＜ リッチクライアント 2009/12/8 今回は「jQuery UI」のより進んだ活用例 ■ jQueryのプラグイン「jQuery UI」とは？ 今回紹介するjQuery UIは、JavaScript（Ajax）フレームワークjQueryのプロジェクトがjQuery用に開発している、以下の機能を提供するプラグインです。 ドラッグ＆ドロップなどのマウス操作の機能拡張 ユーザーインターフェイスを改善するウィジェット（アコーディオン、日付入力、ダイアログ、スライダー、タブなど） 今回は、jQuery UIのドラッグ＆ドロップ機能
Ext JSとprototype.jsで作るリッチなUI（1/4） ─ ＠IT
Ext JSとprototype.jsで作るリッチなUI：パターンとライブラリで作るAjaxおいしいレシピ（3）（1/4 ページ） 今回は話題のExt JSを使ったサンプル Ext JSはAjaxアプリケーションを構築するためのJavaScriptライブラリ（フレームワーク）です。Ext JSを使用することで、デスクトップアプリケーションのようなユーザーエクスペリエンスを提供できます。2007年10月11日に2.0のベータ版がリリースされ大変注目を集めました。 今回はそのExt JS 2.0のベータ版を使ったサンプルを紹介していきます。 ■ ごく普通の入力フォームのサンプル まずこちらのサンプルを見てください。 今回のサンプルプログラム（拡大表示はこちら、※注意1：FireBugを有効にしている場合は動作が重くなる場合があります。一時的にFireBugをオフにして利用されることをおすすめし
ASCII.jp：Googleマップ＋jQueryで作るAjaxなデザイン｜29分でできる！ あのサイトの“技”を盗め
今やさまざまなWebサイトで使われ、すっかり地図の定番となったGoogleマップ。 コーポレートサイトや飲食店のサイトなどで、純粋に案内図としてページに埋め込むのが一般的ですが、中にはもっとおもしろい使い方で、ユーザーを楽しませているサイトもあります。 一例として、「hitotoki」というWebマガジンを紹介しましょう。hitotokiは、ある特定の場所に関するショートストーリーを地図と絡めて紹介するWebマガジンです。Googleマップをまるで独自に描いた絵地図のようにうまくサイトになじませ、「地理と文学を結びつけた町の文学地図」というコンセプトに合わせて効果的に活用しています。 今回は、このhitotokiのGoogleマップ活用法をお手本としましょう。 今回のお手本サイト： 『hitotoki―町の文学地図』 「場所」にまつわる読者の思い出を募り、地図と写真とともに紹介する投稿型の
[ajax] JavaScript版 RSSリーダー設置手順
JavaScript と HTML テンプレートをコピー＆ペーストするだけで、 あなたのホームページに右のような ajax 版 RSS ビューワを設置できます。 ※ただし、Internet Explorer と Firefox が対象です。 それ以外のブラウザでは正しく表示されないかもしれません。 ⇒Opera／Safari 2.0／OmniWeb でも動きます。 STEP1 使用するライブラリ STEP2 JavaScript コード STEP3 HTML テンプレート TIPS RSS 2.0、W3CDTF、件数制限 コメントはこちらへ トラックバック 設置手順は以下の通りです。 STEP1 2つのファイルをダウンロードして、 あなたのホームページのHTMLファイルと同じディレクトリか 他の .js ファイルと同じディレクトリにアップロードしてください。 jkl-hina.js jkl
GoogleのAjax APIを使ってフィード処理と検索をしてみよう | Moz - SEOとインバウンドマーケティングの実践情報
僕がCEOを務めているStone Temple Consultingでは、「Google AJAX 検索 API」と「Google AJAX フィード API」を使って少し遊んでみた。これらは、ウェブサイトに動的コンテンツを埋め込むためのすばらしいツールだ。 今回の記事では、この2つのAPIを使ってサイトにコンテンツを埋め込む方法を説明しようと思う。 Google AJAX フィード APIこれは、よそのサイトから（RSSやAtomなどの）フィードを取得してコンテンツを抽出し、それを自分のサイトに埋め込めるようにするGoogleのAPIだ。フィード管理ウィザードの使い方などは開発ガイドから参照できる。 Google AJAX フィード APIがどのように機能するのかを理解してもらうために、Web担から最近の記事を表示するサンプルを作ってみよう。次のようになる。 ブログのあるサイトだけでなく
「Google AJAX Feed API」を使って外部RSSを読み込む。／ライブラリー : アファメーションで独立・起業・夢実現。「いきなり！社長宣言！！」-“夢は口に出すことで実現する！”というアファメーション
APIってすばらしい！ 久しぶりの日記ですが…。 なんだか1月中はバタバタとしていて、やっとひと段落した感じ。 …まだ終わってないけど。...orz 今さらながら、いろいろとやったことの備忘録。 以前から気になってたんだけど、別段使う必然性がなかった「Google AJAX Feed API」。（公開されたのが去年の4月だから、今さら…な感じですんません。汗） 今回、諸事情によりいろいろ調べて実験してみたけど…うんちくをたれるまでもなくチョー簡単っすね！ Googleアカウントの取得。 何はともあれ、「Google Analytics」やら「AdWords」やら「Google Maps」やら、GoogleのAPIサービスを使うのであれば必須になるので、アカウントの取得ページでとりあえず取っておくと便利。 Google API Keyのサインアップ。 んでもって、アカウントを取得したら次は「
クールなAjaxスクリプト108選『Ajax Compilation』 | CREAMU
いろんなAjaxを実装したい。 そんなあなたにおすすめなのが、『Ajax Compilation』。クールなAjaxスクリプト108選だ。 以下にご紹介する。 Pie & Donut chart パイ&ドーナツチャートを実装 Reflection.js 写真に反射効果を与える Highslide JS クリックで拡大するサムネイルビューアー TripTracker アニメーションするバーを持ったイメージビューアー Prototype Window HTMLにwindowを追加 Dragable Content Script コンテンツをドラッガブルにする Drag & Drop ドラッグ&ドロップを可能に Amberjack クールなサイトツアーを実装するライトなオープンソースライブラリ Tabbed Content Ajaxで作られたタブ ThickBox 3 一枚の画像や複数の画像、i
タブ切り替えコンテンツ with jQuery | Takazudo Clipping*
jQueryを使ってタブで切り替えるコンテンツを作りました。 1つのソースに全パターンを入れる形です。class名だけは変えちゃダメです。 タブを増やしたければ、liとTabAreaContentsをコピペして増やすのみです。 タブ切り替えjavascript <!-- TabAreaSet --> <div class="TabAreaSet"> <!-- TabMenu --> <ul class="TabAreaChgMenu"> <li class="On"><a href="#">TabNo1</a></li> <li><a href="#">TabNo2</a></li> <li><a href="#">TabNo3</a></li> </ul> <!-- end TabMenu --> <!-- TabContents --> <div class="TabAreaChg
Google AJAX Feed APIでRSSフィードをタブで表示
まずはJavaScirpt部分です。フィードの数は自由に変更できますが、たくさん表示すると2段になるので注意してください。表示する記事数も変更できます。API keyはこちらのページで取得してください。 <script type="text/javascript" src="http://www.google.com/jsapi?key=取得したAPI key"></script> <script language="Javascript" type="text/javascript">//<
lightWindow Demo
БК выставляет линии, принимает ставки, а также выплачивает выигрыши. Теперь бетторы имеют возможность не посвящать отдельное время игре в БК, а уделять ставкам свободные минуты, которые появляются во время перерывов, перемен, перекуров, движения в общественном транспорте. При регистрации поставьте галочку «Получить бонус» (это важно, второй попытки не будет). Все что понадобится игроку для того чт
The Star of Web2.0: Google AJAX Feed APIの使い方
Google AJAX Search APIのブログにJavaScriptだけで自ホスト以外のRSSフィードを扱うことができる「Google AJAX Feed API」を公開したというので、早速試してみた。 JavaScriptはセキュリティのため、同じホストのデータにしかアクセスできなくなっているため、サーバサイドのアプリと組み合わせないと他サイトのRSSなどを扱うことができないのだが、このAPIを使えばそれが簡単にできる。 例えば、このAPIを使ってengadget日本語版のRSSフィード(http://japanese.engadget.com/rss.xml)を読み込んだ結果がこれになる。 このAPIを利用するにはAPIキーを取得する必要があるので、その手順を以下で説明する。 (1)サインアップ ・Google AJAX Search APIサインアップページで、利用条件に理不尽
Google AJAX Feed API の AJAX SlideShow を使ってみよう - F.Ko-Jiの「一秒後は未来」
Google AJAX Feed API – AJAX SlideShowではGoogle AJAX Feed APIを利用したスライドショーのライブラリとその使い方が紹介されています。 ↑ ここでは作成したスライドショーをiframeでページに埋め込んでみました。こんな感じで写真がフェードイン、フェードアウトするスライドショーが作れます。(ソースはこちら: Google AJAX Feed APIのAJAX SlideShowのサンプル) 写真は「とことん鬼太郎に頼りまくっている境港に行ってきました」で掲載した写真の一部を使っています。 ↑ フェードアウトして写真が切り替わる瞬間。 このサンプルのために、まず新しくRSSフィードを作成しました。Feed APIなので、RSSを読み込む必要があるのです。(作成したフィード: 水木しげるロード フォトフィード) <?xml version="
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
連載インデックス「パターンとライブラリで作るAjaxおいしいレシピ」 - ＠IT
jQueryを使ってTwitterをおいしくマッシュアップ （1/4） ─ ＠IT
Head Rush Ajax
JavaScript Ajax 実践サンプル集 - サンプル
YUI+Google AJAX Feed API [Javascript] All About![YUI+Google AJAX Feed API [Javascript] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
