承認者だって楽したい😊Gmail上で承認できる社内システムをAppSheetで作る - BIGLOBE Style ｜ BIGLOBEの「はたらく人」と「トガッた技術」
ビジネスはスピードが命！承認だって、内容に問題がなければササッと終わらせたいですよね。そこでGoogleのノーコード開発ツールAppSheetを活用し、Gmail上で承認・却下の操作ができる承認アプリを作ってみました。 開発部門（基盤本部）の高玉です。BIGLOBEは業務にGoogle Workspaceを利用していて、メールはGmailを使っています。Gmailを使っていると分かるのですが、GoogleドライブやGoogleドキュメントから届くメールは動的メール（Dynamic Email）になっています。メールの文面にボタンやテキスト入力欄が埋め込まれていて、そのまま操作できます。 AppSheetを使えば、この動的メールを使った社内システムを作ることができます。この記事では簡易的な承認アプリを題材に、その作り方を丁寧に解説していきます。この記事で基本を押さえれば、AppSheetが提
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 家
Google Apps ScriptとAccessデータベースを連携させる【GAS】 - 🌴 officeの杜 🥥
Google Apps Scriptを使うようになってから、クライアントサイドでAccessを使う機会は大分減りましたが、それでもAccess需要がゼロになるという事はありません。まだまだクラウドのデータベースサービスは高価であり、おいそれとクエリを投げようものなら翌月の請求書金額は怖いものになります。また、複雑な計算やクエリを組んでとなると、Accessのほうがまだまだ作りやすく、何よりもレポート機能が強力で価格が安いので、手放せません。 そんなAccessですが、Googleスプレッドシートと連携出来たらより一層利便性が向上し、既存のGoogle Apps Scriptのプログラムと連携出来たらいいなと思い、色々調査してみました。Google Apps Script APIが使えそうなので、これを使ってみて実装をしてみました。 ※今回は、スプレッドシートのデータの読み書きですが、Goo
BATとWSHのコードを1ファイルに混在させるためのshebang記法（複雑なバッチを１ファイルで実現） - モバイル通信とIT技術をコツコツ勉強するブログ
WSH/JScriptバッチのコードを，単一のBATファイルの中に埋め込むことが可能。 つまり，複雑なバッチを１ファイルで実現できる。 hoge.bat @if(0)==(0) ECHO OFF echo ■BATによる前処理です。■ cscript.exe //nologo //E:JScript "%~f0" %* echo ■BATによる後処理です。■ @pause GOTO :EOF @end WScript.echo("■WSHによる処理です。■"); これをダブルクリックすると，DOSコマンドの行と，WSHのコードの行が，両方ともいっぺんに実行される。 出力される実行結果： ■BATによる前処理です。■ ■WSHによる処理です。■ ■BATによる後処理です。■ 続行するには何かキーを押してください . . . 動作原理と仕組みは，下記のサイトに詳しく書かれている。 コマンドプロ
Google Apps ScriptでGmailの特定のメールを受信したらLINEと連携して通知する
LINEをインストールしたときに登録した「メールアドレス」「パスワード」を入力します。 「登録したメールアドレスと、パスワードなんて忘れちゃったよ」という人。心配しないでください。調べ方がありますからっ。 まずはスマホからLINEを開きます。 「その他」→「設定」→「アカウント」→「メールアドレス」の順にタップすることで確認できます。 それではWeb APIの設定の説明にもどります。 画面右上の「マイページ」をクリックします。 トークンを発行するをクリックします トークン名に適当な名前を入れ、1:1でLINE Notifyから通知を受け取るをクリックします。そして画面下にある「発行する」ボタンをクリックします。 するとトークンが発行されるので、コピーボタンを押してコピーし、テキストエディタなどに保存しておきます。このトークンはWeb APIを使うためのパスワードのようなものだと思っておいて
phiary
最近 WebView で包んだ iPhone/Android アプリってのを 仕事, プライベート問わずよく作ってたりします. 色々触った結果, 一旦 Onsen UI ってのに落ち着いたので, 備忘録がてら簡単に紹介したいと思います. Onsen UI とは？ OnsenUI とは, Web 上でアプリっぽい UI を表現できる JavaScript/CSS(主にCSS)フレームワークです. 驚くほど簡単にネイティブと見分けの付かない UI を Web 上で構築することができます. また, AngularJS をベースとしてるので, MVほにゃららな開発も手軽にできます. (個人的には AngularJS はあまり好みではないので無理やり Riot.js と組み合わせて開発してますがw) ちなみに名前の由来は, Onsen UI => 温泉 => SPA => Single Page A
クールな画像拡大jQueryライブラリ「lity.js」、レスポンシブにも対応！ | SHINGO IRIE
クリックで画像が拡大されるライブラリはlightboxなど数多くありますが、その中でもデザインの邪魔をせず、実装もかんたんなライブラリ、それがlity.jsです。 使い方公式サイトから一式ダウンロード。 ダウンロードしたファイルの中で使うのはdistフォルダ内のlity.js、lity.cssのみ。 jQueryの後に読み込ませます。 <link href="lity.css" rel="stylesheet"> <script src="jquery.js"></script> <script src="lity.js"></script> あとは、 <a href="http://image.jpg" data-lity>Image</a> のようにdata-lity属性をつけるだけで動きます。かんたんですね。下がlity.jsの表示サンプルです。 WordPressへの組み込みWor
[JS]簡単で楽ちん！さまざまなタブコンテンツをシンプルなHTMLで実装できる軽量スクリプト -PWS Tabs
デモページ: Tabs Position: Vertical Left タブを配置する場所もオプションで簡単に変更できます。 PWS Tabsの使い方 Step 1: 外部ファイル 当スクリプト・スタイルシートとjquery.jsを外部ファイルとして記述します。 <head> ... <script src="//code.jquery.com/jquery-1.11.2.min.js"></script> <link type="text/css" rel="stylesheet" href="jquery.pwstabs.css"> <script src="jquery.pwstabs-1.2.0.js"></script> </head> Step 2: HTML 各コンテンツをdiv要素で配置し、ラッパーで内包します。 タブはスクリプトで実装されるので、必要ありません。 <div
![[JS]簡単で楽ちん！さまざまなタブコンテンツをシンプルなHTMLで実装できる軽量スクリプト -PWS Tabs](https://cdn-ak-scissors.b.st-hatena.com/image/square/4d64a904158ec2baa31b10249a1ba5d80abb96b8/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201501%2F2015012601.png)
バッチやスクリプトのコピペをもっと簡単にするには
今回紹介するツール ［ツール名］Script Browser & Script Analyzer 1.4 ［対象］Windows ［提供元］マイクロソフト ［ダウンロード先］［URL］http://www.microsoft.com/ja-JP/download/details.aspx?id=42525（マイクロソフト ダウンロードセンター） 管理＆自動化スクリプトは、自分で書く前に探せ！ Windowsのシステム管理や自動化には、コマンドプロンプト（cmd.exe）上のバッチ（.batまたは.cmd）、Windows Script Host（WSH）スクリプト（.vbsや.jsなど）、Windows PowerShellスクリプト（.ps1など）が利用できます。 「Microsoftスクリプトセンター」（旧称、TechNetスクリプトセンター）では、マイクロソフトの製品チームやユーザー
JavaScript で文字列の幅を取得する - satosystemsの日記
ブラウザ上に表示される文字列の幅を取得する必要があり、以下のサイトにたどり着いた。 javascriptで文字列の描画幅を取得する方法 - Qiita 最小のサンプルにすると、以下のようになる。 <!DOCTYPE html> <html> <head> <script type="text/javascript" src="jquery-1.9.1.min.js"></script> <script> function strWidth(str) { var e = $("#ruler"), width = e.text(str).get(0).offsetWidth; e.empty(); return width; } </script> </head> <body> <span id="ruler" style="visibility:hidden;position:absolut
alert()のダイアログのスタイルを変更するスクリプト・SweetAlert
alert()で出せるダイアログのスタイルを変更する為のスクリプトのご紹介。シンプルな発想で素敵ですね。尚、本スクリプトはjQueryに依存しています。 alert()で出せるダイアログのスタイルを変更しよう、というスクリプトです。 確かに普通にアラート出すよりいいかもしれません。 <script src="jquery.js"></script> <script src="sweet-alert.min.js"></script>コアとSweetAlertを読み込みます。 $('.foo').click(function(){ swal({ title: "アラートです！", text: "メッセージがココに入ります", imageUrl: 'http://placehold.it/500x500', confirmButtonText: '了解！', confirmButtonColo
ホームページ制作なら渋谷のウェブ制作会社【スタイル】
【スタイル】は東京都渋谷区でホームページ制作を行うウェブ制作会社です。ウェブサイト制作、SEO対策、ウェブマーケティングなどを承っています。良質テンプレートでの格安ホームページ制作プランもあります。
Tech TIPS：Windowsのforfilesコマンドで条件に合うファイルを取り出して処理する - ＠IT
解説 あるフォルダーの下にあるファイルを全て走査して、例えば6カ月以上更新されていないものを抽出／削除したり、特定のテキスト処理（パイプによるコマンドの連続適用など）を行ったりしたい場合、どのようにすればよいだろうか。 コマンドプロンプト上でfor /rコマンドを使えば再帰的なファイルの走査は可能だ。しかし、forコマンドでは特定の更新日付を持つファイルだけを抽出することはできない。 PowerShellを使えば、特定の条件を満たすファイルだけを抽出できる（具体的な手順は右側の関連記事を参照）。しかし、これはPowerShellがインストールされている環境でしか使えないし、何よりPowerShellを新たに覚える必要もある。 従来のコマンドプロンプトでの操作に馴れたユーザーなら、このような場合はforfiles.exeコマンドを利用するとよいだろう。これは指定されたフォルダーの下を（必要な
jQueryで簡単にポップアップが出来る「jQuery PopUpWinodow」の使い方 | Web活メモ帳
jQueryを使ったポップアッププラグインの使い方を教える必要があったのですが、他にも知らない人がいるかもなのでブログでご紹介。 このスクリプトを実行すると簡単にポップアップウインドウが作れるようになりますよ。 ウインドウのサイズや位置などもパラメータで指定するだけです。 ※モーダルウインドウでは無く、新しいウインドウを開くポップアップの方です 1.jQueryをダウンロード まずは、jQueryが必要になります。公式サイトから最新版をダウンロードしてきます。 2.プラグインをダウンロード 次にプラグインのサイトからjquery.popupwindow.jsをダウンロードします。 2.JSを読み込み ダウンロードしたjQueryとpopupwindow.jsを読み込みます。 <script type="text/javascript" src="jquery.min.js"></scrip
別ウィンドウ（ポップアップ）表示 | jQuery逆引き | Webサイト制作支援 | ShanaBrian Website
ライブラリのダウンロードと設置 「ライブラリのダウンロード」をクリックしてダウンロードしてください。 ライブラリのダウンロード ダウンロードしたjquery.openwin.jsを任意の場所へ置き読み込みます。 （jQueryの設置および読み込みは、完了もしくは同時作業を行っているものとします。） <script type="text/javascript" src="jquery.openwin.js"></script> 準備 JavaScript 設定したい要素などを指定し、実行します。 $(document).ready(function() { $('.openwin').openwin(); }); HTML 上記で設定した内容を割り当てます。 <a href="http://www.google.co.jp/" class="openwin">Google</a>
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
VueとGASでつくる！サーバーレス家計簿📔
webtoolnavi.com
cow2design.com
キトー君の悪い口コミ・失敗談と効果・販売店舗情報・安全と危険性・代用自作方法
WindowsServer、Forfilesコマンドで古いログを自動で削除 « 旧SawanoBlog保管所