株式会社スタンバイでフロントエンドエンジニアをしている川野です。 フロントエンドエンジニアという役割を担っていますが、最近では開発者体験や開発生産性というところに興味があり、そのあたりの改善にもよく取り組んでいます。 はじめに 私たちのチームでは、Google Apps Script (GAS) を利用して、非エンジニアの人たちがシステムにスプレッドシートのデータをアップロードできる仕組みを構築しています。 GAS は手軽に開発でき、プロジェクト開始当初の小さな要求を満たすには十分なものでした。 しかし、プロジェクトが進むにつれ次第に要件が増えていき、GAS で対応するのが大変になるほど複雑になってきました。 また GAS では、型の恩恵を受けることが難しかったり、エディタのサポートが満足いくものでなかったりし、増大していく複雑さに立ち向かうのが難しくなってきました。 このような課題を解決

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? slackあるある ※※お知らせ※※ 今後、備品購入を希望される方は当チャンネルで ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 【購入品名】　： 【購入URL】　： 【購入承諾者】： 【納品希望日】：2019/mm/dd 【備考】　　　： ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ というフォーマットを使って下さい。 (ピンどめしておきます) 現実は・・・ フォーマットを自己流に改変する人 そもそもフォーマットを使ってくれない人 別のチャンネルで依頼する人 etc..... 解決策 今後、備品購入依頼は 当チャンネルで /bihin と投稿し、 表示される

Introducing Speed Demon Have you ever worked on your website performance, cheered as improvements were made, and rejoiced as the site got faster… only to discover, a few months later, that your site speed has regressed? Maybe your site is now slower than ever! People often use WebPageTest to test site speed. Give WebPageTest a URL, and it loads that web page on a real device and returns metrics on

【中国語学習小ワザ】ピンイン付き単語帳を「スプレッドシート」で自動作成!? Google翻訳関数とアドイン「Hanyu Pinyin」活用術 2018.09.12 中国 Google, IT, お役立ち, 中国語, 学習 by kaeritai.asia 外国語を学ぶ生活の中では、「今日はいくつ言葉を覚えた？」と自問し続けることが大事だと聞いたことがある。 ところで、中国語を学習する上で難所の一つとなるのが、単語とその発音の対応である（筆者見解）。 生活の中で、例えば声調の記憶が曖昧で、ネイティブにうまく発話が伝わらなかった経験は、中国語学習者のほとんどがあることだろう。その場は上手くフォローしても、後になって復習が有耶無耶になり、再び同じ過ちを繰り返すこともしばしばある。 なんとかこの日々の失敗経験を活かすことはできないか……と考えた筆者は、上手く覚えていなかった単語をストックして復習す

はじめに 2010年12月に彗星のごとく現れたWebサービス同士のマッシュアップサービスIFTTT。 「if (this) then (that)」と言うシンプル極まる構文で手軽にWebサービスが連携出来るのが特徴です。 IFTTTは様々なWebサービスをサポートしており、ちょっと挙げるだけでもTwitter、Evernote、Google Drive、Skypeなどの有名どころから、ナニコレ？ってものまで実に多彩です。 加えて、IFTTT独自のサービス群も魅力的です。 スマホ通知、Alexa・Google Homeの音声入力、スマホのウィジェット（メモ、ボタン、写真）など。 それらを前述のシンプルな構文で自由に組み合わせられるのが、IFTTTの魅力だと思います。 IFTTTの弱点 シンプルさが売りのIFTTTなのですが、それがそのまま弱点にもなっているという印象です。 例えば「為替の情報

3分間でサーバーを用意し、APIを実装して世の中に公開するまでの手順を録画しました。（一発撮りなのでタイポ多くてすみません。。。） 一連の動画は以下からご笑覧いただけますと幸いです。 https://youtu.be/h1wuGsaJZa4 qiita では gif 動画だと 10MB 以上はアップできないっぽいので、4分割にしてそれぞれ何をしているか解説します。 ハッカソンやプロトタイプの作成、新規事業での仮実装...etc などの実装スピードが勝負の明暗を分けるシチュエーションにお役立て頂けますと幸いです。 しょっぱなからネタバレで大変恐縮ですが Google Apps Script を使います。。。 PART 1 Google Drive で SpreadSheet を新規作成(0秒~33秒) Drive を開いて SpreadSheet を新規作成 「ツール」 -> 「スクリプトエ

はじめに Connpassの通知、いい加減メール以外にも対応してほしい...。 Slackとまでは言わないからせめてLINEも選択肢としてとれるようにしてほしい... そんな欲求、ありますよね？ はい、例によって例のごとくGASで作りました。 このスクリプトでは、 こんな感じのボタンが含まれているメールを こんな感じでSlackに通知します。 逆に言うと例のボタンが含まれてないやつは対象外になるので注意してください。 (そんなのは嫌だ！って人はスクリプトをいじってください) Gmailの設定をしよう といってもやることは２つだけ connpassのラベルを作る フィルタ機能でconnpassから来たメールは受信トレイをスキップしてconnpassのラベルつけて既読にする フィルタ具体的な設定は↓のような感じ これでGmail側は準備完了 SlackのIncoming Webhooks設定を

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

gas-clasp-starter という Google Apps Script を ローカル環境で開発するためのテンプレートを作りました。 2018年に登場した、google/clasp をベースに webpack, TypeScript, TSLint, Prettier, Jest を利用したテンプレートになっています。 GAS って新しい構文で書けないしソース管理もできないから微妙 もっと便利に利用できないかな みたいな方に読んでもらえれば幸いです。 本記事では、gas-clasp-starter を使うことによるメリットや、利用する際の流れを解説します。 ブラウザ上のスクリプトエディタで開発するのではだめなの? 小さなコードならスクリプトエディタで十分です。 ただし、ある程度のコードになる場合はローカル環境に切り替えたほうが良いでしょう。 GAS は JavaScript ベース

外部のサービスからの通知を WebHookで受け取ってちょっとした処理をしたいことってたまにありませんか？ たとえば、アプリのクラッシュログを解析するFabricの Crashlytics には、新しいクラッシュが発生したり特定の閾値を超えると WebHookで通知してくれる、つまり特定の URL にPOSTを発行してくれる機能があります。 これを上手く使うと、下の図のように「新しいクラッシュが発生したら Backlogなどのチケット管理サービスに自動登録」といったことができそうです。 もちろんCrashlyticsから BacklogのAPIは直接叩けないので、このように WebHookを使ってこちらのサーバを叩いてもらい、そのサーバがあらためて Backlogの APIを使ってチケットを登録する、というよう感じになります。 以下は実際のClashlyticsの管理画面です。WebHoo

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

スマートスピーカー Advent Calendar 2017 の16日目です。急遽参戦してみます。よろしくお願いします。 IFTTTだけを使ってGoogle Home(Google Assistant)とTrello(タスク管理アプリ)を連携して、Trelloのリストにタスクの追加ができますが、日本語だとちょっと使いづらいです。なぜなら... この画像のように、「てにをは」のような助詞や半角スペースが混じったり、「納豆 と 豆腐 を」のように、「 と 」で分割してタスク登録してくれなかったりして、ちょっと微妙です。 この画像の例だと、以下のようにタスクが登録されることが理想だと思います: リンゴ みかん 納豆 豆腐 みずほ銀行に行く 部屋の掃除 洗濯機の買い替え そこで、Google Apps Script(以下、GAS)を経由してGoogle Homeから受け取った文字列をいい感じに加工

好きなモノは酒と女とラーメン、LIFULLのてぃば(@rechiba3)です。 弊社にはふたりの千葉がいますが、私のことは“人妻の方の千葉”で覚えて下さい！ はじめに この記事はLIFULL Advent Calender2017　その2の4日目の記事です。 今年の１月に誤って天使を地上へ産み落としてしまいまして、そりゃもう、毎日が幸せです。 天使は生後〜２ヶ月ぐらいは１５回／１日ほどおむつ交換の必要があり、それからは徐々に１０回、６回と減っていきます。 はじめは、おむつを替える度に育児手帳のような紙に記録していたのですが、ペンを持って時間を見て、印を付けて…といったフローが億劫でした。 なのでGoogle Homeを利用して記録できるようにしました。 ちなみに記録する目的 夫婦の共有のためです。 いつ交換したか、うんちは出ているか、便秘ぎみか、軟便ぎみか、などなど 娘の健康のために把握し

はじめに この記事は1年近く前に投稿された「社内の備品貸出にTSUTAYAのレジ風システムを導入した」を ぱくって リスペクトして作ったシステムのお話です。 クライアントはAndroid(Kotlin)、サーバーはGASを使うことで短期間(2,3日くらい)で作成できた。 システム名は「たんまつ管理さん」 (こらそこ、ダサいとか言わない) なお、この記事投稿時点ではまだ運用してないです。 システムの構成図 サーバー側の窓口をGASで実装。 GASがGoogleSpreadSheetと連携することで端末のデータを保存したり更新したりする GASのスクリプト定期実行を利用して貸出期限切れがないかを定期的にチェック。期限切れがあれば即メールが飛ぶようになってる(組織によってはSlackとかでもいいかも) サーバーを社内に置いていないのでスマホが社内ネットワークに繋がっていないと〜的なことが一切ない

Google Apps Scriptは非常に便利な反面、 悩まされるのがソースコードの管理です。 今回、gas-managerという、GASのコードをインポート/エクスポートできるツールを使ってみたので 使用方法をまとめてみました。 gas-managerのリポジトリはこちら。 https://github.com/soundTricker/gas-manager (2016/01/31追記) gas-manager と同等の機能を提供する node-google-apps-script という CLI が Google Developers Japan のブログで紹介されてました。 そちらについては以下の記事にまとめました。ご参考まで。 GoogleAppsScriptローカル開発用の公式CLI(node-google-apps-script)がついに登場したので試してみる (追記ここま

が良いかなーと思っています。 開発環境編 ざっと感覚値を書くと、 あまり複雑でない、小さめなアプリケーションや、ローカルで開発するメリットがあまり感じられない場合 ScriptEditorで作ったほうが良いです。 どうしてもバージョン管理したい、altJSで開発したい、Container Bound Scriptの開発じゃない Eclipseやその他サードパーティツールなどローカルで開発 初めてならやめておいたほうが良い。 ScriptEditor GASの開発環境は通常はScriptEditorになると思います。 僕もよくGoogleのAPIを利用するスクリプトを書く場合はScriptEditor上で開発します。 ScriptEditorでは各種ショートカットがありますので、手前味噌ですがこの記事を見ておくと良いと思います。 Eclipse 統合開発環境として有名なEclipseでもGA