今回は Google Apps Script で Web アプリを作ります。 目次 Web アプリの基本 Web アプリを公開する 他のWebページに埋め込む Web ページからデータを送信する Web アプリの基本 Web アプリは、コンテンツが固定されている単純な Web ページに対して、 アプリのようにコンテンツが変化したり、投稿・編集などができたりするもののことを言います。 Web アプリでは次図のように、Web ページを見たいというリクエストが送られてきたときに Web ページのデータを送り返します。 これを Google Apps Script で行うことができる仕組みが用意されています。 Google Apps Script による Web アプリの流れ GAS で作ったプログラムは実行ボタンかトリガーによって実行することが多いですが、 Web アプリを作る場合には実行の仕方
マスタ用スプレッドシートの作成 以下のようなスプレッドシートをつくり、メンバー名のマスタファイルとします。 登録用スプレッドシートの作成 以下のようなスプレッドシートをつくり、データを登録するファイルとします。 入力フォーム用のHTMLファイル(HTML & JavaScript) 入力フォーム用のHTMLファイルをApps Scriptプロジェクト内に作成します。ファイル名はindex.htmlとしました。 また、今回はJavaScriptとGoogle Apps Scriptを併用しますので、このHTMLファイルにscriptタグを記述し、その中にJavaScriptコードを記述していきます。 特筆すべき点ですが、まず、google.script.run.withSuccessHandler の部分です。 たとえば、以下のような記述をするとします。 <!DOCTYPE html> <h
Google Cloud が、デジタル庁ガバメントクラウドの利用を促進するサーバレスの Web アプリケーション開発を支援 デジタル庁ガバメントクラウドの利用を支援する Web アプリケーション「GCAS(Government Cloud Assistant Service:ガバメントクラウド活用支援サービス)」が開発され、Google Cloud は、クラウド サービスやアーキテクティングの面からこの構築をご支援しています。GCAS はデジタル庁内製主導で開発され、2023 年 4 月より提供開始されています。 ガバメントクラウド移行の本格化に向け、今後、省庁や 1,741 ある地方公共団体、準公共と呼ばれる領域からのクラウド利用申請が急激な勢いで増加していくことが予測されています。これを自動化・効率化し、デジタル施策推進を支援する仕組みが GCAS です。従来は必要な書類をメール添付な
皆さんはGoogleの「Gemini」を使ったことがありますか? Geminiはもともと「Bard」という名称のAIチャットサービスで、ChatGPTの対抗馬として開発されました。 2023年12月には搭載モデルが「Gemini Pro」へとアップデート。そして2024年2月、名前がGeminiに変わり、課金をするとGemini Advancedが使えるようになりました。 今や、テキストでのやり取りやコード生成はもちろん、画像認識や拡張機能によるGoogleアプリとの連携までできるんです!しかも誰でも無料で使い放題!! というわけで今回は、Geminiの概要や使い方、実際の活用事例などを紹介します。最後までご覧いただき、ぜひお手元のPCでGeminiを使ってみてください! Geminiとは Googleの「Gemini」はもともと、2023年2月にBardとして発表された、対話型AIツール
この記事は何? Googleが開発した画像圧縮アプリ「Squoosh」を紹介する記事です。 Squooshは以下のことが出来ます。 ・ブラウザ上で簡単に画像の圧縮やリサイズが出来る ・CLIでも画像の圧縮やリサイズが出来る 圧縮が必要な理由は何か?Webサイトを作成する時は、画像を利用することはなかなか避けられません。そして画像サイズが大きい場合は、Webページのパフォーマンス低下を招きます。そこで、画像を圧縮しなるべく見た目は劣化させずに画像の容量を下げる方法の一つが「Squoosh」になります。 この記事では、「Squoosh」の使用方法や感想について紹介しようと思います。 圧縮するには、2種類の方法があるので、それぞれ紹介します。 👉 ブラウザ上から画像を圧縮 👉 CLI上から画像を圧縮 ※スクリーンショット:https://squoosh.app/ より ブラウザ上から画像を圧
どうも、まさとらん(@0310lan)です! 今回は、普段から使い慣れているGoogleスプレッドシートを高品質なWebサイトに変換できるWebサービスをご紹介します! ユーザーがやることはセルの値を変更するだけというお手軽さと、Webサイトのレイアウト構成を細かく変更したり上級者向けにJavaScriptやCSSを編集する機能も無料で提供されているのが特徴です。 手っ取り早くクオリティの高いWebサイトを作成したい人にも最適なので、ぜひ参考にしてみてください! 【 Siteoly 】 ■「Siteoly」の使い方 それでは、「Siteoly」をどのように使えばいいのか詳しく見ていきましょう! まずはサイトのトップページにアクセスして、画面上部にある【Login】ボタンから無料のユーザー登録をしておきます。 Googleのアイコン部分をクリックしてください。 するとアカウント選択画面が表示
Zoom、Microsoft Teams、Google MeetなどのWeb会議で使える「バーチャル背景」用の画像を、さまざまな企業・団体が提供しています。ディズニー、スタジオジブリ、任天堂、プロ野球やJリーグなど、さまざまな公式アカウントのバーチャル背景をまとめました。 各種公式サイトがバーチャル背景用の画像を提供中 テレワーク(リモートワーク/在宅勤務)の広がりにより、すっかり定着した感のある「Web会議」(ビデオ会議)。ビジネスシーンだけでなく、気の合う知人や友だちと過ごす「オンライン飲み会」(Zoom飲み会)を楽しむ人も増えています。 そのような中、企業・団体の公式サイトやTwitterアカウントで、「バーチャル背景」として使える画像の無料提供が盛んに行われています。Web会議で見られたくない自宅の様子を隠したり、オンライン飲み会での話題のきっかけにしたりなど、さまざまな使い方がで
僕がサークルのためのwebアプリを作成した時の話を書きます。 私が大学で所属しているサークルは、写真系のサークルです。そのサークルでは一眼レフカメラなどの機材貸出を自由にできるのですが、貸出の手続きがめんどくさかったり、誰が何を借りているのかの管理が雑だったりという状況でした(笑)。 当時はプログラミングを勉強しだして数ヶ月が経ったころで、何か人のためになるものを作ってみたいと思っているところでした。そこで機材貸出手続きの煩雑さをなくし、かつ管理も簡単に行えるシステムを作ろうと思い立ちました。 まず考えたのは、当時Swiftを勉強中だったのでiPhoneアプリとして作ろうと考えましたが、サークルにはAndroidユーザーもいたので却下!(Xamarinなどで作ってもいいが当時は知らなかった...) 次にwebアプリ。これならインターネットに繋がりさえすればみんなが使えるからいいのでは?しか
Google Chrome Labsがオープンソースの画像圧縮Webアプリ「Squoosh!」を公開しています。詳細は以下から。 Google Chrome LabsのJake Archibaldさんは現地時間2018年11月12日、Googleが開発している画像フォーマット「WebP」にも対応したWebベースの画像圧縮ツール「Squoosh」を新たに公開したと発表しています。 🎨 https://t.co/sCMU33lR1G – make images smaller using best-in-class codecs, right in the browser. — Jake Archibald (@jaffathecake) 2018年11月12日 Squoosh! Squoosh is an image compression web app that allows you
デザインするものが全てちょっとだけダサくなる、そんな方にお届けしたいのが今回の情報です。 web広告の画像・イメージ作成にはphotoshopやIllustratorを使う方が大半だと思いますが、社内で使えなかったり、そもそも使える技術がない方でもいじけるのは尚早というものです。 『Google Web Designer』というイケてるツールがあります。 イケてるツールを使えばイケてるものが作れる…かもしれません。 Google Web Designer Google Web Designerとは? Google Web Designer は、視覚的なコーディング インターフェースを使用して HTML5 広告をはじめとするさまざまなウェブ コンテンツをデザイン、作成できる、高度なウェブ アプリケーションです。デザインビューで描画ツール、テキスト、3D オブジェクトを使ってコンテンツを作成し
Googleからものすごそうなツールが登場。Adobeのツールがすべて合体したようなツールです。Illustratorのようなパス描画を可能とし、3Dビューで編集まで可能、さらにAdMobの設定までできてしまい、タイムラインでHTML5のアニメーションまでできてしまうようです。 直感的ツールで作ったデザインをマルチデバイスに対応したウェブページとして吐き出してくれるようです。又、デザインツールで作られたコードをコードビューに切り替えて直接編集することまでできてしまい、まさにかゆいところの手が届く感じの機能が網羅されているようです。 新規ファイル作成画面 3Dビューを備えたイラストレーター的ツール チュートリアルがこちらで用意されています。 Google Web Designer Help これは使い込んで見て損はなさそうですね。恐ろしいツールが出てきてしまいました。Adobeはどう出る?
Byju’s is cutting 500 to 1,000 more jobs at the firm, this time eliminating several non-sales roles as well, as the Indian edtech giant pushes to improve its finances, according to a person fami While platforms like Reddit and Twitter are changing rules and making life difficult for developers of third-party clients, the ecosystem of Mastodon apps is still growing. Today, indie developer Jake
Enterprise チームで使用している様々なWebアプリのパスワード&ログイン情報を、一元管理できるツール「Meldium」 数々のWebサービスやアプリケーションが登場し、私たちはとても便利にそれらのツールを使っているが、次々と現れる新アプリケーションごとに、IDやパスワードを管理するのは骨が折れるものだ。そこで活躍してくれそうなのが、特に中小企業や少人数のグループで有効に利用できる「Meldium」だ。 「Meldium」は、グループで使用しているアプリケーションについて、それぞれのログイン情報の管理を一元化してくれるツール。使い方はいたってシンプルで、ログイン情報の管理者は「Meldium」で各チームごとにアカウントを作成し、チームのメンバーは、ChromeやFirefoxといったブラウザの拡張機能をダウンロードするだけ。たったこれだけの手順で、それぞれのユーザーがアプリケーショ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く