「JavaScriptとGASが同じものという認識がなくハードルが高く見える」「マクロは使えるけどスプレッドシートの操作は未経験で興味がある」「スプレッドシートを使ってGASを勉強し始めたけどgetRangeやsetVa […]
lorem-co-ltd
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にしているのに改行が単語にならない」 本日はそんな […]
CSSのdisplayを使ったアニメーションでtransitionが効かない問題【starting-style】
「アニメーションは動作するけどtransitionだけがうまく動作しない」「@keyframesで作ったときとJavaScriptで作ったときとでアニメーションが違う時がある」「最近追加された@starting-styl […]
画像アップロードやファイル添付で登場するFileとBlobを理解する【JavaScript, FileReader, 型付き配列, ArrayBuffer, DataView, ZIPファイル】
「ファイル添付を実装するときに登場するFileやBlobが何かを知らないで作っている」「画像アップロードでなぜか複雑なコードが登場する理由を知らずにコピペしている」「ネットで調べると人によって書き方が違うので、どれを参考 […]