フロントエンドの記事

Bootstrap4でよく利用するクラスの纏め(基本編)

Bootstrap4でよく利用するクラスの纏め(基本編)

BootstrapはHTML/CSS/JavaScriptから構成される最も有名な CSSフレームワーク です。 WEBページでよく使われるフォーム、ボタン、メニューなどの部品がテンプレートとして用意されおりデザイン性も […]

CV効果の高いフォームデザインを考える

form-design1

入力フォームの重要性 商品購入やイベントへの参加申し込みなど、Webページ上でユーザーが最終アクション(CV:コンバージョン)を完了させる接点となるのが「入力フォーム」です。 入力フォームをただ設置すれば問い合わせが増え […]

TypeScriptベースでVue.js コンポーネントの書き方の違いを比較

vuejs

TypeScriptを利用した場合と利用しない場合でVue.js コンポーネントの書き方がどのように変わるのかを比較しながら記載しています。 Vue.js のコンポーネントの書き方については、よく利用するVue.jsのオ […]

便利なUnderscore.js の関数とサンプルコード

underscorejs

Underscore.jsは、便利なユーティリティ関数を詰め合わせたJavascriptライブラリです。複雑なアルゴリズムを簡単なコードで書くことが出来るようになりますが、ある程度、覚えてないと利用することも出来ないので […]

よく利用するVue.jsのオプションとサンプルコードの纏め

program

ライフサイクルフック created インスタンスが作成された後で実行される。Ajax通信を行いデータを初期化する場合などによく利用される。 mounted インスタンスが作成されて、elementへのマウントが完了した […]

Webpack4で複数エントリに分けてビルドする方法

frontend-4342425_1280

目的 複数の静的なHTML・CSS・JSを作成して公開したい JSやCSSは圧縮してソースコードを簡単に盗まれないようにしたい 依存性をチェックして不具合を事前に見つけられるようにしたい WebPackを利用するメリット […]