GASのWebアプリケーションをGithubActions & Claspでデプロイする - Qiita
はじめに こんにちは！ 最近なにかと話題のGAS. 実はWebアプリケーションとして公開できるのですが， スプレッドシートを簡易的なデータベースとして使えたり，環境変数も設定できて簡易的なアプリケーションでやりたいことは一通りできます！(自分は社内でGAS製Slackアプリをいくつか運用してます．) そしてなんといっても無料なところが素晴らしいです！ 今回は,そんなGAS製WebアプリをGithubへのpushをトリガーにデプロイする方法を紹介します! 解決できるお悩み GASのスクリプトエディタがリッチでないから，ローカルで好きなエディタで作業して，編集後にブラウザ上のGASエディタにコピペしてるけど,めんどくさい Webアプリをデプロイするにいろいろ画面をぽちぽちしないといけないのがめんどくさい 今回構築するシステムの構成図 使うもの Github Actions Clasp : Go
【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上でデータを登録すると、スプレッドシートに反映される家計簿アプリです。 実際のページはこちら。使い方は「家計簿アプリお試し方法」で説明します。 データ追加の他に、データ編集と
らくらく音声入力！VoiceflowとGoogleスプレッドシートで作る体調管理チェックの記録システム。 - Qiita
らくらく音声入力！VoiceflowとGoogleスプレッドシートで作る体調管理チェックの記録システム。初心者GoogleSpreadSheet業務改善voiceflowノーコード こんにちは、むらかにです。 私は食品検査会社で働く会社員で、IT初心者ですが、新しく知った技術を使って職場の細々した課題の改善活動に取り組んでいます。 今回、使用する技術はこちら！ ノーコードでAmazon AlexaやGoogleアシスタント用の音声アプリを作成できるVoiceflowというサービスです。 これを使って弊社の課題を解決したいと思います！ 課題：紙の体調管理チェックシートの管理が大変。 私の職場では、検査というモノを扱う仕事の都合上、コロナ禍でもほぼ全員が出勤しています。このため、毎日の出勤時に入口で体温および、のどの痛みなどの体調不良が無いかを紙の体調管理チェックシートに手書きで記入しています
【swift】変数によく付いている「！」や「？」（ビックリマーク・クエスチョンマーク）の説明 - Qiita
swiftをやっていると上のような引数の宣言を見たことがあると思います。 他の言語ではあんまり見ない仕様なので、私自身困惑をしました。 この解説をしていきたいと思います。 swiftだと、データを用いる際「オプショナル」という情報を持たすことができます。 オプショナルとは ・"変数にnul(null)が入っているかもしれないよ？" ・"予想しているデータ型と違うかもよ？" と言った情報のことです。 ?（クエスチョンマーク）の意味 では実際にどのようなものなのかコードを見てみようと思います。 var strA:String? strA = nil //問題なく実行できます var strB:String strB = nil //エラーが出る つまり、?をつけていないと「絶対にnil(null)は入れたらダメだからね」という意味になります。 反対に、?をつけていると「nil入っているかもしれ
障害報告書を書こう！ - Qiita
担当しているITサービスなどに何かしらのインシデントや障害が発生した時に、対処後のアクションとして報告書を提出して事象の内容を報告（レポート）する場合がある。 提出先は会社の偉い人だったりクライアントだったり。場合によってはユーザー向けに発表したり。事の顛末を報告して「今後同様のことを起こさないように努力します、ごめんなさい」をするのだ。どのように再発防止の努力するのかを書くものでもある。 主にクライアント向けのビジネス内容ではあるが、自分が使っているテンプレパターンを共有するので参考にしてもらえればと思う。1 全般的なポイント 心得のようなもの。次の点は留意してて欲しい。 淡々と冷静な説明をこころがける 当然のことながら事実は脚色しない。無駄な修飾も要らない。客観的な事実を簡潔に述べる。 例： ❌「一生懸命頑張って対応したが…」 ❌「寝ないで対応したが…」 ❌「本当の原因は…」 できるだ
curlでヘッダ情報やHTTPステータスコードのみを出力する方法 - Qiita
curlコマンドでAPIリクエストを投げる際、ヘッダ情報を出力するオプションを忘れがちなのでメモ。ついでにHTTPステータスコードのみを出力させる方法も調べてみた。 レスポンスボディのみを取得する場合 curlで何もオプションを付けずに対象URLを渡すだけだと、レスポンスボディのみが出力される。 $ curl "http://geoapi.heartrails.com/api/json?method=searchByPostal&postal=1010047" { "response": { "location": [ { "city": "千代田区", "city_kana": "ちよだく", "town": "内神田一丁目", "town_kana": "うちかんだ1ちょうめ", "x": "139.765943", "y": "35.690701", "prefecture": "東
FigmaのデザインをPower Apps のキャンバスアプリに変換する方法 (Express Design) - Qiita
日本マイクロソフトの向井です。 今回はMicrosoft Build 2022 で発表のあったFigmaのデザインからキャンバスアプリを作成する方法をご紹介します。 大まかな流れとしては、Figmaでデザインを作成→Power Appsに変換となります。 1. Figma でデザインを作成する Figmaのサイトにアクセスします。 Create Apps from Figma UI Kit をクリックします。 Figmaのデザイン画面が表示されます。 右側にはこのKitの使用方法が書かれています。 このページにはFigmaの使用方法に関する説明が書いてあるので、一度目を通しておきましょう。 Figmaで作成したデザインをPower Apps のキャンバスアプリに変換できること、 アプリに変換後、データソースに接続などは別途作業が必要なこと、 現在この機能はプレビュー中なことなどが書いてあり
単価診断の2,000人の回答をgoogle data studioで公開してみた - Qiita
ISSUEサービス内に蓄積された単価診断のデータを公開しました！ このレポートを確認するにはこちらからアクセスしてください↓ ISSUEの業務委託単価診断レポート おすすめの使い方 ぜひ、「ISSUEの業務委託単価診断レポート」をブックマークしていただければ幸いです。毎日回答数が蓄積されていくにつれてより正確な単価が算出されていくようになります。どなたでも確認できるように常に公開しておきます。 経緯 2021年末に単価診断機能をリリースしました。おかげ様で約2000人の回答が得られました。一方で副業やフリーランスになる方々の単価設定はまだばらつきがあるように感じます。回答結果を参考にして、単価の目安を把握、また次の段階の単価交渉のタイミングを見極める判断材料になれば幸いです。 単価表のインサイト 4,000 ~ 5,000円の単価層が最も多い 診断を回答された方々の中で最も多かったのが4,
文章からLGTM数を予測して「バズる記事」を判別してみた - Qiita
はじめに Qiita初心者の@pyopp8128と申します。 これまでに記事を2本ほど投稿してみたのですが、他人に見てもらえる記事というのはそう簡単に書けるものでもなく、「あ～楽してLGTM沢山貰いたいな～」などと言っているところでしたが、じゃあ LGTMが多くつく記事ってどんな記事だ？ という疑問に至りました。 そこで、記事本文を自然言語処理により解析し、LGTMがつく/つかないを判別する機械学習モデルができないか を試してみることにしました。 本記事の内容は以下の通りです。 LGTMの数を基準に、Qiita上の記事がバズるかバズらないかを判別するAI を作ったよ BERTのファインチューニングにより、Qiita中の記事がLGTM>100かどうか判別する2クラス分類深層学習モデルを作成したよ Qiita APIを通して取得した約10,000記事のデータセットを用いてモデル構築&性能評価を
リリース手法多すぎﾜﾛﾀｧ B/G、カナリア、機能フラグ、ダークローンチ、A/Bテスト、、など - Qiita
この記事でCloudWatch Evidentlyについて調べていると、「機能フラグ」や「A/Bテスト」などインフラエンジニアには若干聞き慣れないリリース用語が出てきました。 アジャイル開発やCI/CDの台頭に伴い多数出現したこれらのリリース戦略用語をまとめて整理してみることにします。 インフラエンジニアやSREと呼ばれるロールの方々も、リリース戦略を知っておくとCI/CD環境の構築やIaC、はたまたミドルウェアのバージョンアップなどで役立つと思います。 以下ウェブサイトを参考に、各用語を「デプロイ戦略」と「テスト戦略」の大きく2つに分けて紹介します。 デプロイ戦略 従来型のデプロイ（インプレースデプロイ） システム本番環境が一種類のみ存在し、新バージョンの資材デプロイによって旧バージョンの資材を上書いてしまうパターンです。 環境の設計や管理、維持コストをシンプルに抑えられるメリットがあり
【個人アプリ開発記】ビジュアル言語による作図ソフトを開発しました - Qiita
できたもの 端的(？)に表すと「ビジュアル言語によって作図ができ，かつディスプレイ上の図形の定義をユーザが確認できる動的幾何ソフトウェア」です． 動的幾何ソフトによる作図 アプリの説明に入る前に，前提知識をざっと書きます． wikipediaによると、動的幾何ソフトとは以下のような定義と特徴となっています。 コンピュータソフトウェアであって、おもに平面幾何学の作図を行うことができるものをいう。これらの動的幾何学ソフトにおいては、作図は点・直線・円などをマウスクリック・ドラッグによって行い、作図手順が記録される。作図を行った後に、幾何要素（点・直線・円など）を動かして、作図全体を変化させることができるのが主な特徴である。 動的幾何ソフトによる作図とは，動的幾何環境に用意された以下の3種類の点を適切に用いて，動かしても「定義の崩れない」図形を描くことです． どこにでも動かせる点(自由度2) 線
SafariはBasic認証の結果でAuthorization: Bearerを上書きする - Qiita
最初に結論 Safari で Basic認証 が成功した後、Authorization Header を Basic の認証結果で上書きしてしまう。JWT のアクセストークンを上書きするので、APIアクセスが失敗してしまう。解決策として、アクセストークンは Authorization Header で渡さず、別の方法で渡せば良い ※。 Safari 12 replaces authorization header - Stack Overflow ※ OpenID Connect ではクエリパラメータやフォームで渡す方法も定義されている。これらを使えば回避できると考えているが、試せてはいない。 ある日のこと アルバイトの方から「検証環境のアクセスが401になります...」と報告があった。彼には開発中 Webアプリケーションの iPhoneデバッグをお願いしていたのだが、どうやら iPhon
君たちは正規表現におけるインド数字の罠にハマったことはあるかい？(١٢٣٤٥٦٧٨٩) - Qiita
import re re.match(r'\d{4}-\d{2}', '٢٠٢٢-٠٦') Pythonで書いてはいますが、内容を補足します。「'٢٠٢٢-٠٦'」という文字列が、数字4文字+ハイフン+数字2文字にマッチするかどうか、という正規表現を書いています。 一見するとどう見ても数字4桁ではないので、正規表現にマッチしないように見えますよね？？？？ 実は正規表現にマッチします！！！というのが今回の記事の内容になります。 そもそも正規表現における数字の扱いとは 今回はPythonの正規表現のライブラリを利用しているので、公式のリファレンスを見てみましょう。 該当の部分には以下のような記述があります。 \d Unicode (str) パターンでは: 任意の Unicode 10 進数字 (Unicode 文字カテゴリ [Nd]) にマッチします。これは [0-9] とその他多数の数字を
Python と Playwright でブラウザを自動操作させるコードを自動生成したよ - Qiita
Playwright が昨年１年間で大幅パワーアップしていたので、使い方を確認したときの記録のまとめです。 ブラウザを自動操作できるということは、簡単なスクレイピングやブラウザ側のテスト自動化が簡単にできるようになります。 特に、Python での解説がまだまだ少なかったので、自分の学習を含めてまとめました。 今回は入門編ということで全体像をつかみつつ使用方法の流れを確認していただければありがたいです。 Selenium や Puppeteer を使っている方も、一度試す価値ありと思っています。 選定した理由 ブラウザのテストを Python で自動化したかったんです。 私なりの要件がありまして、非常にわがままな要件でしたが余裕ですべてクリアしました。 Python で書けること。社内で Python を使える方が多いので。pytest と連携してくれるとなおうれしい。 Docker コン
使ってますか？ググる前の、manコマンド（日本語manコマンドのススメ） - Qiita
マカーのみなさん、ターミナルからコマンドを打とうとした時、オプションがわからなくなったことありますよね？そんなとき、あなたならどうしますか？ ググる -h や --help オプションをつけてみる man コマンドを使う 色々方法はありますが、今回は man コマンドを推す記事になっております。 エンジニアたるや、一度CLIを開いたんだからキーボードからはなるべく手を離さない方がイケてますよね（w3m があるやろやい、という変態な方、どうぞご自愛くださいませ）。シェル芸人への第一歩と言っても過言ではないかもしれません。 manコマンドとは？ このように、ターミナルの全画面でコマンドの説明が表示されます。 コマンドによって構成はまちまちですが、基本的にはコマンドとオプションのフォーマット、説明、各オプションの詳細説明という流れになっています。 それから、 man コマンドはローカルにインスト
初めてSlack appをつくって審査通すところまでやった知見を晒す
たまたま機会あってSlack appを作らせていただくことになったのですが、 思ってた以上に大変だったのでそこで得られた知見をいくつか簡単にシェアしておきます。 ちなみに自分はhubotとかbotkitとかで簡単なbot作ったことあるレベルで、 とりあえずtoken発行して環境変数突っ込んでスクリプト動かしたらそれっぽいやつできるんでしょ？、くらいのノリからのスタートだったので正直いろいろつっこみどころありそうではあるのですが、何かあれば是非インプットいただければと思います 今回作ったもの ホメルくん 詳細なコンセプトや利用方法はこちらの記事に移譲しますが、 ざっくり三行で説明すると、 Slackのカスタム絵文字って企業毎の文化を反映したものになってる 上記のような絵文字がたくさんついたメッセージや発言者を組織内でもっとオープンにすることで、称賛された人はモチベーション上がるし、組織づくり
ここがつらい！ Slack API - Qiita
半分ネタ記事です。あんまり真面目に書きません。 項目数が多いので，気力でなんとか書きます。分類は諦めます。 他にもある！っていうのがあったらコメント欄で教えて下さい。気が向いたら追記します。 公式の TypeScript 型定義がもはや型定義を諦めている 辛い度: ★★★★★ 辛い中でもこれはかなり上位に来るやつ。 こちらに OpenAPI 形式で仕様が定義されていて， https://github.com/slackapi/node-slack-sdk/tree/main/packages/web-api/types ここに仕様に基づいて TypeScript の型定義ファイルが吐かれるようになっています。 Git 管理されていないので，実際のリリースを見てみましょう。 https://unpkg.com/@slack/web-api@6.7.2/dist/response/Reacti
Apache httpdで作るHTTPSサーバ - Qiita
はじめに Webサーバとして非常に一般的に使われているApache httpdを利用して、HTTP/HTTPS接続のできるWebサーバを構築する練習をします。 OSはCentOS 7.4、Apacheのバージョンは2.4.6です。 HTTPサーバができるまで Apacheのインストール CentOSデフォルトのリポジトリに入っていますので、yumを使ってインストールしていきましょう。 # yum -y install httpd # httpd -v Server version: Apache/2.4.6 (CentOS) Server built: Oct 19 2017 20:39:16
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google ColabでWaifu Diffusionを動かす (NSFWフィルター回避) - Qiita
【�Ajax】ローカルファイルを読み込もうとしたらCORSエラーが発生したので解決した - Qiita
