IDEA * IDEAドットインストール代表のライフハックブログ
Raphaël―JavaScript Library
The most popular coding language for the web is javascript; so much so that since the advent of HTML5, it has now been officially accepted as the default standard. Javascript has moved beyond a smaller client-side browser-based language to become integrated not just for front-end design, but also for back-end server-side development. As a result there are has been a huge growth of Javascript libra
0xFF
突然ですが、API Expertを卒業しました。 ちょうど3年前 (さっきまで素で2年前だと思ってたけど、どう見ても3年前だった…)にAPI Expertなってから、Googleの皆様、他のAPI Expertの皆様には大変お世話になって来ました。ただ、私の方はお世話になってばかりで、API Expertとしての活動を思うように行えていない状態が続いていました。さらに、最近個人的な事情(会社とも関係ありません)で、なおさら時間を取れない状態になったので、この機会にAPI Expertを退任するという決断をしました。 今までお世話になった分、今後もできる限り貢献できることがあれば貢献したいと思っていますが、まずは個人的な事情の方を整理してからと思っています。落ち着いたら報告できると良いですね。それでは。 高校2年くらいのときにマルイのセールでコムサの長財布を買ってから、12年くらい使い続けて
画像を効果的に見せるjQueryプラグイン
はじめに 第4回「手軽に扱えるjQueryプラグインを使ってみよう」では、jQueryのユーザーインタフェースを拡張するjQueryプラグインの中から、メニューバー、タブ、画像のスライダー、ズーム機能、Twitterのタイムライン表示を紹介しました。第5回では、画像の切り替えや見せ方をテーマに以下のようなプラグインを解説していきます。 画像のスライドショー（Simple Fade SlideShowプラグイン） 画像の円形スライド（MobilyBlocksプラグイン） 画像上にポップアップを表示する（MobilyMapプラグイン） パノラマ画像の表示（panorerプラグイン） 対象読者 jQueryプラグインに興味があり、使ってみたい方 必要な環境と準備 jQueryのダウンロード 執筆時点のjQueryの最新版は、1.4.4です。第1回を参考に、ダウンロードしてください。また、jQue
javascript スライドバー (スライダ) コントロール
ライブラリを利用せずに手軽に汎用のスライドバー・コントロールを作成する javascript コードです。単体の関数として実装されており、すべての変数や操作関数は他の名前と衝突しない様にクロージャ内に隠蔽されています。 このページには外部依存のファイルはありません。利用されるすべてのスクリプトとスタイルシートはこのページ自身に含まれています。 動作確認済みブラウザ：FireFox 3.5, Safari 4, Opera 10, Chrome 4 （IE は IE6 まで対応する様に組んだつもりですが未確認） 基本的に CSS2 と HTML DOM に対応していて javascript が ECMA-262 に準拠しているブラウザなら大体動作すると思われます。 例 バーをクリックするとその位置にノブが移動して操作対象が変化します。 ノブでマウスボタンを押すとノブをドラッグ出来ます。マウス
謎のjavascript、『(function (){})();』
時々みかける(function(){hoge;hoge;})();みたいな謎の関数の意味がようやく解ったので、忘れないうちにメモ
Cigazine - ソースコード - JavaScriptライブラリ「Web AI」
説明 「Cigazine」は、「Web AI」を使ったWebアプリです。このページでは、この「Cigazine」を作るために書いたプログラムを掲載します。「Web AI」は、クロノス・クラウンの柳井政和が開発しているJavaScirptのライブラリです。「Web AI」を使うと、Web上からデータを取得して構築するWebページを、とても簡単に構築することができます。「Web AI」は、Webからの検索結果やフィードの取得、短縮URLへのURLの変換、日本語文章からのキーワードや文章抽出、日本語文章のマルコフ連鎖、クエリーの管理などの機能を備えています。コアとなる「WebSrch」オブジェクトでは、非同期で行われる通信処理に対して、その結果を待ちながら順番に処理していくプログラムを簡単に書くことができます。また、本ライブラリでは「Google AJAX Search API」を抽象化して、検
IT戦記
みなさんお元気ですか？僕は少しだけ元気ではありません。じんわりとした夏の暑さを感じながらブログを書いています。 実は、数ヶ月前にスマートニュースという会社を退職しました。 しばらく無職 しばらくは就職せずに無職でいようかなと思っています。 すぐに再就職した方がいいんだろうな〜。とは思うのですが少し疲れたかも。 いい時代になったものだ 最近は AI の進化も素晴らしく、昔ソフトウェアで出来なかったことがどんどんできるようになってるなって感じます。 Rust とか、ちょうど欲しかった感じのプログラミング言語もあるし、 ChatGPT は完璧ではないけど何か新しいことを始めるときに素晴らしい洞察を与えてくれる。 時代は確実に良くなってる。そんな時代に「自分は働いていないくていいのか」と少し不安になるけれど、自由気ままにコードを書く、そんな時間が今あってのもいいのかなって思ってます。 オフトピック
Safari4 と IE8 で実装された DOM Storage とは何か - IT戦記
はじめに 皆様 JavaScript のスピード競争が激化し、 ECMAScript 3.1 の仕様の策定が進むなど、激動の JavaScript 時代をいかがお過ごしでしょうか。 さて今日は、今、ちまたで大ブレイクの兆しを見せている DOM Storage という仕様を紹介したいと思います。 DOM Storage とは何か まず、 DOM Storage とはどんなものなのでしょうか。 とても簡単に言ってしまえば、とてもたくさんのデータが保存できてサーバーに自動で送られない Cookie みたいなものです。 さらに、 Cookie とは違って JavaScript からとても扱い易く作られています。 では、この DOMStorage の具体的なソースコードを見てみましょう。 <!DOCTYPE html> <html> <head><title>DOMStorage の使い方</tit
Twifluマップ - みんなのインフルエンザつぶやきマップ | Twiflu
188金宝搏平台 Competencies/Skills 批判思维-学生在接受或形成观点或结论前能够完成对问题、思想、人工品或事件的全面探索 笔试通信-学生使用文本、资料和图像有效表达思想 信息素养-学生将能够识别信息需求并有效定位、评价和分享信息 量化推理-学生将能够在各种背景中理解并解决量化问题 口语通信-学生可准备并口语陈述以促进理解 技术能力-学生将能够有效利用技术增强学习 科学推理-学生将能够应用科学查询法和原理分析证据 战略主题 领导能力-学生可与他人协作,与团队成员接触,帮助实现共同目标 道德和社会责任-学生将能够识别并表达社会和公民责任的原则和价值观 全球/多文化透视-学生将能够识别并解释来自复杂、相互依存的全球社会、文化和经济体系世界的潜在利益和/或冲突 连通学习学生们将能够连接课堂教育与校园外现实世界问题
Geekなぺーじ : Google MAPS APIプログラミング
ここでは、Google Maps JavaScript API(version 3)を使って遊ぶ方法を説明したいと思います。 Google Maps JavaScript APIを使うと、グーグル社が提供する衛星写真や地図を使ってホームページ上で色々なものを作れます。 対象とする読者は初心者もしくは入門者です。 Google Maps APIはJavaScriptを使って書いてあるので、JavaScriptの知識があった方がわかりやすいと思いますが、Java Scriptがわからなくても何と無くわかるような説明を目指したいと思っています。 基本編 Google Maps APIの単純な例 地図の種類を切り替える 地図の中心を移動する 地図上にふきだしを表示 地図がクリックされたときの処理 マップタイプコントロールを無効にする 緯度経度取得ツール 要望が多いので緯度経度情報を取得するツールを
「マンガで分かる JavaScriptプログラミング講座」第2版公開中
JavaScriptと言えば、GmailやGoogleマップなどのページ移動を伴わない動的ウェブコンテンツの登場で一気に息を吹き返して注目を集めたプログラミング言語で、jQueryの登場によってプログラマだけではなくウェブデザイナーにも重要なものとなっています。 そんなJavaScriptを簡単に初心者でも理解できるようにということで、マンガ158ページ、解説文とサンプルソースコード全471KBの「マンガで分かる JavaScriptプログラミング講座」第2版が公開中となっています。この講座の第1版は2010年4月26日から連載を始めて2010年5月10日に完成しており、今回の第2版はその第1版からマンガをすべて描きなおし、説明文章を1.7倍に増補して、図版を充実させたものです。 アクセスは以下から。 マンガで分かる JavaScriptプログラミング講座 http://crocro.co
Yahoo! UI Library 3（YUI3）のウィジェット
はじめに 今回は、プログラム作成に、グラフィカルなユーザインタフェースを提供するウィジェット（Widgets）について説明して行きたいと思います。ウイジェットには、表などをページにポップアップさせるモジュールOverlay、スライダーを表示するモジュールSlider、タブパネルを可能にするインターフェースを提供するモジュールTabviewがあります。 対象読者 Webアプリケーションに興味があり、Yahoo! User Interface Libraryに注目している人。HTMLとJavaScriptを使える人を対象にしています。 必要な環境 HTMLとJavaScriptが作成できるエディターとインターネットにつながっているパソコンがあれば、例題の作成、確認ができます。 ポップアップ ページ作成時、一時的に表などをポップアップさせたいときがあると思います。このような時便利な、ポップアップ
[JS]Google Mapsと連動してパネル表示も切り替えるスクリプト
ナビゲーションのホバーに合わせて、Google Mapsとパネルの表示を切り替えるスクリプトを紹介します。 <textarea name="code" class="html" cols="60" rows="5"> <li data-geo-lat="41.9786" data-geo-long="-87.9047"> <h3>O'Hare Airport</h3> <p>Flights n' stuff</p> <p class="longdesc"><strong>About:</strong> O'Hare International Airport has been voted the "Best Airport in North America" for 10 years by two separate sources: Readers of the U.S. Edition
連載：jQuery 逆引きリファレンス 第8回 Ajax編（前編） − ＠IT
ｊQueryを使えばAjax技術による非同期処理も簡潔に記述できる。Ajax関連の基本メソッドをまとめた、すぐに役立つ10本を一挙公開。 連載目次 このシリーズでは、jQueryの基本機能を逆引きリファレンスの形式でまとめています。リファレンスという性質上、本連載では入門レベルでの解説は割愛しています。jQueryの基本構文、Visual Studio上でjQueryを利用する方法などについては、拙稿「ASP.NETプログラマーのためのjQuery入門」を併せて参照することをお勧めします。 さて、本連載も第8回となる今回は「Ajax編」です。Ajaxとは、ひと言でいうならば、JavaScriptコードからサーバに対してHTTP通信を行うための技術です。Ajax技術を利用すれば、サーバとの通信のたびにページ全体をリフレッシュさせることがないため、途中で操作を遮られることのない、より使いやすい
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Yahoo! UI Library 3（YUI3）プラグイン
IDEA * IDEA
IDEA * IDEA
IDEA * IDEA
Yahoo! UI Library3（YUI3）データ処理に着目
