2020年02月の記事

再利用性の高い画像スライダー-jquery-isystkSlider(プラグイン)

画像スライダー jquery-isystkSlider

作成した背景 Webサイトにスライダーを設置したいというニーズはとても多く必要価値の高いUIとなっています。スライダーを実現するためのプラグインはインターネット上で探すと沢山存在していますが、利用される場面によっては使え […]

かっこいいオーバーレイ-jquery-isystkOverlay(プラグイン)

オーバーレイ jquery-isystkOverlay

作成した背景 オーバーレイ表示をする為のjqueryプラグインは沢山インターネット上に存在してますが、出来るだけシンプルで且つ再利用性の高いものを作成したいと思いました。オーバーレイを表示する際のCSS3アニメーションが […]

Qiitaのようなサイドメニューに見出しを表示するナビゲーション-jquery-stickyNavigator(プラグイン)

Qiitaのようなサイドメニューに見出しを表示するナビゲーション jquery-stickyNavigator

作成した背景 ブログの記事内容が長くなるほど目的の記事を探すのが大変になり、スクロールしながら探すのはユーザーストレスに繋がります。記事中のh2やh3で表示している見出し部分だけをナビゲーションとしてピックアップすること […]

実行中のコマンドをバックグラウンドに切り替える方法

light-bulb2

ターミナルでコマンドを実行中。そろそろ帰宅したい。でもコマンド実行中だからPC起動したまま帰ろうかなぁっていう時によく使うコマンド Ctrl+zでジョブを一時停止 bgでバックグランドで再開させる jobsで実行中のジョ […]

Vue.js をTypeScriptで書く!書き方の違いを比較 − vue-property-decorator

Vue.js をTypeScriptで書く!書き方の違いを比較 − vue-property-decorator

vue-property-decorator Vue.js や Nuxt.js で TypeScriptを利用するためにはvue-property-decorator というデコレータを利用します。(Nuxt.js の場 […]

タグの選択に使える絞り込み入力ができるセレクトボックス-jquery-searchbox(プラグイン)

タグの選択に使える絞り込み入力ができるセレクトボックス jquery-searchbox

作成した背景 ユーザーが投稿するフォームで会場を選択するためのセレクトボックスが必要だったのですが選択肢となる会場の種類が非常に多くセレクトボックスから選択させるのはユーザービリティが悪いということになった。 会場名を選 […]

CodeBuildを利用してGitHubとECRを連携する方法

aws

ここでやること GitHub にプッシュした際に、CodeBuild を実行させて自動的にビルドする CodeBuild でビルドしたDockerイメージを ECR に保存する ECRとは AWS 上の Docker コ […]

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

program

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

Docker上でSchemaSpy を実行してER図を生成する

database-schema-1895779_1280

SchemaSpyとは 稼働しているデータベースからテーブル一覧やテーブル詳細、ER図 などのドキュメントをリバースで生成し、HTMLとして出力してくれるツール 利用する目的 ER図がメンテされていないプロジェクトにおい […]

Mysqlに新しいユーザーを追加する

server-2891812_1920

よく忘れるのでメモしておく 登録されているユーザーの確認 SELECT user, host FROM mysql.user; ユーザーを追加 @ の後ろにはホスト名を指定します。% はワイルドカード(すべてのホストから […]