GoogleスプレッドシートでHTML画面を表示してスプレッド上の値を画面上に表示する方法についてです。画面を表示するだけなら下記の記事に詳しく書いています。 stsa.hatenablog.com今回はそこからさらにスプレッド上の値を画面上に表示するというところをや…

Googleスプレッドシートでオリジナルのメニューを追加する方法についてです。Googleスプレッドシートを使っていると、関数を作り処理を自動化したりする。しかし、スプレッド上にボタンを配置して実行するのがなんとなくダサく感じていた。 わざわざスプレッ…

GoogleスプレッドシートでGASを使いHTML画面を表示する方法についてです。みなさんGoogleスプレッドシートって使ってますかね。 私は結構使っています。GoogleスプレッドシートではGASというマクロを使うことができます。GoogleスプレッドシートでHTMLの画面…

JavaScriptで全てのタグにスタイルを適用させる方法についてです。 JavaScriptで特定のタグ全部にスタイルを適用させたいと思ったので書いてみた。ループ処理で対応。 var targetElement = document.getElementsByTagName('h1'); //全てに適用 for(i=0;i

JavaScriptでJSON形式のデータを、特定の値ごとの横持ちの2次元配列に変更する方法についてです。 今回は、categoryの値ごとにvalueを集めたいと思います。 var subjects = [ {'category':'math','value':'100','name':'AAA'}, {'category':'math','value':'…

JavaScriptのインデントを整形できるサイトがあったのでメモ。 2つサイトを紹介していますが、どちらも使いやすそうです。lab.syncer.jp・HTMLとJavaScriptどちらも可能 https://tools.m-bsys.com/development_tooles/jsbeautifier.php

最近よくページの背景に幾何学模様があるサイトを見かけます。ああいうのってどうやって実装するんだろうって思って調べてみたら、 ページの背景に幾何学模様を描画するライブラリでparticles.jsというのがあったのでメモ。 vincentgarreau.comカッコイイか…

JavaScriptで文字列を複数置換する方法について例を使って紹介します。JavaScriptで文字列を置換しようとするとreplaceメソッドを使うのが一般的だと思います。 しかし、普通に記述すると、replaceメソッドは最初の1文字しか置換しません。 そこで、複数置換…