TypeScriptの開発環境構築（2）

TypeScriptの開発環境 前記事を実施した前提での記事となります。 環境準備（２） モジュールバンドラー（webpack）等、各ツールのインストールを行います。 webpack、webpackコマンド、devサーバ  ･･･  

TypeScriptの開発環境構築（1）

TypeScriptの開発環境 TypeScriptとは Microsoftが開発したプログラミング言語。 JavaScriptに型を付けた言語であり、TSをコンパイルする事でJavaScriptを成形するもの。 SCS  ･･･  

onClickとfocusの注意点(JavaScript)

ボタン等の要素に付与したonClickイベントでのフォーカス移動について フォーカスの制御がどうもブラウザによって効かなかったので調べてみるとタイマー処理を入れるとうまく動くと分かった。 HTMLのonClick記述 &  ･･･  

イベントトラッキング設定方法（Google Analytics）

Google Analytics　イベントトラッキング設置方法 目的：GAで対象のボタンが何回押されたかカウントする事。 JS <script> (function(i,s,o,g,r,a,m){i[‘Goo  ･･･  

複数の文字を置換する方法(JS、replace)

複数ワードの文字置換 「サイト内に掲載している特定文字(複数)を一括で変換したい」そんな時が来たらの考察。 （例えば、サイト全体に散らばっているある文字列を全部削除や書き換えたい、更には書き換える文字が複数ある場合に）   ･･･  

三点リーダ jQuery 複数行対応（trunk8）

trunk8とは https://github.com/rviscomi/trunk8 文字列が固定枠に収まらない場合、文字の末尾に「…」を付け省略させる時に使います。 同じjQueryプラグインのdotdotdotもあ  ･･･  

gulpの環境作成（Win10）

gulpって何？どう読むの？gulpっていってるじゃんgulpって、そうgulp、、、っと。 まぁ英語なんだから日本語にするのは野暮なのかもしれません、ただ、、人と対峙して話す際やはり「音」にしなければいけないという事で  ･･･  

三点リーダ jQuery 複数行対応（dotdotdot）

表示領域の高さに合わせ、はみ出さない様省略させる。 省略時、末尾に「…」を付与させ、続きがある事と、デザインをなるべく崩さない様に配慮できる。 jQueryプラグイン「dotdotdot」をダウンロードします  ･･･  

ソースの圧縮軽量化、整形、コンバート（Beautifier Converter）

Beautifier Converter HTML、CSS、JS、や、CSV、EXCEL、SQL…色々なファイルを色々な形に整えてくれるWEBツール。HTML、CSS、JS等、主要なファイル形式は他でやってるけど、出来な  ･･･  

テキストのエフェクトやアニメーション（textillate.js）

「textillate.js」が豊富なエフェクトが用意されていて面白い 文字にエフェクトがあると読みずらい？そんな事どうでもいい、読ませる文字じゃねーんだから考えるな感じろ！そんな時に使います。 デモ アニメーションさせ  ･･･  

文字をタイピングする様なエフェクト（t.js）

文字をタイピングするエフェクト、t.js 読ませる文字には使えないかもですが、面白いので使ってみました。 まずはデモでも。 t.jsのデモ テキストをタイピングした様に見せるプラグイン（t.js）noのでもデモです 個人  ･･･  

HTML要素の高さを揃える（matchHeight）

要素の高さを揃えるプラグイン「jquery.matchHeight.js」 CSSのflexboxが主流ではなかった時代、このjQueryプラグインが利用されていました。 テキスト入れたHTML要素を綺麗に並べたいけど、  ･･･  

カウントダウン（jquery-yycountdown）

時間のカウントダウンについて(jsプラグイン) システム時計の取得はこちら デモ ※現時刻から、2030年01月01日までのカウントダウン ※開始時間、終了時間をphpで設定したりすると汎用性あるかもしれないので、下記記  ･･･  

カウントダウン（jQuery Countdown）

時間のカウントダウンについて(jsプラグイン) JSでの時間の取得はこちら デモ 資材について プラグイン「jQuery Countdown」をダウンロードします。 http://keith-wood.name/coun  ･･･  

時間の取得(JS)

JSによる時間取得 頻繁に使わないホントそう、だから忘れる。だから備忘録へ！ デモ タイマーの出力(YYYY/MM/DD(@) HH:MM:SS) HTML出力部分の記述 <div id=”timerArea”>表  ･･･