入力フォームの重要性 商品購入やイベントへの参加申し込みなど、Webページ上でユーザーが最終アクション（CV：コンバージョン）を完了させる接点となるのが「入力フォーム」です。 入力フォームをただ設置すれば問い合わせが増え […]
入力フォーム
Googleアンケートの画面デザインを再現したフォームを作成してみた
Docker
Dockerを利用したJavaの開発環境を考える − Eclipse編
目的 JavaでWebアプリケーション開発を行う際にSpringBootを利用するケースが増えてきていますが、SaStrutsなど古いWebアプリケーションを保守していかなければならないケースもまだまだ存在しています。J […]
JQueryプラグイン
WordPressでも利用可能な拡大画像スライダー－jquery-zoomSlider（プラグイン）
作成した背景 WordPressで複数の写真をギャラリー表示させた記事を作成したのですが、写真が小さく見切れて表示しまうため、クリックで拡大表示できるようにしたいと思い作成しました。 こだわった点としては画像が1～2枚で […]
JQueryプラグイン
再利用性の高い画像スライダー－jquery-isystkSlider（プラグイン）
作成した背景 Webサイトにスライダーを設置したいというニーズはとても多く必要価値の高いUIとなっています。スライダーを実現するためのプラグインはインターネット上で探すと沢山存在していますが、利用される場面によっては使え […]
JQueryプラグイン
かっこいいオーバーレイ－jquery-isystkOverlay（プラグイン）
作成した背景 オーバーレイ表示をする為のjqueryプラグインは沢山インターネット上に存在してますが、出来るだけシンプルで且つ再利用性の高いものを作成したいと思いました。オーバーレイを表示する際のCSS3アニメーションが […]
JQueryプラグイン
Qiitaのようなサイドメニューに見出しを表示するナビゲーション－jquery-stickyNavigator（プラグイン）
作成した背景 ブログの記事内容が長くなるほど目的の記事を探すのが大変になり、スクロールしながら探すのはユーザーストレスに繋がります。記事中のh2やh3で表示している見出し部分だけをナビゲーションとしてピックアップすること […]
Shell
実行中のコマンドをバックグラウンドに切り替える方法
ターミナルでコマンドを実行中。そろそろ帰宅したい。でもコマンド実行中だからPC起動したまま帰ろうかなぁっていう時によく使うコマンド Ctrl+zでジョブを一時停止 bgでバックグランドで再開させる jobsで実行中のジョ […]
Vue.js
Vue.js をTypeScriptで書く！書き方の違いを比較 − vue-property-decorator
vue-property-decorator Vue.js や Nuxt.js で TypeScriptを利用するためにはvue-property-decorator というデコレータを利用します。（Nuxt.js の場 […]
JQueryプラグイン
タグの選択に使える絞り込み入力ができるセレクトボックス－jquery-searchbox（プラグイン）
作成した背景 ユーザーが投稿するフォームで会場を選択するためのセレクトボックスが必要だったのですが選択肢となる会場の種類が非常に多くセレクトボックスから選択させるのはユーザービリティが悪いということになった。 会場名を選 […]
AWS
CodeBuildを利用してGitHubとECRを連携する方法
ここでやること GitHub にプッシュした際に、CodeBuild を実行させて自動的にビルドする CodeBuild でビルドしたDockerイメージを ECR に保存する ECRとは AWS 上の Docker コ […]