スプシ + GAS で GitHub と同期するカンファレンスサイトのコンテンツ管理 | CyberAgent Developers Blog
この記事は CyberAgent Developers Advent Calendar 2022 の 12 日目の記事です。 株式会社 WinTicket の竹内 (@dora1998) です。2022 年 7 月に開催した技術カンファレンス「CA BASE NEXT 2022」の Web サイトにおいて、テックリードとしてサイト構成の設計・実装などを担当しました。 本記事では、カンファレンス Web サイトでどのように登壇者やセッションの情報を取りまとめ、運用を行なっていたかを紹介します。 TL;DR Google スプレッドシートをデータベースとして扱い、登壇者やセッション情報を管理しました Google Apps Script で、シートから JSON 出力してデータを Git リポジトリに同期する仕組みを実装しました 静的サイトとしてビルドする際に、データ全体を直接 import
GASのバージョン管理の課題とGoogle Apps Script GitHub アシスタントができること
みなさん、こんにちは！ タカハシ(@ntakahashi0505)です。 Google Apps Script（GAS）のプロジェクトのバージョン管理をしたいとき、皆さんどうされてますか？ 実は、GAS自体にはバージョン管理の機能は存在しておらず、悩みの種になることも… それを補ってくれるのが、Google Chrome拡張機能「Google Apps Script GitHub アシスタント」です。 今回からシリーズで、その導入方法や使い方についてお伝えしていきますよ！ ということで、まず初回はGASのバージョン管理の課題とGoogle Apps Script GitHub アシスタントができることについてお伝えします。 では、行ってみましょう！ GASのバージョン管理とその課題 まず、バージョン管理とは何か、またGASで何が課題なのかについて確認しておきましょう。 バージョン管理とは
GASをGit管理するならGithubアシスタントとclaspどっちを使うか？
はじめに Google Apps Script（GAS）をGit管理できると知って調べたところ、Google Apps Script Githubアシスタントとclaspという2ツールが有名なようだったので、それぞれ試した感想や遭遇したハプニングなどをまとめてみました。 この記事が参考になるかもしれない人 これからGASをGit管理しようと思っている人 試したツール 各ツールの説明や導入方法は割愛します。 Google Apps Script GitHubアシスタント clasp Google Apps Script Githubアシスタント Chrome拡張なので導入は一瞬、Github連携もすんなりOKでした。使い方は簡単で、GASエディタ上でリモートリポジトリを選んでブランチを指定してPush,Pullするだけです。GASエディタ上で操作が行えるのは手軽で良さそうです。 ここで、Gi
Google Apps Script 簡易データベース編 初心者向け | SIOS Tech. Lab
どもども平社員の龍ちゃんです。今回も「Google Apps Script」第3弾！です。今回は、前回学んだ「スプレッドシートを扱う方法」を利用して、スプレッドシートを簡易的なデータベースとして構築します。今回も登場「以下の図」です。こちらでデータベースを構築することで、簡単なAPIをバージョンアップさせることができます。それでは初めて行きましょう。 成果物の理想図です。今回作成するのは、プログラミング勉強の定番「ToDoリスト」です。保存したいデータとしては、「ID/task/created/state」の4つになります。各項目が何を指しているのかは図で確認してください。また、今回は「CRUD」を実装していきます。データを扱う場合、「作成・読み込み・編集・削除」の4つの要素が基本となります。CRUDとは、この4つの英単語の頭文字をとったIT用語となります。今回は、合計4つの関数をGASで
新IDE対応の「Google Apps Script GitHub アシスタント」の導入手順と使い方解説(Chrome拡張) | AutoWorker〜Google Apps Script(GAS)とSikuliで始める業務改善入門
2020年12月にGoogle Apps Scriptのスクリプトエディタが新しいIDEにバージョンアップされ、GASのソースをバージョン管理するChrome拡張機能「Google Apps Script GitHub アシスタント」が利用できなくなっていました。 しかし、2021年1月に拡張機能がアップデートされ、新しいスクリプトエディタでも使用できるようになったので、「Google Apps Script GitHub アシスタント」をインストールする手順から、実際にGithubからソースコードを取得する方法まで解説します。 ※拡張機能を使いIDEでGithubリポジトリを新規作成し、書いたコードをプッシュする方法について解説を追記しました。 GASのエディタはバージョン管理が弱点Google Apps Script(GAS)のスクリプトエディタ(IDE)はブラウザで利用することができ
Zaim APIとGASで作る月次精算botと、”FamTech”について｜ヒガシ
我が家の家計は僕が取りまとめていて、新婚以来スプレッドシートを使ってほぼ手作業で管理してきました。 が、それもいい加減だるいぞ、ということに結婚8年目にして気づきまして。長年使っていたZaimを活用してこの辺を極力自動化できないかな、と重い腰を上げていろいろ考えてみたのが今日のお話になります。 ヒガシさんちの家計の考え方と手法最初に、現状どんな感じにやっているかを説明します。 登場人物と役割分担 以下のように役割分担しています。妻は人の財布の中身にあまり興味を持たないタイプなので、金勘定は宿命的に僕の仕事です。お金は大事だよ。。 ・家計の担い手① 兼 取りまとめ役 …夫（ぼく） ・家計の担い手②...（妻） 家計の考え方と手法 端的に説明すると「必要経費を収入比で按分した額を拠出し、口座にプールしておく」という感じになります。具体的な流れはこんな感じです。 我々夫婦は共働きで、二人ともサラ
【GAS x Vue.js】JavaScript のみで今、家計簿をつくるとしたら【ハンズオン付き！】 - Qiita
【GAS x Vue.js】JavaScript のみで今、家計簿をつくるとしたら【ハンズオン付き！】JavaScriptGoogleAppsScriptVue.jsQiita夏祭り2020_パソナテック 「JavaScriptのみ」＆「無料」＆「サーバーレス」なスプレッドシートと連携した家計簿をつくる方法を考えてみました。 実際に家計簿アプリを作るハンズオン付きです！ ※こちらの記事は一部古い内容となっております。 Zennに投稿している本を更新していますので、よければこちらをご覧ください。 https://zenn.dev/matsu7089/books/gas-account-book なにを作ったの？ Web上でデータを登録すると、スプレッドシートに反映される家計簿アプリです。 実際のページはこちら。使い方は「家計簿アプリお試し方法」で説明します。 データ追加の他に、データ編集と
GASで家計簿を作成する その１ - Qiita
1. 背景 『年収２００万円からの貯金生活宣言』(横山光昭 著)を読んだところ、「消費・浪費・投資」に分けた家計簿を付けなさいと書かれていました。 面白そうだし、そこそこ普及した手法らしいので、これで家計簿を書いてみようと思いました。 自分のやり方として、外ではスマホ、家ではPCで管理したい。 しかし、いい感じのサービスがない。 良い機会なので、これをWeb系勉強の題材にして作ってみよう。 ちなみに私は、授業などで単語を聞きかじった程度で、ちゃんとしたプロダクトを作るのは初めてです。 2．完成イメージ PCとスマホからアクセスできる 家計簿データを貯める 月の結果を表示 月ごとの推移を表示 見たいデータ 予算と使用額 消費・浪費・投資のパーセンテージ 費用ごとの合計 家賃やサブスクなど、毎月固定の金額を自動計上したい。とか、トータルで予算を超えたのか否か計算したい。など考えたらキリがないの
GAS 家計簿 - Google Apps ScriptとVueで作られたWeb家計簿
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました IT技術の発展はめざましく、日々新しい技術が登場しています。例えばサーバレス、VueやReactの仮想DOM、ちょっと前であればRESTful APIなどがあります。それらを漏れなくキャッチアップするのは大変です。 今回紹介するGAS 家計簿はサーバレスにGAS（Google Apps Script）を使って家計簿Webアプリケーションを作るハンズオンを兼ねたソフトウェアです。 GAS 家計簿の使い方 デモです。動作しているのはGitHub Pagesです。サーバの管理が不要ですね。 データの追加用モーダルウィンドウ。フロントエンドはVueを使っています。 設定画面です。データはGoogle Apps Scriptを使ってGoogleスプレッドシートに保存されています。 GAS 家
ls -al
仮想通貨やプログラミングに関する事などをつらつらと書き綴ります SpreadsheetをDBのように気軽に使うGAS向けライブラリ 以前こちらでGASからSpreadsheetをDB的に扱いやすくするメソッド群を公開しましたが、今回はそれを改修してきちんとライブラリとしたものを紹介します。 本来なら以前の記事に追記等の変更を加えて紹介しようと思ってましたが、思っていたよりも大幅に変更されたので、こちらで新規に紹介します。 追記 2018/04/15 版「4」にて、ライブラリとして利用した際にコンストラクタでコケてしまい動作できないという致命的なバグがあったので修正しました。 ライブラリ紹介 ソースコード ドキュメント ScriptID 1sBkfBj0CUuEcoFLguajJ-cXl-ADTZt8uHJG403PUQOGQi3aOpOqox8mC ライブラリの導入方法はわかりやすく解説さ
GASのWebアプリケーションでクライアント側JavaScriptを使うための基礎知識 | 隣IT
GASユーザーかつHTMLページ・CSS初心者向けにWebページの作り方の基本中の基本を解説していきます。まず、その最初の一歩として、GASで最も簡単なWebページを作成して公開する方法をお伝えします。 面倒なサーバーの準備も不要、しかも無料…。 社内用アプリケーションとかちょっとしたツールを作る上で、どうしても必要になる技術があります。 それは、クライアント側のJavaScriptです。 クライアント側、つまりブラウザで動作するJavaScriptを使いこなすことで、作成したWebページに動きをつけたり、リアルタイムで更新や計算をしたり、さまざまなことが実現できるようになります。 このシリーズでは、はじめてクライアント側JavaScriptを動かすところからスタートし、人気急上昇中のフレームワークVue.jsを使ってWebアプリケーションを作成する方法を紹介していきます。 初回となる今回
Google Apps Scriptで配列を使ってスプレッドシートにデータ行を追加する方法 | 隣IT
Google Apps Scriptphoto credit: Cristina Jiménez Ledesma Mezquita vs Cádiz via photopin (license) みなさん、こんにちは！ タカハシ(@ntakahashi0505)です。 Google Apps Scriptでは配列操作が非常に重要です。 というのも、GASではよくスプレッドシートを操作することが多いのですが、SpreadsheetサービスのAPIを使えば使うほどスクリプトの実行速度がかさみます。 そして、一回の実行でその実行速度が6分を超えてしまうと、エラーとなりスクリプトが停止してしまいます。 これがいわゆる「Google Apps Scriptの6分の壁」というやつです。 それを避けるために、なるべくSpreadsheetサービスのAPIを使わないようにスクリプトを組む、つまり配列で処理
【Google Apps Script入門】セルの取得・変更をする | UX MILK
Google Apps Scriptでスプレッドシートを操作する時に基本となるセルの取得と書き換えについて説明します。 【Google Apps Script入門】 第１回 Google Apps Scriptとは？ 第２回 スクリプトエディタの基本操作 第３回 セルの取得・変更をする スプレッドシートを操作する基本 Google Apps Scriptでセルを操作するには、以下のような手順が必要です。 1. スプレッドシートのオブジェクトを取得 2. シートのオブジェクトを取得 3. セル範囲を指定したオブジェクトを取得 4. オブジェクトの内容を取得・変更 セルを操作するサンプルコード この手順をコードにすると以下のようになります。 function myFunction() { //1. 現在のスプレッドシートを取得 var spreadsheet = SpreadsheetApp.
特定のラベルが付いたgmailでの受信を自動的にスプレッドシートに記録したい - かもメモ
サービスとかのメールフォームから送られた内容とかアラートとか、まぁDBに保存してダンプすれるのが本来良いと思うのですが、DBが無かったり諸々のアレでメールだけで受け取っていたりするような事もあると思います。 今回はGmailで受け取ったそれらのメールを、管理しやすいように自動的にスプレッドシートに記録できるようにしてみました。 1. Gmailにラベル設定をする Gmailの設定 > フィルタとブロック中のアドレス から スプレッドシートに記録したいメールに特定のラベルを付けるフィルタを作成します。 2. スプレッドシートにスクリプトを作成する メール内容を保存するスプレッドシートを作成し、メニューのツール > スクリプト エディタ...を選択して自動保存するためのスクリプトを作成します。 /** * ラベルが付いた未読のメール(スレッド)を探して返す * @return GmailThr
ハッブル望遠鏡の「史上最高にカラフルな宇宙写真」
アメリカ航空宇宙局は、ハッブル宇宙望遠鏡が撮影した「これまでで最もカラフルな宇宙写真」を発表した。同時に、この写真はこれまで最も広範囲の宇宙をとらえた写真であり、これまでで最も壮観な写真でもある。
Gmailからメールの引越しをするときに便利なスクリプト | ライフハッカー・ジャパン
Gmailからメールを引越しする際に便利なGoogleスクリプトが、テック系ブログ「Digital Inspiration」に載っていました。 このスクリプトを稼働させると、現在のGmailアカウントのメールをすべて、新しく用意したメールアドレスに転送するようになります。 Gmailのメールの転送方法 スクリプトを設定するには、引越し元のGmailにログインして次の手順を実行します。 ここをクリックして、スプレッドシートをGoogleドライブにコピーする シートを開くとGmailメニューがあるので、「Gmail ＞ Authorize」を選び、スクリプトがGmailアカウントにアクセスできるようにする（冒頭画像参照） スクリプトが認証されたら「Gmail ＞ Transfer」を選び、引越し先のメールアドレスを入力する 以前紹介した「YippieMove」も便利ですが、対応サービス以外への
GAS(Google Apps Script)でお手軽にbotを作る方法。 - usakoyama
・「Register application」ボタンを押して、できあがったらコンシューマー・キーとコンシューマー・シークレットが出てくるので、控えるなりページを放置しておくなりする。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ibuki-study.net - ibuki study リソースおよび情報
VueとGASでつくる！サーバーレス家計簿📔
長文日記