ESLintを使ったJavaScriptの検証をGitやGulpで自動化する
前回の記事では、JavaScriptの検証ツール「ESLint」を使用して基本的な検証を始めるまでの手順をまとめました。 下記のコマンドで個別にJSファイルの検証を行うことも可能ですが、手動で検証を行うのは大変です。 e…
TAM のテクニカルチームがお届けする WEB技術ブログ！
前回の記事では、JavaScriptの検証ツール「ESLint」を使用して基本的な検証を始めるまでの手順をまとめました。 下記のコマンドで個別にJSファイルの検証を行うことも可能ですが、手動で検証を行うのは大変です。 e…
テキストを長体にしたいとき、画像ではなくCSS3を使う方法があります。 テキスト要素に対してtransformのscaleの値を調整すると、文字の一つ一つを細くしたり平たくしたりできます。この方法はWebフォントに対して…
ユーザーの行動を計測する為のイベントトラッキングは、主にクリック数の計測などによく使われていますが、 今回はクリックではなく、ページに表示されたバナーの表示回数を計測する方法をご紹介します。 ※イベントトラッキングについ…
Github Pages とは GitHub Pages とは、GitHub による、静的サイトのホスティングサービスになります。GitHub のアカウントがあればすぐに静的サイトが公開できますので、非常にお手軽です。 …
表にソート機能を追加するプラグインを紹介します。 「Tablesorter」を利用してソート機能を実装していきます。 デモページ Tablesorterを利用するためにjQuery、を読み込む必要があります。 ※1.x系…
新着ニュースの更新などで良く使う、xmlファイルの読み込みを実装しました。 今回はjQueryでhtmlを追加する書き方をしています。 まず、htmlを用意します。 日付とテキストリンクを更新するシンプルな表示です。 j…
案件で起きたことの覚書です。
大量の商品データをHTMLに挿入する際、JSONファイルとEJSを使用して楽にHTMLに書き出すことができました！ EJSとJSONを使用してよかったこと EJSの見た目がHTMLだからすぐ使えた JSのfor文でHTM…
ニマタです。こんにちは。 cssのプロパティ、margin。 要素間に余白をもたせるときとかに使うあれです。 マークアップエンジニアの方はもれなくご存知だと思います。当たり前のように使っていると思います。 しかし、「ma…
VimeoのPlayer APIについて少し調べる機会がありましたので、使い方などをまとめてみます。