全部クライアントサイド JavaScript で実装されててメモは Google Drive に保存される Markdown メモツール作った。 - Diary
全部クライアントサイド JavaScript で実装されててメモは Google Drive に保存される Markdown メモツール作った。 https://memopad.ssig33.com/ 以前から自分専用に使ってたメモツールがあったのだが、これにつかってた MySQL が落ちて、その MySQL の復帰のしかたはメモツールにしか書いてなかったみたいな頓知みたいな事態が起きてキレて作った。 バックエンドを自前のサーバーからクライアントサイド向けの Google の API Library に置き換えるだけなのでわりとシュッと出来てよかった。 React のおかげで本当にこういうのはめちゃくちゃ簡単になった。 HTML と JS は S3+Cloudfront でデプロイしている。これでやってる。 サイトの説明にも書いてるけど、あらゆる機能がクライアントで動くように実装されている
google-apps-script - Google Apps Scriptをローカルで開発/管理 MOONGIFT
Google Apps Scriptを使うとGoogleスプレッドシートやドキュメントなどの自動操作ができるようになります。若干特殊なJavaScriptにはなりますが、デバッグ実行もできるので開発もしやすいです。難点はコードをすべてWeb上で書くという点です。 開発をローカルで行いたいという方はgoogle-apps-scriptを使ってみましょう。 google-apps-scriptの使い方 createオプションを使ってコードを生成します。 $ gas create gas-test Creating 'gas-test' in your Google Drive... [✔] [1ePybn623IqFsWw7qmIGQnfFxX5lVDMJ_hbMIuaSIwub9Sj29i1aIj1ax] gas-test 後はコードを変更するだけです。listで既存のスクリプトが一覧できま
gapps を使って Google Apps Script を継続的にデプロイする - kakakakakku blog
最近 GAS (Google Apps Script) を書く機会があって，Google 関連のリソースに簡単にアクセスできて便利だなー！と感じる反面，直接 js を書いて実行する開発プロセスに違和感を感じていた．普通に GitHub でバージョン管理して，継続的にデプロイする方法を探していたところ，専用の公式ツール gapps を知って，実際に使ってみたら便利だったので，紹介する． developers-jp.googleblog.com gapps (node-google-apps-script) gapps を使うと GAS を CLI でデプロイできるようになる．あまり難しいところはなく，README の通りに進めていけば使えるようになる．ザッと手順を残しておく． github.com gapps をインストールする npm で簡単に使えるようになる． $ npm install
広告費用を自動取得し100時間分の作業をなくす話 - astamuse Lab
初めまして、こんにちは。白木と申します。デザイナーです。 普段は開発・デザイン部の管理やマーケティング部門との橋渡しをしています。業務ではMTGの時間がもっとも多く、隙間でコード書いたりデザインしてます。 今日は弊社のマーケティング部門の作業を一部自動化したお話をします。 本稿は背景・経緯・設計・実装についてお話しますので、実装だけに興味ある方は少しスクロールして「STEP4. さぁ、実装だ！ 」あたりからお読みいただくとよいかと思います。 Webマーケティングの作業はとても手間がかかる みなさんご存知のとおり、Webサービスの運用はWebマーケティング、とりわけリスティングなどの広告とは無縁でいられません。依然としてSEOも強力な手法ですが、短期的に数字を重ねるならやはり広告が王道です。 弊社でもGoogle、Yahooをはじめとしたさまざまな広告を使っており、これらを機動的・効果的に運
ユーザ動向をトラッキングしサイト改善につなげる·Analytics.js MOONGIFT
Analytics.jsは多数のアクセス解析、トラッキングサービスを一元管理するためのJavaScriptライブラリです。 Webサイトのアクセス解析と言っても色々な分析が求められます。Google Analyticsは優秀ですが、それだけで十分という訳ではありません。そこで使ってみたいのがAnalytics.jsです。 実行の定義です。多数のサービスを一元管理できます。 ユーザを特定してアクションを取得する場合です。 Analytics.jsではGoogle Analytics、Mixpanel、Intercom、Customer.io、Olark、Chartbeatといった解析エンジンを一つにまとめて使えるようにします。アクションやユーザデータ、商品の価格などをトラッキングしておいて解析に役立てると言ったことも可能です。 Analytics.jsはJavaScript製のオープンソース
Googleの二段階認証用のキーをJavaScriptで生成·GAuth Authenticator MOONGIFT
GAuth AuthenticatorはGoogleの二段階認証用のキーを生成するWebアプリケーションです。 Googleの二段階認証を有効にしているとGmailなどにログインする際にAuthenticatorというアプリを使ってワンタイムパスワードを入力する必要があります。そのワンタイムパスワード生成をWebベースで行えるのがGAuth Authenticatorです。 デモの画面です。 追加の画面です。 Google Chromeアプリ版もあります。 追加してみました。面白いのはiPhoneアプリ版と同じ数値がちゃんと出ていることです。 GAuth AuthenticatorはJavaScriptを使ってワンタイムパスワードを生成します。実際iOSアプリと同じ数字が出てきますので、Googleの各サービスでキー入力を求められた際にもアプリを立ち上げる必要がなく便利そうです。 GAut
Google Maps JavaScript APIを利用したジオコーディングの実装について - プログラミングノート
地名, 住所から緯度経度を検索したいと思い、まずはCoreLocation frameworkのCLGeocoderを利用してみました。 CLGeocoder *geocoder = [[[CLGeocoder alloc] init] autorelease]; [geocoder geocodeAddressString:@"東京タワー" completionHandler:^(NSArray* placemarks, NSError* error){ if(error){ NSLog(@"%@", [error description]); return; } NSLog(@"%@", [placemarks description]); }]; 検索箇所だけを抜き出すとこれだけなので、かなりお手軽でいい感じだったのですが、残念ながら検索DBがまだあまり充実していないらしく、プロダク
HTML5でFlash不要のYouTube作ってみた (1/7)
本記事で作成するサンプル。HTML5 Videoを使ってビデオを再生している。Safariではフルスクリーンモードにも対応 これまでブラウザーでビデオを再生するには、Flash Playerなどのプラグインの力を借りなければなりませんでした。ところが、現在策定が進められている次世代のWeb標準規格「HTML5」では、ブラウザー標準の機能だけで手軽にビデオを再生できます。 「HTML5 Videoって使われているの？」と疑問に思う方もいるかもしれません。実は、動画共有サイトの「YouTube」が、HTML5を使ったビデオプレーヤーを試験的に公開しています。以下のページにアクセスすると、HTML5版のビデオプレーヤーでYouTubeのビデオを閲覧できます。
「Google JavaScript Style Guide」に沿ってチェックしてくれる、グーグル製JavaScript文法チェッカー
「Google JavaScript Style Guide」に沿ってチェックしてくれる、グーグル製JavaScript文法チェッカー グーグルはJavaScriptコードのスタイルガイド「Google JavaScript Style Guide」を公開しており、同社自身もこのスタイルに従って開発を行っているとされています（スタイルガイドの日本語訳の例）。 このスタイルガイドに従った開発を支援してくれるツールがグーグルからオープンソースとして公開されました。同社のClosure Tools Blogのエントリ「Introducing Closure Linter」で紹介された文法チェックツールのClosure Linterです。 Closure LinterはPythonで書かれたツールで、コマンドラインから利用します。上記のエントリによると、次のようなJavaScriptをチェックに書
これで自前でGoogleカレンダーを持てる！jQuery＆PHPで実現されたプログラム:phpspot開発日誌
これで自前でGoogleカレンダーを持てる！jQuery＆PHPで実現されたプログラム 2010年06月07日- Plugins | jQuery Plugins これで自前でGoogleカレンダーを持てる！jQuery＆PHPで実現されたプログラム。 なかなかリッチなUIとGoogleカレンダーばりの操作性を持つ便利なスクリプトになっています。 Googleカレンダーに登録するのもよいのですが、ちょっと外部に流したくないこととかも結構あるので、自前で構築したいというニーズもあるのではないでしょうか。 タイムライン上をドラッグ＆ドロップして予定を入れられます。ポップアップがでるので予定を入れます。日本語もOK 見ての通りUIもなかなかいい感じです。 スケジュール管理等に活用できますね。 関連エントリ GoogleカレンダーみたいなカレンダーをjQueryで一瞬で作成できる「jquery-w
オンラインコラボレーションエディタ·Etherpad MOONGIFT
EtherpadはJava製のオープンソース・ソフトウェア。Google Waveを使ってオンラインのリアルタイムコラボレーションを推進するGoogleが先日、Etherpadで知られるAppJetを買収した。Googleによる買収はさほど珍しいものではないが、買収されたサービスが閉鎖されるケースが多いのが懸念された。 複数人でのリアルタイムコラボレーション だがEtherpadを開発するAppJetはEtherpadをオープンソース化することをGoogleに条件として提示し、Googleもそれを了承した。そして意外と早くそれは実現し、Google Code上に公開されることになった。それが同名のEtherpadだ。 EtherpadはJava + MySQLで構築されているオープンソース・ソフトウェアで、Web上でエディタを開き、複数人で同時にコラボレーションができる。ユーザ登録は不要で
Google、Gmailを作っているJavaScriptライブラリを公開 | エンタープライズ | マイコミジャーナル
The Closure tools help developers to build rich web applications with JavaScript that is both powerful and efficient. Gmail、Google DocsなどGoogleが提供しているWebアプリケーションのクライアントサイドのほとんどはJavaScriptで開発されている。これはGoogleのサービスを支える門外不出のコードのように思えるが、5日(米国時間)、これらGoogleのWebアプリケーションを支えているソースコードがClosure Toolsの名称で公開された。公開されたツールは次のとおり。 Closure Compiler JavaScriptをよりコンパクトで高性能なコードへ変換するコンパイラ。使われていないコードの削除やミニファイを実施する。文法、変数参照、
Google APIがブラウザーで試し放題！
Google Maps、Earth、Search……と、ものすごい数のAPIを公開しているグーグル。それらをマッシュアップして新しいサービスを作ったり、Webページに埋め込んで呼び出したりといった作業をするときに、それぞれのドキュメントやサンプルをいちいち調べるのは面倒だ。そこで活用したいのが、グーグル謹製の「AJAX APIs Playground」だ。 AJAX APIs Playgroundは、ブラウザー上でGoogle AJAX APIのサンプルコードを試せるサービス。単にコードを見るだけではなく、その場で編集してすぐに実行結果をプレビューできるスグレモノだ。 使い方は簡単だ。まず、「Pick」と書かれている左カラムから使いたいAPIを選択する。ツリー状に分類されているリストから選べるほか、検索窓にキーワードを入れても探せる。APIを選択すると、今度は右カラムの「Edit」にJav
AdSense 広告をクリックしてくれたユーザーの情報を取得する方法 - 頭ん中
Google AdSense 広告の管理画面では 何月何日にどのチャンネルの広告が 何回表示されたかとか何回クリックされたかとか その程度のことはわかるけど どんな人がクリックしてくれたかがわからない。 ホスト名とか OS やブラウザの種類とか。 （ここ追記） この機能が提供されるようになるので、 Inside Adsense – 日本語: Analytics で AdSense データを解析 個々のユーザーの行動追跡をするのではなく 全体像がわかればいいという場合は 正規に提供される機能でよさそうです。 よかったですね。 が、こちらで少し細工してやれば 一人ひとりのユーザー情報について ある程度までなら取得できるし クリックした人にだけなんやらかんやらしたりもできる。 多少の取りこぼしはあるし余分な情報もまじるけど。 できると言っているだけであって、 やっていいかどうかは知りません。 多
GData JavaScript のクロスドメイン通信の解析 - snippets from shinichitomita’s journal
以前の続き。JavaScriptからプライベートデータの参照、更新が出来る。Google Account Authenticationの仕組みを利用している。この前動かなかったサンプルはいつの間にか動くようになってた。 最初プロトコルは勝手にJSONPと思ってたけど、中身見てみたらIFRAME 使った fragment identifier (window.location.hashの値、URLの＃以降)による通信だった。たしかに、IEで音をONにしたらクリック音カチカチする。ちなみにfragment identifierによるクロスドメイン通信は他にdojoがライブラリとして実装しているのは知っているけど、これだけ大々的にサービスで使われてるのを見たのは初めて。もっとも、ブラウザでクロスドメイン通信を達成する方法のうち現時点でもっともマシなのはこれじゃないかという意見もある。 解析してみ
Google Maps 入門
Google マップはグーグルが提供している地図サービスです。この Google マップをカスタマイズして独自のマーカーを表示させたり、指定した区間のルート検索を行ったりすることができるように色々な API が提供されています。ここでは Google マップで提供されている API の中でもウェブサイトで利用者が操作可能な地図をカスタマイズして表示することができる Google Maps JavaScript API の使い方の解説します。 ※ Google マップを利用者として使う場合の使い方については「Googleマップの使い方」を参照されて下さい。 なお JavaScript の基本的な使い方については「JavaScript入門」を参照されてください。
Google Gears 0.2登場 - 他ドメインのリソースが利用可能に | エンタープライズ | マイコミジャーナル
29日、Google Gearsの新バージョン0.2がリリースされた。 Google Gearsは、オフラインでも動作するWebアプリケーションを作成するために必要な、一連のJavaScript APIを提供するためのブラウザプラグイン。ユーザはプラグインを導入すれば、インターネットに接続していなくとも、Gearsに対応したサイトを利用することができる。 対応プラットフォームは、Windows版Internet Explorer、Windows/Linux/Mac OS X上のFirefoxとなっている。 Gearsが現在まで提供していた機能は以下の3つであり、GearsをインストールしたWebブラウザ上では、これらの機能をJavaScriptから取り扱うことができる。 ローカルサーバ - Webページをローカルにキャッシュし、オフラインでも閲覧するためのモジュール データベース - 組み
Bridge Word
This shop will be powered by Are you the store owner? Log in here
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
長文日記