人気のあるUIサンプル

• AngularJS 構文を表示させない
• AngularJSを部分的に活用している場合、構文が一瞬表示されることがあります。 それを防ぐためのAngularJSの属性はこちら。 [[<div ng-cloak>{{an...
• 2019-08-07 22:23:26

• GAS HTMLのページを作成する
• Google Apps Scriptの開発環境にてHTMLのページを作成する基本スクリプトのサンプルです。 index.htmlを表示するには「コード.gs」に以下の記述をします。 [[function doGet() { return HtmlService.createTemplateFromFile("index")....
• 2019-08-07 22:25:57

• JS 元画像のサイズと表示画像のサイズ
• サイト上で画像を小さく表示することはよくありますが、表示されている縦横のサイズはよく使うのですが、たまに元の画像のサイズを使いたい時があります。 そんな時は以下のようなJavaScriptで元の画像のサイズを取得することができます。 [[<img id="neko" src="/img/demo/cat/002.jpg"...
• 2019-08-07 22:34:44

• JS 感圧の検証
• この記事はiPhone6s以上で使える3Dタッチ（感圧）についての検証です。 iPhone6s以上だと画面を強く押すと圧力を感知して、タップとは違う挙動になります。 その挙動に対してJSによる感圧を取得する関数でトリガーを実装すると、どう...
• 2019-08-07 22:43:16

• JS 感圧で遊ぶ
• iPhone6s以上限定ですが、押し込んで面白い表現を作ってみようと思います。 タッチ3Dの押し込まれた値によってどんなことができるか検証します。 この記事はiPhone6s以上で閲覧をお願いします。 #press_area3{ width:200px; hei...
• 2019-08-07 22:47:03

• jQuery 日付指定
• jQueryのUIに特化したプラグインを利用した日付を選択する入力欄の作り方です。 文字を入力して日付を記入するのは、面倒ですし、フォーマットがそろわなくて、データとして使いにくい値になってしまいます。 そんな時に以下のようなサンプ...
• 2019-08-07 22:52:52

• JS 文字列一致
• if文で文字列の部分一致を判定して出しわける構文のサンプル。 よく使うけど、忘れがちなので備忘録です。 正規表現の文字列一致 [[ ua = navigator.userAgent; if(ua.match(/chrome/)) { conso...
• 2019-08-07 23:05:10

• GAS ログ出力
• GoogleAppsScriptを扱う上で、JSでいうコンソール出力にあたるログの書き方のメモです。 ログを出力するときは以下の記述を書きます。 使い方はいわゆるJSのconsole.log()とほぼ同じです。 [[function doGet() { Logger.log('hoge'); }]]...
• 2019-08-07 23:08:05

• 広告費の指標「CPA」
• CPAの計算の算出ツールです。 CPAとは １件の成果に対しての広告費を表します。 Cost Per Acquisitionまたは、Cost Per Actionの略です。 計算式「CPA = 広告費 ÷ 成果件数」...
• 2019-08-07 23:12:18

• 広告費の指標「ROAS」
• ROASとは 広告で使った費用が売り上げとして何倍になったか割合を表します。 Return On Advertising Spendの略です。 計算式「ROAS = 広告由来の売上 ÷...
• 2019-08-07 23:16:01