giga_koumu

giga_koumu

FigJamの使い方を覚える

GoogleのJamboardが終了することになり、FigJamを使うことが多くなってきています。 そこで、FigJamの使い方を練習する課題として、スタンプを探せゲームをするのはどうでしょうか。 スタンプを探せゲームを行うことにより、 画面を移動したり、拡大したり、見つけたスタンプをペンを使って丸で囲んだりと様々な操作を楽しみながら行うことができます。 また、小学校低学年でも、自分自身でスタンプを探せゲームを作成することができます。 作成することによって、スタンプを押

giga_koumu

    • GASの魅力

      Google Apps Script（GAS）って、 Googleのサービスを連携させたり、自動化させたりする のに便利なんだよねと思うかもしれないが、 それは、GASの魅力のほんの一部である。 個人的には、一番の魅力は、 GASはサーバーを用意しなくても、 簡単にWebアプリを作ることができる。 これだと思う。 特に、 GASとChatGpt（などの対話型生成AI）の組み合わせは、 最強だ。 個人用のwebアプリを作ってとお願いすれば、 GASのコードやwebペ

      giga_koumu

      • GASを使ってスプレッドシートからフラッシュカードを作成する

        GASを使って、スプレッドシートのデータから、Googleスライドでフラッシュカードを自動的に作成します。 今回の手順 １　スプレッドシートを作成し、英語と日本語訳を入力。 ２　スプレッドシートにGASを貼り付ける。 ３　スプレッドシートにGAS実行用のボタンを作成します。 ４　ボタンを押すと、Googleスライドでフラッシュカードが作成される。 今回作成したスプレッドシートは、英語と日本語訳を変更すれば、 何度でも使えます。 では、早速作ってみましょう。 手順１　ス

        giga_koumu

        • PDFをA4サイズに変更するwebアプリの作成（Google Apps Script)

          Google Apps Script（GAS）を使って、PDFをA4サイズに変更するwebアプリを作成したいと思います。 PDFの操作を行うのは、pdf-libというJavascript用のPDFライブラリを使用していきたいと思います。 ※なぜこれを作ったかと言うと、FigmaでPDFをエクスポートした時に、PDFのサイズを選べなかったので、必要に迫られてです。 コード.gs function doGet(e) { const template = HtmlServic

          giga_koumu

          GASを使って書籍の情報管理を行う。

          GAS（Google Apps Script）を使って、書籍の裏面にあるバーコードを読み取り、書籍情報を取得。スプレッドシートにその書籍情報を出力する書籍情報管理システムを作ってみました。 目的は、あくまでも家庭にある書籍の整理のためなので、 今回は書籍の裏面についている２つのバーコードのうち、 上のISBNコード（書籍固有の番号）をだけを読み取ります。 その情報をGoogle Books APIs（2024年8月25日現在無料で使用できます）に送り、書籍情報を取得します

          giga_koumu

          GASを使って書籍の情報管理を行う。

          giga_koumu

          GAS（Google Apps Script）の始め方③（ChatGPTにお願い編）

          前回までのリンクはこちら 今回は第３回目です。 「こんなことがしたい」、「こんなことができると便利なんだけれど」という時、ChatGPTにお願いしてしまいましょう！ 『無ければ作ってしまおうの精神』、というか 『無ければ作ってもらおうの精神』です。 例えば、「話した言葉をスワヒリ語に翻訳してくれるWEBアプリを作成したいので、コードを教えてください。」とかお願いすると作成してくれます。（これを書いている時点では、ChatGPTのGPT-4oが無料で使用可） ChatG

          giga_koumu

          GAS（Google Apps Script）の始め方③（ChatGPTにお願い編）

          giga_koumu

          GAS（Google Apps Script）の始め方②（はじめてのwebアプリ作成編）

          GAS（Google Apps Script）の始め方①（準備編）では、ログインするまでの方法を紹介しました。 第２回目では、Webアプリの簡単な作成方法について紹介します。 GAS（Google Apps Script）にログインすると、次のような画面になります。 ①新しいプロジェクトの作成 左側のメニューから、「新しいプロジェクト」をクリックします。 無題のプロジェクトというページが開かれます。 コードエディタが現れるので、これからコードを変更していきます。

          giga_koumu

          GAS（Google Apps Script）の始め方②（はじめてのwebアプリ作成編）

          giga_koumu

          GAS（Google Apps Script）の始め方①（準備編）

          GASをこれから始めたいという方のためのGASの始め方についてまとめた内容です。GASはGoogleアカウントを取得していれば、無料で使用できます。 ※なお、ここに掲載している内容は、記事作成時点での内容となります。 Googleで"Google Apps Script"と検索すると、 Google Apps Script Apps Script is a rapid application development platform that makes it fast

          giga_koumu

          GAS（Google Apps Script）の始め方①（準備編）

          giga_koumu

          Google Apps ScriptとJavaScriptを使ってPDFを分割したり結合するwebページを作成する。

          必要な時に作成したコードを参照できるように、作成したコードを置いておくためのノートです。自分用に作成したものですが、参考にしていただければ幸いです。 機能としては、２つのみです。 PDFを２つに分割することができる。 ２つのPDFを結合することができる。 GAS（Google Apps Script）を使って、簡単なWebページ・Webアプリを作成する際には、htmlにcssもjsも含めて1つのファイルにしてしまうことがオススメです。 GAS上では、GASのスクリプトファ

          giga_koumu

          Google Apps ScriptとJavaScriptを使ってPDFを分割したり結合するwebページを作成する。

          giga_koumu

          GASを使って、シンプルな縦書きテキストエディタを作成しよう。

          GAS（Google Apps Script）とJavaScriptを使って、シンプルなテキストエディタを作成する。 以下、コード.gsの中身 function doGet(e) { const template = HtmlService.createTemplateFromFile('index'); const htmlOutput = template.evaluate(); htmlOutput.setTitle('シンプルな縦書きテキストエディタ');

          giga_koumu

          GASを使って、シンプルな縦書きテキストエディタを作成しよう。

          giga_koumu