「文字の横方向の中央揃えはできるけど縦方向が苦手」「上下に中央寄せする方法は知っているけど文字サイズが違うとうまくいかない」「vertical-alignとline-heightが何のためにあるのかわからず模写コーディン […]
2023年12月
GASでGA4のデータをスプレッドシートに出力する方法(旧Googleアナリティクス)
「GA4のAPIは最初の設定が難しすぎて挫折した」「GA4のレポート機能を使っているけどレイアウトなど見にくく感じている」「JavaScriptが使えるのでGASを使った自動化のプログラムを勉強してみたい。」 本日はそん […]
GASでスプレッドシートを操作する基本集【SpreadSheetApp, getRange, setValue, insertSheet, getActiveSpreadSheet, openByUrl, copyTo, moveActiveSheet, sort】
「JavaScriptとGASが同じものという認識がなくハードルが高く見える」「マクロは使えるけどスプレッドシートの操作は未経験で興味がある」「スプレッドシートを使ってGASを勉強し始めたけどgetRangeやsetVa […]
JavaScriptのMutationObserverのコレから始める基礎の使い方
「ページを切り替えなくても値の更新をする方法を知りたい」「特定の要素が選択されたときだけのCSSを書くことをやりたい」「ReactのようなDOMの監視という意味がイマイチわからず使っている」 本日はそんな方に向けてMut […]
JavaScriptでオブジェクトをグループ分け、絞り込みする方法【Object.groupBy, filter】
「バックエンドはできるけど、フロントエンド側での検索、絞り込みなどデータの加工に苦手意識を感じている」「配列はそれなりに絞り込みができるけどオブジェクトになると厄介だと知っている」「Object.groupByがめちゃく […]
TauT阪急洛西口
阪急電鉄は、京都市とともに洛西口~桂駅間の高架下エリア「TauT阪急洛西口」を開発しています。このエリアは総延長約1kmで、2018年10月22日に地元京都の人気店舗や地元企業による店舗を中心とする第1期エリアが先行開業 […]
GASとSlack、Gmailを連携してワークスペースに自動で通知する方法【UrlFetchApp, fetch, payload, Incoming Webhook】
「JavaScriptで何か業務効率化、自動化のプログラムを作ってみたいけど情報が少ないと感じる」「GASの書き方は慣れてきたけど他のツールとの連携まではやったことがない」「APIとかWebhookとかよく聞くけど何を言 […]
JavaScriptで単体 or 複数のファイルアップロードする方法【Request, Headers, Response, fetch, FileList, FormData】
「フォームの作り方は慣れてきたけどファイル添付だけ作れない、作ったことない」「ファイルアップロードは作れるけど2つ以上の添付のやり方がわからない」「fetchメソッドの引数でURL以外の項目が何を書いて良いのかわかってい […]
JavaScriptでフォームの値を取得して送信するまでの作り方【FormData, fetch】
「お問い合わせフォームの作り方は知っているけど送信までは習っていない」「フロントエンド専門なのでJavaScriptフォームを作る方法を知りたい」「JavaScriptまで項目別ではなく回答内容をまとめて取得する方法がわ […]
日本語対応!CSSで改行位置をキリの良い場所で折り返す方法【text-wrap, white-space】
「キャッチコピーなど大事な文章では改行位置を思ったようにしたい」「ググって出てきた方法は英語だとうまくいくが日本語だとうまくいかない」「text-wrapをbalanceにしているのに改行が単語にならない」 本日はそんな […]