PhantomJS と CasperJS で複数ページを一括キャプチャする
Web 制作をしているとページの表示確認やコンポーネントの洗い出しなどで、大量にキャプチャを撮ってきたい時があります。 しかしブラウザのエクステンションで1枚ずつ撮るのも面倒です。 そこで PhantomJ…
TAM のテクニカルチームがお届けする WEB技術ブログ！
Web 制作をしているとページの表示確認やコンポーネントの洗い出しなどで、大量にキャプチャを撮ってきたい時があります。 しかしブラウザのエクステンションで1枚ずつ撮るのも面倒です。 そこで PhantomJ…
まずはこちらのボタンをごクリックください。 こちらのボタン 一見、なにも変わったように見えませんが、ブラウザ内の適当な場所をクリックして文字を入力してみてください。ブラウザ内のどんな部分でも、テキストエディタのように文字…
社内で、MTGの司会を当番制にしようということで、スプレッドシートで当番表をこさえたのですが、何かしら通知機能があるといいよなぁということでやってみました。 Google Apps Script（以降、GAS）を使って、…
画面中央に表示するモーダルウィンドウをjQueryで実装してみました。 ■HTML ■CSS ■js ■ブラウザでの表示 #modal-mainがモーダルウィンドウのコンテンツエリア、 #modal-bgが背景エリアで、…
今回は、jQueryのanimate()に比べて高速で高機能なプラグイン「Velocity.js」から、 前回の記事で取り上げられなかった項目について調べてみました。 ■Velocity.js（公式/記事作成時最新バージ…
特定範囲のみをプリントできるようにしたい、という依頼がありましたので調べてみました。 ▼サンプル 「個別印刷」ボタンをクリックすると、クリックしたエリアをプリント。 「一括印刷」ボタンをクリックするとareaA、area…
Google Maps APIを使って、地図を表示したりマーカーを立てたりをやってみます。 今回使用するのは、以下のJavaScript API になります。 Google Maps JavaScript API | G…
ルーティングとは ルーティングとはURLに応じてコンテンツの部分を動的に表示させる仕組みです。 ルーティングは昨今話題のSinglePageApplicationを実装する上では欠かせない仕組みですが AngularJS…
はじめに はじめまして、エンジニアの安部です。 実案件で、RWD（レスポンシブ・ウェブ・デザイン）で要素数・高さ可変のボックスをタイル上に並べ、画面幅に合わせて列数を変える（かつIE8対応）ということをやったので紹介しま…
Vue.js（ビュージェーエス）をさわってみようと思います。 タイトルにその1とある通り、何回か連載する予定です。 Vue.jsとは Vue.jsはJavaScriptのフレームワークです。 Vue.js以外のフレームワ…