##スマフォwebページのスライドメニュー アプリでは当たり前のように実装されているスライドメニューですが、webページではなかなか使い心地のよいスライドメニューが実装されているのは見かけません。 スマートフォンのブラウザではjavascriptでのアニメーションはどうしてもガタガタになってしまうし、ちらつきやスクロール制御のめんどくささからもうwebページでネイティブアプリ並のスライドメニューを実装するなんて無理と思っていました。 Facebookのwebページですらボタンの反応は悪いしアニメーションも動かないし最悪です。 ##一方Google先生はパーフェクトなスライドメニューを実装していた さすがGoogle先生！ 俺達に出来ないことを( Googleのスライドメニューは以下の点でパーフェクトです。 スライドのアニメーションがとても滑らか・ちらつかない ボタンの反応にストレスを感じな
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
Closure Compilerとは? Closure Compilerは、Googleが提供しているJavaScriptの圧縮・難読化ツールだ。JavaScriptの圧縮・難読化だけであれば他にもYUI Compressorなどのツールが存在するが、Closure CompilerはさらにJavaScriptコードそのものに変更を加えることで最適化が可能という特徴がある。 たとえば以下のようなJavaScriptコードがあるとする。 function hello(name) { alert('Hello, ' + name); } hello('New user'); このコードをClosure Compilerで処理すると、以下のようになる。空白が除去され、変数名が短いものに置き換えられることでサイズが圧縮されている。 function hello(a){alert("Hello, "
先日、 Google から Leak Finder というツールがリリースされました。主に Closure Library を対象として、メモリリークの検出を行うツールです。 Closure Library は比較的規模の大きいアプリケーションに使われることが多く、その分メモリリークの危険も高いので、こうしたツールはとてもありがたい。さっそく試してみました。 インストール Leak Finder は Python で構築されているので、 Python の処理系（バージョンが明記されていないのですが、たぶん 2.6 か 2.7？）が必要です。もっとも、 Closure Library で開発をしているならすでにインストール済みでしょうから、それを使ってください。 インストール先のディレクトリはどこでもいいのですが、私は ~/leak-finder ディレクトリを作成して、そこにすべてを入れる
JsTemplateはGoogleが開発したJavaScript製のテンプレートエンジンです。 Webアプリケーションがさらに開発されていくために必要なのが高機能なJavaScriptテンプレートエンジンの存在です。幾つか出てきていますが今回紹介するのはかなり有力です。なぜならGoogleが開発したテンプレートエンジンだからです。それがJsTemplateです。 デモです。左上がテンプレート、右上がJSONの元データになります。 そして左下が実際に生成されたHTMLで、右下がレンダリング結果になります。 idを使ってテンプレート名を定義しています。 こういう風にデータがない場合のチェックもできます。 実際のコードです。jsdisplayのところに検証が入っているのが分かります。 データがある場合はもちろん繰り返し表示します。 実際のコードです。 JsTemplateは再帰処理ができたりev
Google+チームに所属するエンジニアのMark Knichel氏が、Google+の高速性を実現するためにどのようなテクニックを使ったのかについて、Google+のページで解説しています。 (1) Mark Knichel - Google+ - Hi everyone! I’m an engineer on the Google+ infrastructure… 最新のWebサービスでどのようなJavaScriptのテクニックが使われているのかを垣間見ることができる説明になっていますので、見出しを中心に紹介しましょう。 1) We <3 Closure 私たちはClosureが大好きだ（<3は横向きのハートマーク） Closure（クロージャ）とは、オライリーの書籍「初めてのJavaScript」の解説を借りれば、関数の「入れ子（nesting）」です。（追記、このクロージャじゃなく
WebOS Goodies へようこそ！ WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 非常に久しぶりの記事投稿となってしまいましたが orz 本日は Closure Library ネタを書いてみようと思います。最近は、 Closure Library もだいぶ知られるようになってきたみたいで、 Closure Library についての日本語のつぶやきもだいぶ増えてきて嬉しい限りです。 Closure Library で UI を構築する場合、も
Closure CompilerというGoogle製のJavaScriptの最適化ツールが有ります。 このツールを使うと余分な空白や改行を削除したり、変数名を短いものに変更したりするなど様々な最適化を行ってくれます。 また、その様な最適化の他にJavaScriptファイルの連結も一緒に行ってくれます。 色々なライブラリを使うとJavaScriptのファイルが複数になったりする場合も多いかと思います。しかし、複数のファイルをDLするとなると単一ファイルをDLするより速度が落ちてしまいます。 その様な時にClosure Compilerでコンパイルを行うとその様な部分についても最適化出来ます。 使い方は至って簡単で、こちらの「Download the application」のリンクからClosure CompilerをDL。 ※Javaがインストールされてない場合は別途インストールの必要有り
はじめに 本稿では、JavaやPythonによるサーバー側コーディングを一切必要とせずにGoogle App Engineによる開発を実現するツール「jsonengine」について紹介します。 対象読者 Google App Engineに興味はあるが経験のない方。JavaScriptやActionScriptによるクライアント開発、またはiPhoneやAndroidによるスマートフォン開発の経験のある方。JavaやPythonの開発経験は不要です。 必要な環境 最低動作環境は次のとおりです。 Java SE 5 jsonengineって何？ 「jsonengine」は、JavaやPythonによるサーバー側コーディングを一切必要とせずにGoogle App Engineによる開発を実現するオープンソースのツールです。このツールは、昨年開催された「Mashup Awards 6」において「
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
Google Spreadsheets の Apps Script で Amazon Route 53 を管理する - WebOS Goodies
先週、 Amazon のクラウド DNS サービス Amazon Route 53 をご紹介しました。柔軟で信頼性の高い DNS サーバーを安価に利用できる、とても有用なサービスです。しかし、標準では GUI が用意されておらず、データの更新がとても面倒なのが玉に瑕でした。サードパーティのツールもいくつかありますが、個人的にはどれもいまひとつな感じです。 仕方ないのでツールを自作することにしたのですが、さすがにフル機能の GUI を構築する時間はありません。 UNDO やコピー＆ペーストなどの機能も欲しいところですが、実装にはそれなりの手間がかかります。そこで思いついたのが、 Google Spreadsheets （Google Docs の表計算） を Google Apps Script で拡張する方法。これなら Google Spreadsheets の持つ強力な編集機能がそのまま
App Engine JavaScript SDKはGoogle App Engine用のオープンソース・ソフトウェア。サーバサイドで動作させるプログラミング言語は多数あるが、最近注目を集めているのがサーバサイドjavaScriptだ。クライアントとサーバの両方を同じ言語で作れるのが利点だ。 デモのブログアプリ だが注目は集めつつも、実際に利用しているケースはまだ多くない。サーバ側の設定も必要なので、手間に感じられてしまうのだろう。そこでサーバの用意がいらない、Google App Engine上で動作させるのがApp Engine JavaScript SDKだ。 App Engine JavaScript SDKはその名の通り、Google App Engine上でサーバサイドJavaScriptを実現するSDKだ。ブログシステムのサンプルもあるので、その面白さがうかがえるはずだ。Da
はじめまして、こんにちは。 googleで検索した際に勝手にjavascriptがonになります。 例えば、googleで「ペット」と検索して、 10件の表示の次の20件目を表示させると ペット の検索結果 約 131,000,000 件中 11 - 20 件目 勝手にjavascriptがonになります。 11件目に ペット火葬・ペット葬儀の事なら【ペットセレモニーまこと】 ペット火葬・ペット葬儀のことなら【ペットセレモニーまこと】365日24時間営業で関東エリアを中心に心に残るお別れをお手伝いいたします。 a-ペット.com - キャッシュ - 類似ページ （以下、クリックしないでください。） リンクの部分にカーソルをあわせると http://adwords.secureonlinegroup.com/r. ... MlODMlODg= と変わっています。 まあ、なんというか、java
http://anzutone.appspot.com/ 読み方は「あんずとーん」です。 これはなに？ SafariとFirefoxで動くミュージックシーケンサです*1。 非常にシンプルな機能しか備えていませんが、「みんなで作曲できます」。 みんなで作曲できる 上記サイトのAnzutoneは通常版ですが、Google Waveで動くバージョンもあります。 テンプレートは以下に。 Anzutone Gadgetのテンプレート このガジェットはAnzutoneをGoogle Waveでも動くようにしたものです。 通常版との違いは「みんなで作曲できる」ことです。ぜひお試しください。 ただ、非常に横幅の広いガジェットなので取り扱いには注意してください。 ソースとか オープンソースです。MITライセンス。 Githubにホスティングしてます。 今後の展望 ノープランです。 いくつか追加したい機能はあ
WebOS Goodies へようこそ！ WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 先週 Closure Library で構築したドローウィジェット Closure Draw を公開しましたが、はてぶ数などを見る限りさほど多くの反響はなかったようです。まあ、機能が中途半端だったり作りが甘かったりというところが大きいのは間違いありませんが、 Closure Library 自体がまだメジャーではないのもあるのかな、とも思います。実際、ぐぐってもフ
などという煽り気味なタイトルをついつけてしまいたくなる記事がGoogleCodeBlogに掲載されていました。 最初のほうはごく普通にJavaScriptを使ったRIAアプリケーションはどうしても起動が遅くなるため、それをどう減らすか、というテーマにそって書かれています。 方法として挙げられているのは、最初にすべてを読み込まず、モジュール単位で分割して遅延ローディングすること。ただし、それだけだと回線速度が遅く不安定なモバイル環境では問題が生じるためHTML5のキャッシュ機能を利用するといいとのこと。 遅延ローディングのためのさまざまな手法の得失や、例えばユーザーデータを読み込むときには動的ロードしない、というようにユーザーの操作を妨害しないよう留意することなどについても述べられていてそれだけでもノウハウとして十分に有意義なのですが、決め手として最後に出てくる方法がすごいです。 その方法と
Google Closure Compiler ServiceでJavaScriptファイルをコンパイルするPerlスクリプト 最近になってGoogleのClosure Compiler Serviceを良く使うようになった。今まで使っていたYUI Compressorと比較すると、複数のJavaScriptファイルをまとめて圧縮出来ることと圧縮にとどまらない最適化を行うことも出来ることがメリットで、CSSの圧縮には対応していないことがデメリット。ウェブのUIで圧縮するのは面倒になってきたので、REST APIを利用してウェブのUIと同じようにコメントで設定を記述してコンパイルするPerlスクリプトを書いてみた。タイトル長い！ #!/usr/bin/perl # gccs.pl - Compile your JavaScript code with Google Closure Compi
注æ: ä¸é¨ã®ãã¼ã¸ã¯è±èªã§ã®ã¿ãå©ç¨ããã ãã¾ãã å©ç¨æ¹æ³ ææ°ãã¼ã¸ã§ã³ã® GWT ããã¦ã³ãã¼ããã¾ãã ã¹ã¿ã¼ã ã¬ã¤ããåç §ãã¦æåã®ã¢ããªã±ã¼ã·ã§ã³ãä½æãã¾ã ããã¸ã§ã¯ãä¾ ãåç §ãã¦ç¥èãæ·±ãã¾ã 詳細æ å ± 製åæ¦è¦ - 主è¦ãªæ©è½ã¨ã¢ã¼ããã¯ã㣠GWT ã®éçº - ç念ã¨åå æ
MicrosoftがWindowsを使ったプログラミングの技術水準を進歩させたように、Googleもウェブベースのソフトウェアについて同様のことを行おうとしている。その最新の一手が、「Google Web Toolkit（GWT）2.0」のリリースだ。 GWTはJavaで書かれたソフトウェアを、ブラウザがネイティブに実行できるJavaScriptのコードに変換する。実行速度が速いJavaScriptを生成し、さらにはさまざまなブラウザ間の互換性に関する厄介な問題を軽減するよう、GWTは設計されている。 米国時間12月8日夜に開発者向けイベントGoogle Campfire Oneで発表された新バージョンのGWTは、ウェブを単なる静的なウェブサイトだけでなく、アプリケーションをも支えるより強力な基盤とするという、同社の基本方針に即している。この方針を金銭面で支える同社の論法は、ウェブの利用が
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
