バナー広告2案どちらがよいだろう? サインアップのボタンの文言3案はどれが効果が高い? などGoogle Analyticsを使ってコンバージョンレートを簡単に測定できるスクリプトを紹介します。 ABalytics.js -GitHub ABalytics.jsの特徴 ABalytics.jsの使い方 ABalytics.jsの特徴 ABalytics.jsは他のスクリプトに依存せずに動作するJavaScriptで、クライアントサイドでコードを記述するだけで、Google Analyticsを使ったA/Bテストを簡単に実施できます。 サーバーサイドには何も設置する必要はありません。 設置が簡単! 作業はクライアントサイドだけです。 サーバーサイドの準備は何も必要ありません。 データは、Google Analyticsに保存されます。 エレメントのclassを加えるだけで、複数のパターンをテ
[Video] https://www.youtube.com/watch?v=HCR7i5F5L8c AngularJSのHype (盛り上がり感)があるようなので、GoogleのMisko HeveryとBrad GreenがGoogle I/O 2013でAngularJSの設計思想について語っているのを紹介します。 アプリ開発は、雛形構文(ボイラープレート)を利用しながらデータをブラウザとDBの間でやりとりさせるのが中心で、気づいてみると同じ雛形構文を書く作業をかなり繰り返している。コードを書いてる時間よりもコードを読んでいる方に時間がとられることも多い。この雛形構文を使った作業を極力減らして、アプリに付加価値をもたらすコーディング作業だけを抽出したいと思った。 コーディング作業が効率的になる構造が欲しかった。 フレームワークにテストを組み込むが、フレームワーク自身をきっちりテスト
MozillaがJavaScriptの実行速度を劇的に改善する新しい方法として提案したのがasm.jsです。 asm.jsはJavaScriptのサブセットと型アノテーションを定義し、事前最適化コンパイラで徹底的に最適化するとともに実行時チェックやガベージコレクションなどの実行速度の足を引っ張る処理を止めてしまうなどの手法で、JavaScriptを高速で実行できるようにします。詳しくは、記事「asm.js:コンパイラのための低レベルかつ高度に最適化可能なJavaScriptのサブセット」をお読みください。 asm.jsは6月末リリース予定のFirerfox 22で対応される予定です。 そしていまのところasm.js対応を表明しているのはMozillaのFirefoxだけですが、5月15日に米国で開催されたGoogle I/Oでは、Chromeでもasm.jsへの最適化が進められていることが
Coder for Raspberry PiはRaspberry Pi用のオープンソース・ソフトウェア(Apache Licnese 2.0)です。 Googleからまた一風変わったプロダクトが生み出されました。最近よく聞くRaspberry PiをWeb開発プラットフォームにしてしまうCoder for Raspberry Piです。 まずSDカードにcoderをインストールします。 インストールしたらcoderを立ち上げて、Webブラウザからアクセスします。最初にパスワードを設定します。 メイン画面で簡易的なチュートリアルが表示されます。 デモのアプリを開きました。これはその結果画面です。 こちらは編集画面。HTML/CSS/JavaScriptそしてNodeの編集ができます。 画像などのメディアをアップロードできます。 2ペインで実行結果の確認もできます。 別なデモ。アステロイドです
作成:2013/08/5 更新:2014/11/01 Web制作 > 食材を扱っているお客さんから、「ECサイト」を作ってくれと頼まれたので作成しました(事情により、CMSは使えず)。さらにメンテンスが楽になるように更新やSEOを自動化しました。今回は、CMS(WordPressとかEC-CUBEなど)を使わず仕組みを作るときに参考にした「プログラムサンプル」のまとめです。 プログラムの勉強にもなり、「へぇ~こんなことも出来るんだ」と思ったもの。今回は(PHP/jQuery/js)です。 エンジニア速報は Twitter の@commteで配信しています。 一般 画像/PHP 1.画像リサイズ 2.画像に字を書く 3.画像の拡大・縮小・サムネイル出力 4.グラフの描画 5.画像エフェクト25個 URL/PHP 6.ページのURLを取得 7.URLの中身(HTML)を取得 8.URL自動リン
ランディングページやバナーなどで、クリックされるテキストはどっちだろう? カラーを変えるとクリック率があがる? など、どちらがより効果的か検証することができるABテストを簡単に実装できるjQuery(Zeptoにも対応)の超軽量(2KB)プラグインを紹介します。
現在仕様策定中の次世代JavaScriptが備えるであろうクラスの継承やモジュール化機能を、いまのJavaScriptで実現するコンパイラ「Traceur」をグーグルが公開しました。 traceur-compiler - Google's vehicle for Javascript Language Design Experimentation - Google Project Hosting TraceurはJavaScriptで記述されたコンパイラとして実装されており、オンザフライでTraceur対応JavaScriptを現在のJavaScriptに変換、実行します。 具体的には、HTMLの先頭で「traceur.js」を読み込んでおくと、そのWebサイトではそれ以後、Traceur対応のクラスやモジュール化機能を備えた次世代JavaScriptをそのまま実行できる、ということになり
<textarea name="code" class="html" cols="60" rows="5"> <!-- Begin TranslateThis Button --> <div id="translate-this"><a href="http://translateth.is/" class="translate-this-button">Translate</a></div> <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript" src="http://x.translateth.is/translate-this.js"></script> <script type="text/javascript"> Trans
今やさまざまなWebサイトで使われ、すっかり地図の定番となったGoogleマップ。 コーポレートサイトや飲食店のサイトなどで、純粋に案内図としてページに埋め込むのが一般的ですが、中にはもっとおもしろい使い方で、ユーザーを楽しませているサイトもあります。 一例として、「hitotoki」というWebマガジンを紹介しましょう。hitotokiは、ある特定の場所に関するショートストーリーを地図と絡めて紹介するWebマガジンです。Googleマップをまるで独自に描いた絵地図のようにうまくサイトになじませ、「地理と文学を結びつけた町の文学地図」というコンセプトに合わせて効果的に活用しています。 今回は、このhitotokiのGoogleマップ活用法をお手本としましょう。 今回のお手本サイト: 『hitotoki―町の文学地図』 「場所」にまつわる読者の思い出を募り、地図と写真とともに紹介する投稿型の
2013-07-30 これは便利!!googleスプレッドシートのスクリプト機能でデータ管理+メール送信システムを作ってみた! GAS googleのスプレッドシートにちょっと書き加えるだけで、 メールが自動で送れたりとか、色々便利機能が作れる、『Google Apps Script』。エクセルのマクロみたいな機能ですが、JavaScriptで書くことができます。私はJavaScriptも書いたこと無いし、エクセルの関数も使ったことない程の超初心者だけど、簡単にできたよ〜。 社内用ツールとかさくっと作るのにすごく便利だと思います! つくったもの Amazonギフト券のコード管理+ユーザーへの配布システムを作ってみました。具体的には、まずAmazonで購入したギフト券コード(CSVでダウンロードできる)をコピペしたギフト券管理シートを作成します。 フォームから情報を入力すると、送りたい
DartはWebアプリケーションの開発を想定したプログラミング言語。実行方法として、JavaScriptに変換してWebブラウザ上で実行する方法と、専用の仮想マシンを搭載したWebブラウザで実行する方法が予定されています。グーグルはChromeにDartの仮想マシンを搭載する計画を検討中であることを明らかにしています。 Dartの設計方針は次のように説明されています。 Create a structured yet flexible language for web programming. Webプログラミングのための、構造的だが柔軟性のある言語を作る Make Dart feel familiar and natural to programmers and thus easy to learn. Dartを、プログラマにとって親しみのある自然で、学びやすいものとする Ensure t
「Google JavaScript Style Guide」に沿ってチェックしてくれる、グーグル製JavaScript文法チェッカー グーグルはJavaScriptコードのスタイルガイド「Google JavaScript Style Guide」を公開しており、同社自身もこのスタイルに従って開発を行っているとされています(スタイルガイドの日本語訳の例)。 このスタイルガイドに従った開発を支援してくれるツールがグーグルからオープンソースとして公開されました。同社のClosure Tools Blogのエントリ「Introducing Closure Linter」で紹介された文法チェックツールのClosure Linterです。 Closure LinterはPythonで書かれたツールで、コマンドラインから利用します。上記のエントリによると、次のようなJavaScriptをチェックに書
[速報]グーグル、Webアプリのマネタイズを提供、わずか5%の決済手数料。Google I/O 2011 グーグルがサンフランシスコで開催中のイベント「Google I/O 2011」。2日目の基調講演はWebがテーマになりました。Webアプリケーションでの課金、高速なゲームの実現、そしてChromeを搭載した専用のノートPCである「Chromebook」が発表されました。 2日目の基調講演の模様を紹介しましょう。 Chromeはさらに高速に 昨日に続いて、グーグル Senior Vice PresidentのVic Gundotra氏登場。Galaxy Tabは気に入ってくれたかな? 今日のテーマはWebだ。Chromeチームはスピード、セキュリティ、機能などに関してWebを前進させてきた。Chromeの今後について話をしよう。 Chrome担当、Senior Vice Presiden
グーグルは、Google Appsのプログラミング言語「Google Apps Script」に、ドラッグ&ドロップでユーザーインターフェイスを自由に構築できる「GUI Builder」機能を追加したと、Google I/O 2011のセッション「Developing Apps, Add Ins and More with Google Apps Script」で明らかにしました。 GUI Builderは無料でGoogleドキュメントを利用しているユーザーでも利用可能になっています。Googleドキュメントから任意のスプレッドシートを開き、[ツール]メニューから[スクリプトエディタ]を選択。起動したスクリプトエディタの[ファイル]メニューの[ユーザーインターフェイスを構築…」を選択すると、GUI Builderが起動します。 左側のオブジェクト一覧から、ボタンやラベル、テキストボックス、
先々週登場したグーグルの新ウェブブラウザー「Google Chrome」は速かった(関連記事)。その記事で、今後のブラウザー戦争はますます熾烈になってくると書いたが、その予想は正しかった。早くも強力なライバルが登場したのである。しかも、意外なところから。 これまで、PC向けのウェブブラウザーといえば、海外の開発元から登場するのが常だった。だが、日本にも世界に誇れる強力なブラウザーがあるのを忘れていないだろうか。「Lunascape」である。世界最速のJavaScriptエンジンを搭載した「Lunascape5.0α」(コードネーム:Genesis)が本日公開されたのだ。 なんとトリプルエンジン化 Lunascapeといえば、かゆいところに手が届くカスタマイズ機能を搭載して、ハードコアなネットユーザーの間で支持されているタブブラウザーだ。しかし、「Lunascape? ちょっと待て!」と考え
Mixpanel Mixpanelは、Google Analyticsと同じく、WEBサイトのアクセス解析ツールです。しかしツールの性質は、Google Analyticsとは大きく違います。Google AnalyticsがWEBサイトのあらゆるアクセスをガンガン突っ込んで大量のデータをなんやかんやしようとするのに対して、Mixpanelは比較的数の少ない特定のイベントなどに絞って使います。 全部を丸ごと見ようとするのではなく、特定の一部分をとにかく詳しく解析しよう、というイメージです。 導入はものすごく簡単 登録は名前とメールアドレスとパスワードだけ。簡単です。 Google Analytics同様に、JavaScriptが発行されるので、自分のサイトに埋め込みます。JavaScriptなので、トークンが見えてしまっていて、自分以外の人でも解析データ投げ込めるような気がします。 (fu
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く