JavaScript

Nuxt.jsをdockerで動かしてみる

【動作環境】 macOS 【使用するツール】 Docker Docker Compose 作業ディレクトリを作成 $ mkdir nuxt_app $ cd nuxt_app Dockerfileの作...
プログラミング

Bashコマンドの履歴を積極的に活用したら作業効率が上がった

Bashを使っている時に過去に実行したコマンドをもう一度実行したいことが開発をしているとよくあると思います。数回前のコマンドでしたら、↑↓で十分ですがそれ以上前だと大変です。今回は、履歴を積極的に活用した方法を記事にしました。 コ...
JavaScript

Angular.jsを公式チュートリアルで理解しようとしてみた

AngularはTypeScriptを採用したフレームワークです。変数の型を静的に定義できるので、JavaScript特有の原因がわかりにくいエラーが減らすことが可能で、大規模開発に向いているらしいです。 今回は、Angular.js...
プログラミング

HTML5のfileタグをcssでいけてるデザインに変更してみる

from周りをコーディングする際、毎回HTML5のfileのデフォルトのデザインがダサすぎて、デザインをしたくなります。その度に、fileタグのコーディングの仕方を忘れるので備忘録代わりにメモ。 以下のソースコードにcssをあてて...
WordPress

WordPressを本番環境からローカル環境へ移行する方法

当ブログのサイトリニューアルの際に、本番環境のWordPressをローカル環境に移行しました。ローカル環境から本番環境に移行する記事は多くありましたが、逆は少なかったので記事にしました。 ※ 基本的には、「本番」→「ローカル」も「ロー...
Firebase

Firestoreでドキュメントの追加・編集(更新)・検索・削除の方法

Firestoreは、Googleの柔軟でスケーラブルなNoSQLクラウドデータベースです。「オフラインデータアクセスに対応」や「リアルタイムデータ同期」などに加えてデータが非常に簡単に扱いやすくなっています。今回は、Firestoreのド...
JavaScript

Nuxt.js(Vue.js)を使って動的モーダルコンポーネントを実装

今回、動的にモーダル表示するコンポーネントを作りました。「モーダルの状態管理」「親とコンポーネント間のデータの受け渡し」「動的にモーダルの中身を変更する」といった処理が必要で勉強になったので、備忘録代わりに記事にしました。 ※ vue...
プログラミング

GoogleAdsenseのレスポンシブ広告がモバイル表示ではみ出る問題をCSSで解決

GoogleAdsenseのレスポンシブ広告を使用していて、モバイル表示の時に画面幅いっぱいに設定されてしまって困っていました。(PCだと問題なく表示したいdivの中に表示されていた) 他の記事に解決法としてよく公開されている、Ads...
WordPress

WordPressテーマcocoonにおすすめの厳選プラグイン4選

2018年6月に公開された超高機能・無料wordpressテーマcocoon。cocoonは非常に高機能なため、プラグインを大幅に削減することが可能です。今回は、そんな高機能テーマcocoonを使用している方向けのおすすめプラグインを4つ厳...
WordPress

【SiteGuard WP Pluginが原因】WordPress管理画面にログインできなくなったときの解決法

wordpressに管理画面にログインできなくなった場合いくつか原因は考えられます。しかしSiteGuard WP Pluginプラグインを使用している方は、まずこの原因を考えると良いでしょう。 SiteGuard WP Plugin...
SEO

【Mac版SERPOSCOPE】バージョンアップデートの方法

SERPOSCOPE2.9.0にて、順位取得の際にエラーが出ないのに順位が取得されない不具合が起こり困っていました。SERPOSCOPE2.10.0にてその不具合が解消されたということなので、バージョンアップデートを試みました。今回は、その...
SEO

【コンテンツSEO】雑多ブログと専門ブログどちらがいいのか?

雑多ブログを1つにするのか、専門ブログを複数に分けるのか?は、個人ブログ・アフィリエイトブログなど多少なりともSEO(Search Engine Optimization)を意識してブログを始める場合に考えることだと思います。今回は、雑多ブ...
WordPress

LION MEDIAのヘッダーメニューを上部固定する処理をjQueryとVueで実装

LION MEDIA(ライオンメディア)のヘッダーメニューをスクロール途中で上部固定する処理をjQueryとVue.jsの両方でサンプルを作りましたのでメモします。 テーマ側の設定 デフォルトでヘッダーメニューが表示されるように...
WordPress

WordPressのテーマに独自jsファイル(Vue.js)を読み込ませる方法

WordPressのテーマに独自で作成したjsファイル(Vue.js)を読み込ませる機会があったので、その方法について記事にしました。 【今回したいこと】 js/index.js(vue)をテーマに読み込ませたい 子テ...
JavaScript

Nuxt v2(nuxt-edge)プロジェクトで始める

Nuxtをv2(nuxt-edge)を使ってみたら、ビルドの処理速度が明らかに早くなっていました。今回は、Nuxt2でのプロジェクトの始め方について紹介します。 nuxtプロジェクトを作成 // vue-cliをインストール ...