ホーム / ハック / node.jsから非公開のGoogle Spreadsheetを操作するnpm

The most popular Google Sheets API wrapper for javascript / typescript multiple auth options (via google-auth-library) - service account, OAuth, API key, ADC, etc cell-based API - read, write, bulk-updates, formatting row-based API - read, update, delete (based on the old v3 row-based calls) managing worksheets - add, remove, resize, update properties (ex: title), duplicate to same or other docume

Send feedback Node.js quickstart Stay organized with collections Save and categorize content based on your preferences. Quickstarts explain how to set up and run an app that calls a Google Workspace API. Google Workspace quickstarts use the API client libraries to handle some details of the authentication and authorization flow. We recommend that you use the client libraries for your own apps. Thi

注：古い記事の為、内容が最新ではない可能性がありますm(＿ ＿)m マツウラです。 前回の続きになります。 今回はGoogleDriveに保存してあるスプレッドシートのデータを取得します。 実行環境は次の通りです。 Node.js 0.10.25 Google APIs Client Library for Node.js(alpha) 0.4.7 GoogleSpreadsheetsAPIはスプレッドシートのデータを読み込み、変更することができるAPIです。 このAPIはGoogle Data APIに数あるAPIの中の１つになります。 Google Data APIのクライアントライブラリがあるのですが、残念なことにNode.js用はありません。（2014-02-10現在） そこで多少なりとも手軽にするためOAuth用に、 API Client Libraries  |  Google

node.jsでGoogle Spread Sheetにアクセスその２ OAuth2でGoogle Spreadsheetにアクセスする 前回はサービスアカウント形式の認証とシート共有を使ってGoogleスプレッドシートにAPIでアクセスしました。 しかし、この方法の場合、セキュリティによりシート共有を制限している場合などには使用できません。 Googleでは他にもいくつか認証方法があり、今回はOAuth2を使用してスプレッドシートにアクセスする方法について紹介します。 環境構築方法 今回使用した動作環境は以下のとおりです。 OS : MacOS X 10.10.5 Node : v4.1.2 データとAPIを使用する準備 1.シートの用意とGoogle Developer コンソールにてAPI許可 前回と同じシートを使用します。 Drive APIの許可をしてないなら、許可しておきましょ

概要 GASと言えば、「Google Apps Script」のGASです。 「Apps Script Execution API」という新しいAPIが使えるようになったそうなので、このAPIを使って、外部環境からGASの関数を実行するというサンプルをご紹介します。 特にスプレッドシートをクラウド型の簡易データベースのように使えることも想定して、 とりあえず表からJSON出力して、「Execution API」で外部のNode.jsから実行するという内容をやってみました。 以下は実装のイメージです。 要は外部から実行する上で「認証」のあたりが重要なポイントで、この「Execution API」を使う事でOAuth認証で気軽に外部からGASにアクセスが可能となります。 今回はGASでスプレッドシートにアクセスしていますが、もちろんGASはカレンダーとか他のアプリケーションの操作もできます。

こんにちは、フロントエンドエンジニア（Angularおにいさん）のいなばです。 最近は「レッドブルしか入ってない自販機が社内にあればいいのに……」と思いながら仕事をしています。 さて、案件でちょろっとGoogle App Script（GAS）を触る機会がありました。Google App ScriptとはGmailやスプレッドシートなど、Googleが提供しているサービスのAPIをJavascriptで利用するクラウド型スクリプトのこと。Google App Scriptを用いることで、Googleのサービスを自由に拡張できたり、他サービスと連携することができます。 Google App Scriptについて詳しく知りたい方は、こちらをまずご一読ください。 今回はGoogle App Scriptを使って、スプレッドシートからJSONを生成する手順をご紹介いたします。 はじめに： スプレッ

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

構造化データ　マークアップは、MicrodataやRDFなどを利用して、schema.orgやMicroformatsなどのスキーマを設定する手法です。 構造化データ マークアップを行うことで、Googleのリッチスニペットの露出を高めるなどの効果が挙げられます。 Googleが提供しているツールを利用した構造化データ　マークアップの導入方法を紹介します。 今回の目標 Microdataなどの具体的なマークアップの方法にはあまり触れず、ツールを利用して、構造化データ　マークアップを行います。 またGoogleの検索におけるリッチスニペットの最適化を目標としています。 リッチスニペット スニペットとは、検索結果の表示される数行のテキストのことですが、さらに詳細な情報を表示したものが「リッチスニペット」になります。 Googleの検索結果でパンくずリストや商品画像、レビューなどが表示されるのを

Noto is a collection of high-quality fonts in more than 1,000 languages and over 150 writing systems.

iPhoneとGoogle Calendar共有 iPhoneのカレンダーとGoogleカレンダーの共有は便利ですよね。ずっと昔に、やり方も書きました。 上の記事にも簡単に書いてあるのですが、iPhoneカレンダとGoogleカレンダの共有した上で、共有カレンダーを使ってカレンダを共有すると凄い便利です。 共有カレンダーを夫婦で使用するとこんなに便利！ 例えば、最近私は仕事で出張が増えたのですが、遅くなる時は晩ご飯は駅弁ですませるので、晩ご飯はいらないわけです。そんなとき、出張の予定と晩ご飯いらないという内容をカレンダーに入れておけば、瞬時に妻にもその内容が共有されるので、妻は私が出張で遅くなることと晩ご飯用意しなくてもよいことがいつでも確認出来るわけです。あ、もちろんちゃんと直接会話して伝えることも忘れずに！カレンダ機能だけに頼ったらダメですよ！ 他にも飲み会の予定や、逆に妻の女子会を知

Googleのサイト内検索（カスタムサーチ）機能を、JavaScript使わずに実装する方法です。Jsで呼び出す方式と比べてCSSの上書きがないため体感的に早くなります。 サイト内検索エンジンとしてGoogleカスタムサーチを導入したら思いのほか描画に時間が掛かって戸惑いました。正確に言うと、読み込み時間は大したことないんだけどレンダリングがカクカクします。コードが展開される過程でCSSが上書きされてるようです。こう言うのすごく気になる…。(´・ω・`) そこで発行されたウィジェットコードを眺めながら、「このJavaScriptが邪魔なんだよなぁ…」と勝手にタグを書き換えていたら出来てしまいました。何がって、HTMLだけでリクエストできるサイト内検索フォームです。 FORMタグのみ！JavaScript不要のGoogleカスタム検索 HTMLだけで余計な物を読み込んでませんから、適切な位置

ユーザの閲覧環境にかかわらず同じ見た目で表示してくれて、しかも超絶カッコイイとあって、爆発的な勢いでウェブ界を席巻しつつあるGoogleフォント。 今回の記事では、そのGoogleフォントの中でも特におすすめの40フォントを雰囲気・用途別に分類し、紹介していく。 紹介の前に フォント選びの基準とコツ ロゴ用と文章用の区別 Googleフォントは重い？ 万能フォント 技術系 ロゴ用 文章用 美容・ファッション系 ロゴ用 文章用 飲食・料理系 ロゴ用 文章用 スポーツ系 ロゴ用 学問系 ロゴ用 文章用 生活系 ロゴ用 文章用 Googleフォントの導入方法解説 Googleフォントにアクセス 使用したいフォントをコレクションに追加する 選んだフォントの詳細情報を指定 WebページにGoogleフォントを導入 CSSファイルにコピペし、Googleフォントを実装！ 紹介の前に フォント選びの基準

はじめに 僕が勤めているソニックガーデンではメインの情報共有ツールとしてyouRoomを使っています。 普通の一般企業がメールでやりとりする内容の大半はyouRoomで完結させているので、メールの依存度はあまり高くないと思いますが、それでもメールを全く使っていないわけではありません。 システム関係の通知や社外から問い合わせ等ではメールを使っています。 メールは僕個人宛てのメールだけではなく、グループアドレス宛てのメールも届きます。 システム通知系のメールや、グループアドレス宛てに届いた全くの興味のない宣伝メールなど、それなりの種類、量のメールが届くので、これまでもGmailのフィルタ機能を使って自動的に分類を分けるためにラベルを付けたり、価値のないメールを削除したりしていました。 ただ、このフィルタの設定がこれまで非常にアドホック(付け焼き刃、その場しのぎ)だったというか、フィルタを使いた

コーディング向けの日本語対応の等幅フォント「Sourceソース Hanハン Codeコード JPジェイピー（和名：源ノ角ゴシック Code JP）」が、2015年6月4日に公開されました。「源ノ角ゴシック Code JP」は、プログラミングやHTML/CSSのコーディング、ターミナルでのテキスト表示など、和欧表示用フォントとしての利用を想定されたフォントです。 ダウンロードはこちらから Release Fonts (OTF, OTC) · adobe-fonts/source-han-code-jp · GitHub ※このフォントは無償でダウンロード可能です。OTCとTTFの両方のフォーマットで配布されているので、Windows/macOSともに簡単にインストールできます。 ※上記リンクの「Fonts version ［バージョン番号］ (OTF, OTC)」となってい箇所の［Sourc

Googleアナリティクスは、Googleが無料で提供しているウェブサイト分析ツールであり、多くの企業や個人が導入しています。 しかし、Googleアナリティクスは、簡単に導入できるということもあり、最初にトラッキングコードだけ設置して設定などは特にしていない、となっているサイトも多いのではないでしょか。 Googleアナリティクスをうまく活用すれば、他の有料の分析ツールに負けないくらいの機能を利用することができます。 今回は、トラッキングコードを設置した後、一番最初に設定しておくべき4つの基本設定をご紹介します。 Googleウェブマスターツールと連携する サイトに関する様々な情報を知ることができるGoogleウェブマスターツールですが、Googleアナリティクスと連携すると非常に便利です。 【Googleウェブマスターツールについては下記参照】 【保存版】Googleウェブマスターツー

なぜなに篇とWebプラットフォーム篇ではBlinkに至った背景や、Blinkの互換性への取り組みについてだーっと書いた。 今回はBlinkの登場が何にどんな影響を与えるか、だらだら考えてみる。 Chrome すでに色々書いてはいるけれど。 WebKitから離れ、Chrome専用エンジンとなるので、これまでWebKitでは合意を得られなかった機能について抵抗なく入れられるのはGoogleにとってはよいことだろう。Pointer EventsとかIME APIとか。Launch Processのもとでだけど、試験実装は進めやすくなる。 WebKitから離れることでの最大の損失は、WebKitに参加している人のタレントだろう。BlinkチームのQ&Aセッションによると、BlinkとWebKitとの間に「フォーマルな関係」はないとのこと。パッチを自動的にやりとりするような仕組みは用意されないから、

よいサブタイトルが思いつかなかった。 Blinkでは、HTMLとかCSSとかDOMなどへの機能追加について、互換性、オープン標準、透明性を重視したガイドラインが設けられ、それが強くアピールされている。 Throughout this transition, we’ll collaborate closely with other browser vendors to move the web forward and preserve the compatibility that made it a successful ecosystem. In that spirit, we’ve set strong guidelines for new features that emphasize standards, interoperability, conformance testing a

4月3日、GoogleがChromeに使っていたWebKitをフォークした新しいエンジンBlinkを発表した。 …だいぶ出遅れたのでとても書きづらいけれど、自分の理解のために書く。ただいろいろあるので、まずはWebKitをフォークするに至った経緯と、Blinkの概要について。 追記 (2013-04-30)：別途ふたつエントリを書いたのでそちらもどうぞ。 Chromeの新エンジンBlink ― Webプラットフォーム篇 Chromeの新エンジンBlink ― どうなるんだろう篇 “Chromium port”としての負担 アナウンスしたAdam Barth曰く、Chrome開発時点でのWebKit採用は正しく、WebKitも大きく成長したと。 Chromium Blog: Blink: A rendering engine for the Chromium project ただ、開発を続け