Figmaプラグイン「Google Sheets Sync」を活用したSNS投稿用画像生成 - 食べチョク開発者ブログ
こんにちは松久です。 「生産者さんだから知っている そのままおいしい野菜の食べ方」が先日発売されました。本には生産者さんからの知恵が色々掲載されています。そこで、生産者さんが本の紹介をX（旧Twitter）やInstagram で投稿しやすいように、生産者さんごとの投稿用画像を用意することになりました。 この本には生産者200名ほどの方が掲載されています。そのため、生産者さんごとに掲載されているページや、品種・品目の情報がある画像を用意する必要があります。そこで、Figma の「Google Sheets Sync」を使って投稿用画像を生成することにしました。 導入までの流れ 作成までの全体の流れは以下のとおりです。 Figma でテンプレートを作る 表示するデータを用意する Figma に「Google Sheets Sync」を入れる 実行 Figma でテンプレートを作る Figma
スプレッドシートとAWSでコストかからない業務システムを作る設計TIPS
はじめまして @shimma です。本業はD2C企業のCTOとして働く傍ら、業務支援として複数社、インフラを中心に直接手を動かして、社内で横展開できるような設計・コードベースをご提供しています。 枯れた技術で コード行数少なく 運用コストかからず 8-9割くらいのことを解決できる こちらが私の設計がポリシーです。 世の中9割はスプレッドシートで解決できる 私達の想像以上に、世の中の困りごとの大半はスプレッドシートやエクセルで解決ができます。エンジニアに依頼しなくても直接ロジック変更できるなど、組織リソースの有効化としてもメリットあります。 一方、複雑な数式やマクロにすべてを寄せ切り、ロジックを育てていくと、メンテナンスが困難を極めていきます。この記事を読んで頂いている技術者の方々であれば 複雑な箇所はコードによせて 変更しやすい所はスプレッドシート／Google App Script とい
宣言的でメンテナンスしやすいGoogle Sheetsという考え方 - ZOZO TECH BLOG
はじめに こんにちは、生産プラットフォーム開発本部のstakmeです。 本稿では、スプレッドシートの作業に「手続き的なアプローチ」と「宣言的なアプローチ」という観点を持ち込み、ふたつを対比しながら紹介します。Google Sheetsの多彩な関数を駆使して、日常的な問題に効率的に対応するための具体的なテクニックやヒントを提供します。また注意点やリスクを指摘し、スプレッドシートをより強力に活用するための知識を提供します。 目次 はじめに 目次 背景・課題 本稿の目的 規則的な処理を繰り返すケース 手続き的に構築された例 宣言的に記述された例 SEQUENCE ARRAYFORMULA 関数の組み合わせ なぜ「宣言的」なのか データが徐々に増えるケース 手続き的に構築された例 宣言的に記述された例 別の見せ方でデータを表示したいケース 手続き的に構築された例 宣言的に記述された例 やりすぎのケ
承認者だって楽したい😊Gmail上で承認できる社内システムをAppSheetで作る - BIGLOBE Style ｜ BIGLOBEの「はたらく人」と「トガッた技術」
ビジネスはスピードが命！承認だって、内容に問題がなければササッと終わらせたいですよね。そこでGoogleのノーコード開発ツールAppSheetを活用し、Gmail上で承認・却下の操作ができる承認アプリを作ってみました。 開発部門（基盤本部）の高玉です。BIGLOBEは業務にGoogle Workspaceを利用していて、メールはGmailを使っています。Gmailを使っていると分かるのですが、GoogleドライブやGoogleドキュメントから届くメールは動的メール（Dynamic Email）になっています。メールの文面にボタンやテキスト入力欄が埋め込まれていて、そのまま操作できます。 AppSheetを使えば、この動的メールを使った社内システムを作ることができます。この記事では簡易的な承認アプリを題材に、その作り方を丁寧に解説していきます。この記事で基本を押さえれば、AppSheetが提
【GAS（Google Apps Script）× Slack】アイデア投稿Slackアプリ実装 - 後編｜Offers Tech Blog
概要 こんにちは、Offers を運営している株式会社 overflow のバックエンドエンジニアの shun です。今回は、前回の 【GAS（Google Apps Script）× Slack】アイデア投稿Slackアプリ実装 - 前編 で作成した Slack アプリを育て、アイデア投稿 Slack アプリを全て実装していきます。早速やっていきましょう。 本格的にアイデア投稿Slackアプリを実装 前回の記事にて Slack アプリの作成ができたので、あとは GAS で機能を実装 -> 検証 -> 修正を繰り返していくだけです。残りのやることとしては以下になります。 スラッシュコマンド投稿したらアイデア入力フォームを立ち上げる 投稿内容をスプレッドシートへ出力 投稿内容を Slack へ通知 ではサクサク残りやってしまいましょう！ Slackアプリが行うScopeを設定する Slack
【GAS (Google Apps Script) 】コードの書き方・テクニック編｜Offers Tech Blog
概要 こんにちは、Offers を運営している株式会社 overflow のバックエンドエンジニアの shun です。今回は、GAS（Google Apps Script）のコードの書き方と、ゴリゴリに GAS を書きまくってきた知見から少しのテクニックを紹介できればと思います。 今の時代、エンジニアリングを利用した業務自動化を実装するのは必ずしもエンジニアだけではないと思っています。ちょっとしたデイリー業務, 対応漏れ確認 など、サクッと自分の業務のサポートをしてくれる相方を、職種問わずに自分自身で実装ができる世界になっています。その大きな協力者になるのが今回ご紹介する GAS（Google Apps Script）となります。 GAS（Google Apps Script） とは？ GAS（Google Apps Script） とは、Google が開発した JavaScript 記
既存のGoogle Apps Scriptプロジェクトのコードを Git で管理！ - ROBOT PAYMENT TECH-BLOG
最初に 前提 clasp の導入 google へのログイン 既存のプロジェクトのローカルにクローン 試しに Push してみる gitリポジトリの初期化 既存のファイルをすべてコミット その他 最初に Google Apps Scriptヘビーユーザーの皆様こんにちは！ サブスクペイのシステム基盤を担当しております youponpon です。 突然ですが、Google Apps Scirpt プロジェクトのコードが大きくなってきて Git などのコード管理を導入したくなったことはありませんか？ 今回は google/clasp を利用して既存の Google Apps Script プロジェクトのコードを Git 管理する方法を説明します。 前提 事前に以下の導入をお願いします。 Node.js の導入 https://nodejs.org/ja/download/ Git の導入 ht
Googleスプレッドシートを利用した、たぶん史上最も簡単にデータを更新できるマップツール - Qiita
最も簡単にデータを更新する方法 Webシステムでデータを更新する方法としては、管理画面にログインして、リスト上にデータが並んでおり、「編集」ボタンをクリックすると、フォームが並んだ編集画面に遷移して、そこでデータを更新したあと、「更新」ボタンを押して完了、というのが定番であろう。 しかし、筆者が考える一般の方が最も簡単にデータを更新出来る方法、それはエクセル状のシートの更新だと考えている。 住所を持ったデータがあって、それらを Google マップ上にピンを置いて参照できるようにしたい。その上、それらのデータを随時編集したり、新しいデータを追加したい、という要件があって、まず浮かんだのは Google マイマップでした。しかし、Google マイマップの場合、Google スプレッドシートから簡単に Google マップにデータをインポートはできるのですが、スプレッドシートと Google
Google Apps Script でよく使うスニペット集 30 選 - Qiita
この記事は DevFest 2020 の Google Apps Script 入門 2020 で紹介しました。 はじめに Google Apps Script では非常に簡単に Google Apps （スプレッドシート、 Google カレンダー、 Gmail、 Google Drive など） 間の連携ができます。例えば Google カレンダーのイベント一覧をスプレッドシートにエクスポートする際には以下のような処理の流れになります。 Google カレンダーからイベント一覧を取得 スプレッドシートに入力する形式にデータ変換 Google スプレッドシートに値を挿入 1, 3 のような Google Apps から取得、挿入する部分はよく使い回す部分となるので、スニペットとして使い回すと便利です。今回は私がよく使うスニペット集を紹介しようと思います。 スプレッドシート スプレッドシー
【GAS】時系列を図解するスライドを自動生成 - クイックノート
ある一連のできごとを図解する場合、 時系列に沿って出来事を並べると前後の関係が一目瞭然になります。 また、単に順に並べるだけではなく、 出来事と出来事の間の時間を視覚的なスペースとして表現すれば、 より正確に時間の流れを説明することができます。 下の図は、出来事が生じた年を点の位置で表現しています。 「AAAA」と「BBBB」 「CCCC」と「DDDD」 の間はどちらも同じ7年の間が空いていますが、 図でも同じ間隔が空くように配置されています。 年によって位置をずらした図 問題は、このような図を手で作るとなると結構手間がかかるということです。 まず、手作業で正確な位置に図形を移動させるのは至難の業です。 きわめて正確なマウス捌きが要求されることになります。 一応、座標を指定して図形を移動させることもできますが、 一つ一つの図形に座標を設定していくのも中々に骨が折れます。 そこで、このスライ
Spreadsheets - 表計算 - XKCD日本語訳 | naglly.com
Spreadsheets（表計算） 天使: Don't use a spreadsheet! Do it right. （表計算は使わないで！ちゃんとやって。） 悪魔: But a spreadsheet would be so easy. （でも、表計算はとても簡単だよ。） 天使: In the long run you'll regret it! （長い目に見たら後悔するよ！） 天使: Take the time to write real code. （本物のコードを書くのに時間をかけて。） 悪魔: Just paste the data! Tinker until it works! （データを貼り付けるだけだ！動くまで弄くり倒せ！） 悪魔: Build a labyrinth of REGEXREPLACE() and ARRAYFORMULA()! （REGEXREPLACE(
Google Form, Slack, Zapier, Trelloで作る簡易ヘルプデスクシステム｜okash1n
最近問い合わせを捌き切れなくなってきて、対応漏れが出てきたので、Google Form, Slack, Zapier, Trelloで簡易的なヘルプデスクシステムを作ってみました。ZapierはStarter以上のプランが必要になります（多段Zapである為）。トライアルでも同じものが作れます。 社内のヘルプデスクの歴史歴史というほどのものでもなく、半年以内の出来事なのですが簡単に経緯だけ説明します。実装方法だけ知りたい人は後ろの方を見てください。 入社時（2019年2月）そもそも弊社には私が入社するまで専任の情シスはおらず、一部開発者や総務・人事などのメンバーが手分けしてPCやネットワークの不具合などを対応していました（多分） 私が入社してからは、待望の専任者ということでDMや様々なチャンネルでメンションが飛んできて判断軸もまだ定まっていなかったのでなかなかカオスな状況でした。 GASとG
Google Apps Script は何が強くてどんなときに使うべきかプラクティスをまとめてみた
はじめにGoogle Apps Script は無料で色んなことが実現できるため、ついつい「全て GAS でやっちゃおう」みたいな話になりがちです。Google Apps Script も万能ではないので、強み・弱みを理解した上で他の選択肢と比較して使うのをお勧めします。 Google Apps Script のプロジェクトを 2–30 個作ってきた中で、自分なりのプラクティスをまとめてみます。 この内容は Cloud Next ’18 in Tokyo で登壇したときの内容を含んでいます。この登壇から半年以上経ったのでアップデート部分も以下にまとめています。 Google Apps Script の強み・弱みまず、強みと弱みについてまとめてみます。 強み 1. Google Apps の API を簡単に呼び出すことができる一番の強みはこれだと思います。Google Apps Scrip
slackで「投稿ルールが守られない問題」を自作のスラッシュコマンドで解決する(設定編) - Qiita
slackあるある ※※お知らせ※※ 今後、備品購入を希望される方は当チャンネルで ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 【購入品名】 ： 【購入URL】 ： 【購入承諾者】： 【納品希望日】：2019/mm/dd 【備考】 ： ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ というフォーマットを使って下さい。 (ピンどめしておきます) 現実は・・・ フォーマットを自己流に改変する人 そもそもフォーマットを使ってくれない人 別のチャンネルで依頼する人 etc..... 解決策 今後、備品購入依頼は 当チャンネルで /bihin と投稿し、 表示されるダイアログから依頼して下さい。 表示されるダイアログ 簡易バリデーションチェックあり ダイアログ経由で生成される投稿 確実に期待したフォーマットで投稿してもらえる 指定のチャンネル以外でコマンドを使用した際のエラー表示 投稿者本人だけにエラーが通知され、無駄
一万円以下でchatwork連動備品管理システム作ったら喜ばれた - Qiita
この記事はOkinawa.rb Advent Calendar 2018の23日目の記事です。 昨日は @yono@github さんのHeroku で動かしてる Twitter bot の環境を buildpack から Docker に移行したでした。 明日は @siman さんが何かを書く予定です。 時代背景 2017年頃、私の会社の総務部では備品管理を紙とペンで行っていた。幾度となくコピーを繰り返して文字が潰れかけている表に 貸出物 受取者サイン 貸出対応者サイン 貸出日時 返却日時 返却者サイン 返却対応者サイン などを記入していた。その表を後日見返す者はもちろんいなかった。 ウェブ部門から総務に転属になった私は隣の席の人に「ピッてやるやつにしてください」と無邪気に言われて「いや、そんなの開発できないし」と素直に答えたけど、ありあわせのものを組み合わせたらピッてやる仕組みがなんと
GASを使って運転日報のWEBシステムを作ってみた話
GASでこんな事が出来るよ。という一例として書かせていただきます。 事の成り行き 事の始まりは、ある飲み会の時に自社の営業部門のマネージャ（M）から言われた一言。 M「あのさ。今、うちって社用車を使ったら紙に運転日報を記録して管理してるじゃん？それをやめようと思ってスプレッドシートで管理しようとしたんだけど、毎回スプレッドシートにアクセスして記入するのって億劫だしiPhoneからだと入力しにくくて。。。なんか良い感じに、アプリケーション作ってくれない？」 私「あ、なるほど。ならGsuite(google)だけで完結する、アプリケーション作りますよ。ちょうど明日から出張だったんで、行き帰りの新幹線の中ででも作っときますね。」 という事があり、運転日報をGASで運転日報を作りました。 まずは、完成して現在運用している画面を見てください。 後半で画面の全体と説明を行いたいと思いますが、このような
Google Apps Script ハンズオン資料 #GoogleAppsScript
この資料の説明 2018/10/04 に グロービス で行った 第 1 回 Google Apps Script (GAS) ハンズオン @麹町 のハンズオン用資料です。以下の流れに沿ってハンズオンを進めていきます。 手順は細かく書いていますので、社内外で是非流用してください！ ハンズオンは以下の記事の感じで進めました！ チューター少人数でも回せる！Slack を駆使したハンズオン勉強会のやり方 ハンズオンをスムーズに行うために Chrome 推奨 Chrome 拡張の JSONView 入れておくと Good! 意図しないエラー対策 GAS をローカル開発で開発したい方はこちらを参照 ハンズオン用の Slack に JOIN アジェンダ Google Apps Script とは 公式チュートリアル Your first script Gmail to Spreadsheet Form
GASとVueでサーバレス社内向け工数管理（勤怠管理）を作ってみた。｜Hot Factory Creators
初めまして、ホットファクトリーでフロントエンドを担当しています森本です。 これまでスプレッドシートを使って社内チームの工数管理を行なっていたのですが、 「もう少し細かい工数管理がしたい。」 「集計がしずらい」 「残業管理もできれば」みたいな要望が上がってきたのと、最近自分の中でVueが熱かったのと、あくまでコストをかけないという事でgoogleスプレッドシートとGASを使って、サーバレスの環境で今回の実装をしてみました。 ざっくりこんな仕様です。 ・スプレッドシートでクライアント、プロジェクト、案件を管理 ・ユーザーが投稿するフォームにはスプレッドシートのクライアント、プロジェクト、案件が選んだ内容でプルダウンが切り替わる。 ・ユーザーは１日ごとに行なった「クライアント」「プロジェクト案件」「かかった時間」をフォームから入力 ・フォームがSUBMITされた内容を計算用シートにぶち込む。やっ
GASとJavaScriptフレームワークVue.jsを使ってWebアプリを作成するための最初の一歩 | 隣IT
GASでクライアント側にもJavaScriptを使用してWebアプリを作成する方法をシリーズでお伝えしています。今回は、GASでクライアントJavaScriptを使用する超簡単なプログラムについて紹介します。 前回のおさらい まず、前回作成したプロジェクト構成を紹介します。 URLリクエストを受け取ったら、後述するindex.htmlを受け渡すdoGet関数を含むmain.gsです。 function doGet() { var htmlOutput = HtmlService.createTemplateFromFile("index").evaluate(); htmlOutput .setTitle('GAS+Vue.js') .addMetaTag('viewport', 'width=device-width, initial-scale=1') return htmlOutpu
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://www.geolonia.com/pressrelease/2022/05/17/pwamap.html