たった１行で完成？凄まじくレスポンシブデザインなサイトの作り方 | DECONCEPTER
簡単に作れる！みんな大好き可変グリッド 先日話題になっていた「なんだこれ！！「NHKスタジオパーク」のレスポンシブ・ウェブデザインが凄まじくレスポンシブ！！」で紹介されていたNHKスタジオパークのレスポンシブデザイン。 こちらのサイト、プラグインを使ってとてもシンプルに作られています。キレイ。このシンプルさを伝えたくてうずうずしてきました。せっかくうずうずしたのでどんな作り方をしているのかサンプルを交えて紹介します。 まずはこちらのデモを御覧ください。 凄まじくレスポンシブデザインなサイトデモ 使われているのはjQuery Masonryというプラグインだ！ @planetofgoriさんのブログで紹介されているように、jQuery Masonryというプラグインが使われています。このプラグインたった数行でNHKのサイトのような可変グリッドレイアウトが作れてしまいます。可変グリッドのレイア
古籏一浩のJavaScriptラボ
活躍の舞台をどんどん広げているJavaScript。本連載では、JavaScript関連書の執筆でおなじみの古籏一浩氏が、最新の活用Tipsから今後注目のAjax/JavaScriptライブラリーの解説まで、“楽しくできて役立つネタ”をお届けします。
[JS]これFlashじゃないの？ってなるナビゲーションを実装するjQueryのチュートリアル
軽快なアニメーションが心地よいナビゲーションを実装するjQueryのチュートリアルを紹介します。 タイトルにある通り、Flashは使わないで実装されてます。 Animated Content Menu with jQuery デモページ [ad#ad-2] まずは、デモページを堪能ください。 ナビゲーションの各ラベルをクリックすると、それに対応したパネルがアニメーションを伴って開くようになっています。 デモページ 実装 HTMLの構造は、背景画像、グリッドのオーバーレイ、ローディングのアイコン、メインメニューの4つから構成されています。 HTML：背景 背景は、背景画像とオーバーレイとローディングをdiv要素で内包します。 <div id="ac_background" class="ac_background"> <img class="ac_bgimage" src="images/D
2011年のJavaScript ─ウェブアプリ全盛の時代へ | gihyo.jp
あけましておめでとうございます。昨年に引き続き、今年もJavaScriptの近い未来についてちょっとだけお話させて頂きます。 最初に昨年の予想を見返しておきましょう。昨年は次の3つを2010年の鍵として取り上げました。 ウェブ標準 ブラウザ拡張 サーバーサイドJavaScript この3つを軸に2010年を振り返ってみます。 2010年のJavaScript界隈でのニュース ウェブ標準 2010年最初のビッグニュースはなんといってもIE 9のPlatform Preview版の登場でした。これまでの独自実装路線から一転して（正確にはIE 8の時点でJSONやWeb Storageのサポートなど、その徴候はあったのですが）、HTML5などのウェブ標準のサポートを進めることを表明しました。そして実際に8週おきにPlatform Preview版をアップデートして、ECMAScript5・S
認証が必要なWeb APIをSilverlightで使う方法
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog はじめに こんにちは。制作本部の藤川です。 主にSilverlightでの制作案件を担当しております。 今回は私のほうからSilverlightとYahoo! JAPAN IDとの連携について、 サービスの開発事例をもとにご紹介したいと思います。 どうやって連携するか 今回ご紹介する内容は、Yahoo! JAPAN IDにひもづいたXMLデータをどうやって取得したか、ということです。 一般的なSilverlightアプリの場合、WebClientクラスを使用しWEBサーバーにあるXMLを直接読み込めばいいのですが、Yahoo! JAPAN IDにひもづいたXMLデータの場合は、そう単純には行きません。 というのも、Yahoo! J
JavaScriptをGPUで高速化する試み、モジラがJetpackで検討中 － Publickey
モジラが、JavaScriptをGPUのパワーを借りて高速化する試みを行っています。FirefoxのJetpackプロジェクトに協力しているメンバーがブログにポストしたエントリ「Elevating JavaScript Performance Through GPU Power」で、その可能性と方法について触れています。また1つ、JavaScriptの可能性が広がるかもしれません。 Mozilla Labs » jetpack » Blog Archive » Elevating JavaScript Performance Through GPU Power Webでは高精細な動画や音声などがやり取りされるようになり、またセカンドライフのような3次元表示など、Webブラウザ上で行われる情報処理は高度化しています。 今後はさらに動画の加工や音声認識のような高度なアプリケーション、あるいはW
無名関数を使った非同期通信のススメ（JavaScript）
ここ最近はブラウザーの上で動く思いっきりRIAなアプリケーションを書いている私。こと通信の部分になると JavaScript での開発効率が、C++/Java/Objective Cなどと比べて格段に高いことをつくづく感じている毎日なので、今日は、そのあたりを少し解説してみようかと思う。 サーバーのAPIにアクセスするプログラムを書く方法は色々とあるが、「サーバー上の特定のURLにHTTPでアクセスして結果をXMLやHTMLやJSONで受け取る」というケースに限定すれば、基本的に３つのパターンに分けられる。 1. 同期通信 result = urlfetch.fetch("http://www.google.com/") if result.status_code == 200: doSomethingWithResult(result.content) その書きやすさのために、実務経験の
blog.katsuma.tv
[09/04/07 16:00 追記] embedでの呼び出し結果の表に誤りがあったので訂正しました。 世間ではiPhone OS3.0で騒がれていますが、そんな中メインストリームとは逆行してJava Appletについていろいろ調べていました。 情報が少なすぎる 世間的にはJava Appletの話なんて枯れすぎてる話題なので、いくら調べても2000年過ぎの情報ばかりが大半です。「ただしこの方法ではNetscape4.0以上の環境では。。。」とか言われても困るわけです。今どきのWebアプリケーションらしくJavaScriptと連携させるにはどうすればいいんでしょうか。そもそもappletのロード方法１つとってもSafariやChromeなんかのモダンブラウザに対応したロード方法とかまったくわかりません。あとJava Runtimeのインストールチェックなんてどうすればいいのでしょうか？？
Ajaxに力を入れ始めたマイクロソフト、今度はJavaScript圧縮ツールを無料公開
マイクロソフトのAjaxに関する動きが目立ってきました。以前のエントリで紹介したように、9月にはAjaxによるWebアプリケーションを最適化して起動速度を改善するツール「Doloto」の配布を開始。 Ajaxの起動を高速化するツール「Doloto」、マイクロソフトが発表 － Publickey 10月には、Ajaxのライブラリとして最も人気のあるjQueryのマイクロソフト自身による配布を開始すると同時に、Ajaxライブラリを高速に配布するためコンテンツデリバリネットワーク、「Microsoft Ajax CDN」を立ち上げています。 マイクロソフトも配布を開始したjQuery、今後のバージョンでは大幅な性能向上とモバイル対応へ － Publickey Announcing Microsoft Ajax Library (Preview 6) and the Microsoft Ajax
Google、Ajaxサイトを検索可能にする方法を説明
Googleが、従来インデックス化できなかったAjaxを使ったコンテンツの内容を、検索結果に表示できるようにする方法を提案した。 米Googleは10月7日、Ajaxベースの動的なWebサイトを検索エンジンでインデックス化できるようにする方法を提案した。動的なWebサイト側で幾つかの設定をすることにより、検索結果にそうしたサイトを表示できるようになるという。 従来の検索エンジンでは、Ajaxを用いた動的なコンテンツはクロール・インデックス化することができない。そのためSEO（検索エンジン最適化）を重視するWebサイトでは開発者は動的なコンテンツの作成をあきらめがちだという。 Googleはこの問題を解決するための、Webサイトのサーバ側でクローラー用のURLを用意する方法を紹介している。この方法の目的は、最小限の修正でクローキングを回避しつつ検索エンジンがユーザーにAjaxのURLを直接提
コンテンツを滑らかにスライドさせるjQueryプラグイン:phpspot開発日誌
jQuery plugin - Easy Image or Content Slider | Css Globe This is my first jQuery plugin. I wrote several jQuery scripts but never made a real plugin just because I was I afraid of it's complexity. コンテンツを滑らかにスライドさせるjQueryプラグイン。 各種デモが以下で閲覧できます。 Default non-styled image slider Non-styled vertical image slider Non-styled vertical content slider マークアップが次のようにシンプルに記述できる点も導入の敷居が低くていいかんじです。 <div id="slider
Start | 和歌山大学メディアインテリジェンス研究室
和歌山大学メディアインテリジェンス研究室（西村竜一研究室）† 本研究室では、音声や画像、動画、自然言語、センサなどの「メディア」を活用した認識・理解の知的技術によって、人と人、人と機械の協働を豊かなものにするための教育・研究を行います。 2019年度から活動している研究室です。 本研究室の学部生は、システム工学部 メディアデザインメジャーに所属しています。大学院生の所属は、システム工学研究科 知的モデリングクラスタです。 なお、本研究室は、西村が所属（担当）するデータ・インテリジェンス教育研究部門及び学生自主創造支援部門（クリエ）とも協働することで教育・研究活動を進めています。 今後は、社会インフォマティクス学環の学生の受入も行う予定です。 ↑ お知らせ† 2023/12/9 大学院生（M2）の日田さんが国立研究開発法人情報通信研究機構（NICT）の研究員みなさまと共著で発表した『複数話者
javascriptで外部サイトのHTMLを取得するには、 - programing memo
XMLHttpRequestオブジェクトを使用するとできます。 XMLって名前がついてますけど、XMLじゃなくても大丈夫。(任意のテキストを受信することができる) 以下が手順。 1.XMLHttpRequestをnew演算子をつかってオブジェクトを生成 (IE用とFirefox用で処理分岐) 2.XMLHttpRequestのopen()メソッドを使って、 サーバのURLや通信方法、同期非同期などを設定 3.非同期通信の場合、onreadystatechange属性を使って サーバの応答状態を調べる 4.XMLHttpRequestのsend()メソッドを使って、 open()メソッドに設定したサーバのURLに対して 通信する。 5.readystate属性を使ってサーバからデータを受信できたか調べる 6.サーバからデータを受信できたら、responseText属性から 文字列を取得できま
facekit.net - google maps demo
This page requires flash9. Please install or upgrade flash player if you see this message. <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>facekit.net - google maps demo</title> <link href="http://facekit.net/stylesheets/facekit.css" media="screen" rel="Stylesheet" type="text/css" /> <script src="http://facekit.net/javascripts/prototype.js" type="text/ja
アプレットからJavaScriptの関数を呼び出す - 今日覚えたこと
例えばアプレットで何かの処理をしていて、それが終わったタイミングで JavaScriptのalertを呼んだり ページを移動したり その他もろもろ といったような、何かしらのJavaScriptを動かしたいことがある。そんなときのやり方。 JSObject window = JSObject.getWindow(Applet.this); window.eval("hoge()");これで、アプレットが埋め込まれているhtml側に定義されてるJavaScriptのhoge関数が呼ばれる。いわゆるコールバック。 このhoge関数は、例えばこんな感じ。 function hoge(){ alert('完了しました'); } 上記のようにすればalertされる。ページを移動したいなら、 function hoge(){ location.href = 'http://example.com/co
J2SE AppletとJavascriptの連携 - @--メモ
<param>タグで、HTMLからAppletに値を渡す(HTML→Applet) † <applet>セクションに含まれる<param>タグで、HTMLからAppletに初期値を渡すことができる。 HTML: <applet name="SlideBar" code="SlideBarApplet.class" width=400 height="150" MAYSCRIPT> <param name="RED" value="1"/> <param name="GREEN" value="2"/> <param name="BLUE" value="3"/> </applet> Applet側からは、getParameter(String name)で、paramタグの内容を取得することができる。 Applet: getParameter("BLUE") getParameter("G
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Projects
PrototypeのAjax.RequestとresponseXMLを使ったAjax通信 | 4plus tech
jQuery UI タブ
Oracle Java Technologies | Oracle