GAS ログ出力 GoogleAppsScriptを扱う上で、JSでいうコンソール出力にあたるログの書き方のメモです。 ログを出力するときは以下の記述を書きます。 使い方はいわゆるJSのconsole.log()とほぼ同じです。 [[function doGet() { Logger.log('hoge'); }]]... 2019-08-07 23:08:05
jQuery 処理を遅らせる delayメソッドを使ったサンプルです。 演出や処理の都合で、わざと遅らせることがあります。 何秒おきというわけではなく、単純に指定秒の間、待つメソッドを使います。 .demo_div{ width:10... 2019-07-29 20:51:10
CSS3 やわらかい動き ポヨンと弾力のあるアニメーションの演出です。 CSSのアニメを使ってやわらかい表現を付加します。 表示時とクリックしたときに発動するサンプルです。 クラスを設定すれば、要素は画像でもSVGでも文字で... 2019-08-03 22:14:07
jQuery キーを押されたら実行 キーボードのボタンを押されたときに何かを実行するときのサンプルです。 例えば「a」のボタンが押されたときに、何かイベントを発動させたいときjQueryで発動させることができます。 まずは、キーを押された時に取得できる値を確認... 2019-08-03 22:05:56
CSS3 要素を回転させる 要素にクラスを指定して回転、逆回転させるサンプルです。 CSS3では簡単に画像やオブジェクトを回転させることができます。 アイキャッチにはなりますが、多用すると目が疲れるので使うところは考えましょう。 まず... 2019-08-03 21:58:12
JS 文字列一致 if文で文字列の部分一致を判定して出しわける構文のサンプル。 よく使うけど、忘れがちなので備忘録です。 正規表現の文字列一致 [[ ua = navigator.userAgent; if(ua.match(/chrome/)) { conso... 2019-08-07 23:05:10
jQuery 日付指定 jQueryのUIに特化したプラグインを利用した日付を選択する入力欄の作り方です。 文字を入力して日付を記入するのは、面倒ですし、フォーマットがそろわなくて、データとして使いにくい値になってしまいます。 そんな時に以下のようなサンプ... 2019-08-07 22:52:52
HTML5 ダウンロードボタン HTML5であればaタグに、download属性を書くだけでダウンロードボタンが作れます。 下記の画像をダウンロードしたいとき、右クリックで保存するのが一般的ですが、サイトの都合によってボタンを押したときにダウンロードが始まるようにしたい場合... 2019-07-28 04:49:43
JS 感圧で遊ぶ iPhone6s以上限定ですが、押し込んで面白い表現を作ってみようと思います。 タッチ3Dの押し込まれた値によってどんなことができるか検証します。 この記事はiPhone6s以上で閲覧をお願いします。 #press_area3{ width:200px; hei... 2019-08-07 22:47:03
JS 感圧の検証 この記事はiPhone6s以上で使える3Dタッチ(感圧)についての検証です。 iPhone6s以上だと画面を強く押すと圧力を感知して、タップとは違う挙動になります。 その挙動に対してJSによる感圧を取得する関数でトリガーを実装すると、どう... 2019-08-07 22:43:16