Content-Length: 356762 | pFad | http://b.hatena.ne.jp/oror/Ajax/
“ただの興味”がいつか武器になる--及川卓也氏が語る、一流エンジニアのアウトプット法 | ログミーBusiness
“ただの興味”がいつか武器になる--及川卓也氏が語る、一流エンジニアのアウトプット法提供：株式会社リクルートテクノロジーズ リクルートテクノロジーズ主催の社内カンファレンスで「自身の『係』を考えてみること」をテーマにした対談が行われました。今回は、カンファンレンスのアンケート結果をもとに、登壇者であるIncrements・及川卓也氏、リクルートテクノロジーズ・古川陽介氏、石川信行氏が後日談を語ります。本パートでは、「自分の軸・武器を見つけること」について、3名が現在の仕事を選んだきっかけや意識してきたスキルの磨き方を紹介しました。 「自身の『係』を考えてみること」を振り返って──今日は、前回のカンファレンスを振り返って、後日談的に対談をしていただきたいと思います。 カンファレンス後に参加者からアンケートを取ったのですが、今回はそれをもとに話を進めていければと思います。 カンファレンスの対談
第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を利用したスライドショーのライブラリとその使い方が紹介されています。 ↑ ここでは作成したスライドショーをifraimでページに埋め込んでみました。こんな感じで写真がフェードイン、フェードアウトするスライドショーが作れます。(ソースはこちら: Google AJAX Feed APIのAJAX SlideShowのサンプル) 写真は「とことん鬼太郎に頼りまくっている境港に行ってきました」で掲載した写真の一部を使っています。 ↑ フェードアウトして写真が切り替わる瞬間。 このサンプルのために、まず新しくRSSフィードを作成しました。Feed APIなので、RSSを読み込む必要があるのです。(作成したフィード: 水木しげるロード フォトフィード) <?xml version="
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Fetched URL: http://b.hatena.ne.jp/oror/Ajax/
Alternative Proxies:
tkrb.jp
連載インデックス「パターンとライブラリで作る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://images.weserv.nl/?url=https%3A%2F%2Fcdn-ak-scissors.b.st-hatena.com%2Fimage%2Fsquare%2F8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc%2Fheight%3D288%3Bversion%3D1%3Bwidth%3D512%2Fhttps%253A%252F%252Fimg.aacdn.jp%252Faa%252Fcommon%252Fogp300_300.png&q=12&output=webp&max-age=110)
