Google Apps Scriptを使って、スプレッドシートの内容をSlackに通知する ｜ Tips Note by TAM
2016.02.26 Google Apps Scriptを使って、スプレッドシートの内容をSlackに通知する 社内で、MTGの司会を当番制にしようということで、スプレッドシートで当番表をこさえたのですが、何かしら通知機能があるといいよなぁということでやってみました。 Google Apps Script（以降、GAS）を使って、当番表の内容をSlackに通知する、のです。 スプレッドシートの画面から、GASはどこで確認できるかというと、「ツール」から「スクリプトエディタ」を選択します。 そうすると、このような画面が ↓ ※ ここにあるキャプチャの内容で、デモを用意しようと思ったのですが、閲覧権限では再現できず、セキュリティ的な観点で断念…。 スプレッドシート内の値を処理/取得 ③の内容をどのように取得しているかというと、GASとJavascriptを使って、次のような記述をしております
Javascriptのアニメーション処理を高速化するプラグインVelocity.jsの使い方 ｜ Tips Note by TAM
今回はjQueryのanimate()に比べて高速で高機能なプラグイン「Velocity.js」について調べてみました。 ■Velocity.js（公式/記事作成時最新バージョン 1.2.2） http://julian.com/research/velocity/ ■GitHub https://github.com/julianshapiro/velocity ■デモギャラリー http://codepen.io/collection/tIjGb/ Velocity.jsの主な特徴 animate()よりアニメーション処理が高速。 animate()と書き方に互換性がある。（velocity()） jQueryを読み込んでいなくても使用できる。（使用しない場合はIE8はサポート対象外） モック機能がある。 animate()よりオプションが柔軟で豊富。 ... Velocity.jsの
Adobe Animate CC を使って静止画像をアニメーションさせたい！ ｜ Tips Note by TAM
先日某案件で「写真が1枚しかないけど、良い感じに動かしたい！」という依頼がありました。 CSSやJSで動かすことも試みたのですが、なかなか思い通りにいかず 紆余曲折を経てたどり着いたのがAdobe Animate CC（旧名Flash Professional CC）でした。 使い方もこれまでのFlashを触られたことがある方ならば迷うことがなさそうですし、 なによりも、HTML5 CanvasやWebGL、SVGなどの形式に出力できるのが嬉しいところです。 今回はそんなAdobe Animate CCで静止画像を動かす工程を紹介してみようと思います。 公式サイト Adobe Animate CC 完成イメージ サンプルとして下記の写真を用意しました。 手を動かしてタイピングしているかのように動かしていきましょう。 上記はGifアニメーションなので少し画像が荒いですが、HTML5 Canv
PhantomJS と CasperJS で複数ページを一括キャプチャする ｜ Tips Note by TAM
Web 制作をしているとページの表示確認やコンポーネントの洗い出しなどで、大量にキャプチャを撮ってきたい時があります。 しかしブラウザのエクステンションで1枚ずつ撮るのも面倒です。 そこで PhantomJS と CasperJS を使うとキャプチャを自動化することができるということなので、先達たちの情報を参考に、キャプチャしたいURLと想定するデバイスを CSV で管理して、楽にキャプチャがとれるものを作成しました。 PhantomJS と CasperJS とは PhantomJS ですが、グラフィカルな画面のないブラウザで「ヘッドレスブラウザ」と呼ばれるブラウザです。コマンドラインからブラウザの機能を使うことができ、フォームの操作やページの要素を取得することができます。よく CI ツールと組み合わせて自動テストを行ったり Web スクレイピングで使われたりします。 PhantomJS
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
