Webページを速く見せるための5つのちょっとした工夫（1/3） - ＠IT
株式会社ライブドア マークアップエンジニア 浜 俊太朗 2009/4/30 ページ表示高速化をサーバの設定だけに任せていませんか？ HTMLやCSS、JavaScriptの書き方でも速くできます（編集部） 連載第1回の「Webサイトを“速く”表示させる7つの計測ポイント」では、YSlowを使って速度に関する問題を調査しました。 今回は、CSS・JavaScript・HTMLの工夫で速度を改善する下記5つの方法を紹介します。中にはYSlowの指摘に含まれないものもありますが、併せてチェックしていきましょう。 CSSはソースコードの上部に記述する JavaScriptはソースコードの下部に記述する CSSとJavaScriptを書く順番 JavaScriptを圧縮して読み込みを速くする 読み込みが遅いブログパーツには要注意 【1】CSSはソースコードの上部に記述する 連載第1回では、「CSSは
高木浩光＠自宅の日記 - 本当はもっと怖いGoogleマイマップ
■ 本当はもっと怖いGoogleマイマップ 適当に検索して見つけたブログで（既に消えているようだが）こんな発言があったようだ。 Googleマップで他人の個人情報を晒したことに気づいてあわてている人のニュースが、最近、盛んだ。 いったいどうしてこんなことになってしまうのか、私には不思議でならない。 私もマイマップはよく使っているので、公開・非公開の違いは注意深くチェック ... Googleマップに他人の個人情報を掲載する愚か者と、ここぞとばかりに ..., オリマー, 2008年11月8日 しかしどうだろう。Googleマイマップを「よく使っている」という人でも、自分が作成するマップがいつどの時点で公開状態となるのか（パブリッシュされるのか）、そのタイミングを理解している人はどれだけいるだろうか。 Googleマイマップの「新しい地図を作成」をクリックした直後はこうなっている。
まじで使えるJavascriptライブラリ75選 | CREAMU
Javascriptで優れたインターフェースを実装したい。 そんなあなたにおすすめなのが、『75 (Really) Useful JavaScript Techniques』。まじで使えるJavascriptライブラリ75選だ。 以下にいくつかご紹介。 » Lightview スムーズに画像を拡大してくれる » FancyUpload アップロード中のプログレスを表示してくれる » SWFObject Javascriptを使ったFlashプレーヤ » JavaScript tabifier 簡単にJavascriptで切り替えられるタブインターフェースが作れる » FancyZoom 1.1 簡単なエンベッドでスムーズに画像を拡大してくれる » SimpleModal オーバーレイするクールなモーダルダイアログ » A Mac OS X-style Dock In JavaScript
Google、言語翻訳のAjax APIを公開 － ＠IT
GASで棒、円、折れ線など各種グラフを作成、変更、削除するための基本 （2017/7/12） 資料を作る際に、「グラフ」は必要不可欠な存在だ。今回は、「グラフの新規作成」「グラフの変更」「グラフの削除」について解説する GET／POSTでフォームから送信された値をPHPで受け取る「定義済みの変数」【更新】 （2017/7/10） HTMLのフォーム機能についておさらいし、get/postメソッドなどの内容を連想配列で格納するPHPの「定義済みの変数」の中身や、フォーム送信値の取り扱いにおける注意点について解説します【PHP 7.1含め2017年の情報に合うように更新】 PHPのfor文＆ループ脱出のbreak/スキップのcontinue【更新】 （2017/6/26） 素数判定のロジックからbreak文やcontinue文の利点と使い方を解説。for文を使ったループ処理の基本とwhile文
JavaScript開発ツールの本命！ FirebugとAptana（1/3） − ＠IT
JavaScript開発ツールの本命！ FirebugとAptana：どこまでできる？ 無料ツールでWebサイト作成（4）（1/3 ページ） ついに「Aptana STUDIO」がリリース 先日、連載第1回と第2回で紹介したAptanaが、2年にわたる開発期間を経て「Aptana STUDIO 1.0」としてリリースされた。 「Aptana STUDIO 1.0」には、「Community Edition」と呼ばれるフリー版と、「Professional Edition」と呼ばれる製品版が存在し、製品版は1年間の更新と優先的なサポート、最新開発版へのアクセスパスが付いて199ドル（現在はセール中？）で、以降更新のために1年ごとに79ドル、というプランが用意されている。Professional EditionはIE（Internet Explorer）のデバッグサポート、JSONエディタ、S
「言葉」を超えた説得力を持つAjaxの存在感と広がり (1/2) - ＠IT
ハイライト1・世界的なイベント、 「AjaxWorld Conference & Expo」を知ってますか？ AjaxWorld Conference & Expo 年2回開催される世界的なAjaxイベントである「AjaxWorld Conference & Expo」が、9月23～26日に開催されました。 とはいえ、個人的にほとんど意識していなかったイベントであり、私が見ている範囲内でこのイベントについて声高に語るブログなどもあまり見掛けません。なぜでしょうか？ ■ 「疑いがあれば、実際に動かしてみてくれ……」 漠然とした印象からいえば、Ajaxに関わる人たちの多くは、目の前の問題を解決するために手を動かすタイプが多いように感じられます。だから、知識や経験の幅が狭いことがある半面、自信を持って語る内容には強い説得力が感じられます。その説得力の背景にあるのは、実際に動くプログラムをいつでも
いまさら聞けない“Web標準”、そしてXHTML＋CSS
いまさら聞けない“Web標準”、そしてXHTML＋CSS：いまさら聞けないリッチクライアント技術（4）（1/3 ページ） 前回の「いまさら聞けない、“Ajax”とは何なのか？」の説明の中で、Ajaxの定義の1つとして「XHTMLとCSSを使った標準規格のプレゼンテーション」というのがありました。前回の記事では、この部分をしっかり解説できなかったので、今回はこれについて解説をしましょう。 といっても、Ajaxの補足説明が今回の目的ではありません。HTML／XHTMLとCSSを使った「Web標準」について紹介します。 「Web標準」という単語はよく耳にしますが、具体的にどんなものか？ HTML／XHTMLとCSSとどのような関係があるのか？ さらに、HTML／XHTMLやCSSって何？ といった点について見てみましょう。 「Web標準？ Webを標準化することかな？」 AjaxやXML、Jav
kentarok.org - Docs » Translations » Ajax: Web アプリケーション開発の新しいアプローチ
About this website kentarok.org is a website for Kentaro Kuribayashi to offer some documents and to index several sites on other domains, blogs, web services etc, which’re to discuss such things as technologies, pop cultures, daily activities etc, and offer some useful features. Please check out my blogs first. About the author Name: Kentaro Kuribayashi Nick: kentaro Mail: kentarok *at* gmai
第3回 変数の宣言とスコープ ― ＠IT
JavaScriptが、いま注目を浴びている。 長い冷遇の時代を経ながらも、Ajaxという技術の登場とも相まって、JavaScriptの価値はいままた確実に見直されつつある。その過去の凋落と近年の華々しい脚光は、「復権」と呼んでもよいかもしれない。 本連載は、JavaScript復権のいまこの時代に求められる、JavaScriptという言語への理解を再確認しようというものだ。その連載、第3回となる今回扱うテーマは、「変数」である。どのような言語においても同様であるが、コード上で値を入力し、処理した結果を格納し、また、ほかへと引き渡すすべての基本となるのが変数だ。プログラミング言語を理解するうえにおいて、変数の理解は欠かせない。そして、それはJavaScriptの世界においても同様だ。 本稿では、JavaScriptにおける変数のデータ型に始まり、そのスコープ（有効範囲）の概念、そして、初学
Web2.0サイトを自作する - 目次：ITpro
爆発的に広まった「Web 2.0」――。巷では，「Ajax」や「マッシュアップ」，「ブログ」などの用語であふれ，これらを実装したWeb2.0サイトも増えています。しかし，単にWeb2.0サイトにアクセスして使うだけでは，真の意味でWeb2.0を体験したとはいえないのではないでしょうか。Web2.0技術は，サイトを構築して初めてその本質が分かるからです。 そこで本連載では，GoogleやAmazonのWebサービスのAPI，Ajax，RSS，そしてRuby on Railsなどを題材に，Web2.0サイトをLinuxで自作します。本記事の通りに実行すれば，Webサイトを全く作ったことがなくても簡単に Web2.0サイトが構築できます。 第1回 Web ２.０ってなんだ？ 爆発的に広まった「Web 2.0」――。巷では，「Ajax」や「マッシュアップ」，「ブログ」などの用語であふれ，これらを実
Ajax技術の目に見えない通信内容をのぞいてみよう ― ＠IT
Ajax（エイジャックス）の登場によって、ブラウザのプラグインソフトに頼らなくても、見た目が華やかで動きも面白いWebアプリケーションの開発が可能となりつつあります。筆者のみならず、読者の皆さんもこの技術の行方に興味津々といったところでしょう。本連載では、ブラウザ上での「見た目」だけに注目するのではなく、本技術の背景や目に見えない通信内容、セキュリティといったところにも焦点を当て、より深く掘り下げていきたいと考えています。 はじめに まず、読者の皆さんは、なぜAjaxに興味を持たれたのだろうか？ おそらく、GoogleローカルやGoogleサジェストが、そのきっかけの1つになったのではないかと予想する。確かに、地図が滑らかにスクロールしたり、キーを入力するたびに画面がリアルタイムに切り替わったりする点は、これまでのWebページにはなかった新しい「感触」で、感嘆の声を上げた方も少なくないだろ
第1回 JavaScriptの復権 ― ＠IT
連載目次 JavaScriptが、いま注目を浴びている。JavaScriptの復権、といってもよい。 最初にJavaScript（当初は「LiveScript」と呼ばれていた）がブラウザに実装されたのが1995年の「Netscape Navigator 2.0」というWebブラウザでのことであるから、すでに登場から10年以上も経過しているわけであるが、そんな枯れた言語がなぜいまごろになって注目されているのか。 いうまでもない。昨今、GoogleやYahooをはじめとした多くの企業が積極的にJavaScriptを採用したリッチなユーザー・インターフェイスを公開し、これが「Ajax（Asynchronous JavaScript And Xml）」という名前とともに急速に注目を浴びたことが、その理由である（Ajaxについては拙稿「枯れた新しいUI革命「Ajax」をASP.NETで活用する」を参
第3回：Ajaxの価値を再考する
前回の記事では，Web2.0の代表的なキーワードである「永久にベータ版」をシステム構築の観点からとらえ，それが「普通の企業」にもたらす意味を解説した。今回はもう一つの代表的なキーワードである「Ajax」について，その意味や意義をひもといていく。何もAjaxが貢献するのは，コンシューマ向けのWebサイトだけではない。（ITpro） Ajaxをご存知の方は多いとは思うが，念のためおさらいしておきたい。Ajaxは「Asynchronous JavaScript and XML」の略で，「Google Mapsの実装手段として有名になった技術だ。言葉の持つ意味どおりにこの技術を説明すると，「通信メッセージにXMLを使い，JavaScriptを使ってサーバーと非同期に通信をするための技術」ということになる。 このAjaxという言葉が初めて使われたのは，Jesse James Garrett氏の「Aj
＠IT：古くて新しいAjaxの真実を見極める
Ajax推進委員会 監修：ゼロベース 2005/8/2 2005年2月半ばから、「Ajax」という言葉がアルファギークたちの間で一気に広まった。「Webインターフェイスの新しい手法」「画期的なWebアプリケーションの仕組み」であるとして開発者たちの人気を集めるAjaxとは何なのか、その真実を見極めてみよう。 Ajaxとは「Asynchronous JavaScript and XML」の略で、Webブラウザでの表示部分を含めたWebアプリケーションの作り方を指す名前だ。具体的にはXML形式のデータをJavaScriptで処理することで、ブラウザのHTTPによるページ遷移とは非同期にサーバとやりとりして「動的に」ページ内容を変更する仕組みを指す。 Ajaxを実現する詳細なコード例は後述するとして、まずはAjaxが実現するWebアプリケーションがどのような動作をするのか、既存のWebアプリケー
新しい技術を模索するYahoo!、Google、MS Ajax うきうき Watch 第17回 ─ ＠IT
Yahoo!やGoogle、MSが新技術を活用した検索システムを試験的にスタートさせている。今月の国内外のAjax関連7本をお届けする（編集部） AllTheWeb Livesearch 今回最初に紹介するのは、Ajaxの技術で作られた検索システムです。AllTheWeb Livesearchといいます。検索キーワードを入力していくと、検索ボタンを押さずともそこまでの入力された単語を手掛かりに、検索結果を表示してくれるという優れものです。 残念ながら、動作対象とするWebブラウザの種類が少なく、Internet Explorer 7.0で見に行くと使えません（6.0なら使える）。しかし、検索エンジンの未来像を考えるうえで、あえて使ってみる価値はあります。 さて、AllTheWeb？ 聞いたこともないぞ……と思った読者も多いと思いますが、これはYahoo!の実験サイトであるようです。実際、ア
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
連載：Ajax時代のJavaScriptプログラミング再入門 ― ＠IT
短期集中連載●今こそAjaxに強くなる---目次
MS、グーグルなど32社がOpenAjaxに加入 － ＠IT