スマートスピーカー特集
Amazon Echo（アマゾンエコー）で毎週・毎日のイベントをリマインドする
こんにちは、”はふぃ”です。
毎週とか毎日、定期的にあるイベントってついつい忘れることありませんか？
毎週決められた曜日にあるスーパーの特売日やゴミ出しなど。
Amazon Echo（アマゾンエコー）でフレーズとアクションをカスタマイズする方法
こんにちは、”はふぃ”です。
前回の記事でAmazon Echoのセットアップを行い、Nature Remoを使ってライトを消せるようになりました。
Amazon Echo（アマゾンエコー）で部屋の電気を消す
こんにちは、”はふぃ”です。
我が家にはGoogle Home（グーグルホーム）があるので、これまでいくつかGoogle Homeに関する記事をあげてきました！
→ Google Homeに関する記事はこちら
【レビュー】Google Home（グーグルホーム）で物理スイッチを操作する（SwitchBot）
こんにちは、”はふぃ”です。
以前、Google Home（グーグルホーム）のレビュー記事で照明などを操作する方法を紹介しましたが、それらで操作できるのはあくまでリモコンの赤外線やネットワークなどを利用して操作できるもの限定でした。
Vue.js特集
【Vue.js】middlewareやplugins, fetchなどの実行順序
こんにちは、”はふぃ”です。
Vueアプリケーションを作っているとmiddlewareやplugins、fetchやafterEachなどいろんなタイミングで実行される処理が出てきて混乱しませんか？
【Vue.js】injectしたメソッドの中で他のinjectされた処理を使う方法
こんにちは、”はふぃ”です。
Vue.jsアプリケーションのNuxt.jsで使われるinjectという処理をご存知でしょうか？
【Vue.js】スムーズにスクロールするアンカーリンクの使い方
こんにちは、”はふぃ”です。
アンカーリンクとは、リンクしたい場所にアンカー（目印）を置いてページ内ジャンプをするための機能のことで、htmlでは飛び先の要素にid=”アンカー名”、リンクにhref=”#アンカー名”を設定することで実装できます。
【Vue.js】nuxt-linkタグとaタグを使い分ける方法
こんにちは、”はふぃ”です。
Vueアプリケーションを作成する際にNuxt.jsを利用することが多いと思いますが、Nuxtのリンクにはaタグではなくnuxt-link（またはrouter-link）を使用します。
【Vue.js】storeのstateが更新されたことを検知する方法
こんにちは、”はふぃ”です。
Vue.jsでFormなどを利用して動的に値が更新された場合、computedやwatchを利用することでその変更を検知することができます。
記事一覧
Apple Watchでメルペイを使う方法
こんにちは、”はふぃ”です。
キャッシュレス決済って便利ですよね。
財布も持たずに手ぶらでフラッと買い物ができるあの快感を知ってしまったら、もう財布は持てません！笑
便利なだけでも嬉しいキャッシュレス決済ですが、最近は日常的にキャッシュレス決済を使ってもらおうと各社がキャンペーンを行っているので、かなりお得に買い物ができるんです！
（日常的に20%還元が行われたり、期間によっては50%還元や70%還元も）
【初心者向け】はじめてのApple Watchアプリ
こんにちは、”はふぃ”です。
みなさんはApple Watchを持っていますか？
4万円ぐらいするので高いと思うかもしれませんが、SuicaやIDを登録すれば右手をかざすだけでとてもスマートに買い物ができるので、かなり便利でおすすめです！
（これに慣れると携帯を取り出すのすら面倒になります。笑）
E2EテストでWEBサイトをチェック（CodeceptJS × Puppeteer）
こんにちは、”はふぃ”です。
E2Eテストという言葉をご存知でしょうか？
E2Eテストとは、End to Endの略でその名の通りWEBサイトやアプリケーションの「開始から終了まで」をテストするものです。
Vue.jsの50倍早いライブラリ！？「Svelte」
こんにちは、”はふぃ”です。
最近のWEBフロントエンド界隈では、Vue.js や React 、 Angular が主流のフレームワークとなっていると思います。
（私は Vue.js をメインに使っているので、このサイトでは Vue.js のTipsをよく紹介しています）
Amazon Echo（アマゾンエコー）で毎週・毎日のイベントをリマインドする
こんにちは、”はふぃ”です。
毎週とか毎日、定期的にあるイベントってついつい忘れることありませんか？
毎週決められた曜日にあるスーパーの特売日やゴミ出しなど。
WordPressで投稿した記事を一覧表示するプラグイン 「WP Show Posts」
こんにちは、”はふぃ”です。
以前、WordPressで投稿した記事を一覧表示するプラグインとしてPost Gridを紹介しました。
【Vue.js】middlewareやplugins, fetchなどの実行順序
こんにちは、”はふぃ”です。
Vueアプリケーションを作っているとmiddlewareやplugins、fetchやafterEachなどいろんなタイミングで実行される処理が出てきて混乱しませんか？
レイヤードアーキテクチャをサンプルを使ってとにかくわかりやすく表現してみた
こんにちは、”はふぃ”です。
レイヤードアーキテクチャってご存知ですか？
ドメイン駆動設計におけるアーキテクチャの一種でドメイン層が独立していることが特徴だそうです。
うん、全くわからん。笑
WordPressのプラグインでバックアップを取る方法 「UpdraftPlus」
こんにちは、”はふぃ”です。
WordPressで記事を書いている人にとってバックアップで非常に重要ですよね。
これをやっておかないとある日突然今まで書いた記事がすべてなくなるということもありえるわけですから。
Amazon Echo（アマゾンエコー）でフレーズとアクションをカスタマイズする方法
こんにちは、”はふぃ”です。
前回の記事でAmazon Echoのセットアップを行い、Nature Remoを使ってライトを消せるようになりました。
Amazon Echo（アマゾンエコー）で部屋の電気を消す
こんにちは、”はふぃ”です。
我が家にはGoogle Home（グーグルホーム）があるので、これまでいくつかGoogle Homeに関する記事をあげてきました！
→ Google Homeに関する記事はこちら
【Vue.js】injectしたメソッドの中で他のinjectされた処理を使う方法
こんにちは、”はふぃ”です。
Vue.jsアプリケーションのNuxt.jsで使われるinjectという処理をご存知でしょうか？
【Vue.js】スムーズにスクロールするアンカーリンクの使い方
こんにちは、”はふぃ”です。
アンカーリンクとは、リンクしたい場所にアンカー（目印）を置いてページ内ジャンプをするための機能のことで、htmlでは飛び先の要素にid=”アンカー名”、リンクにhref=”#アンカー名”を設定することで実装できます。
【Vue.js】nuxt-linkタグとaタグを使い分ける方法
こんにちは、”はふぃ”です。
Vueアプリケーションを作成する際にNuxt.jsを利用することが多いと思いますが、Nuxtのリンクにはaタグではなくnuxt-link（またはrouter-link）を使用します。
【Vue.js】storeのstateが更新されたことを検知する方法
こんにちは、”はふぃ”です。
Vue.jsでFormなどを利用して動的に値が更新された場合、computedやwatchを利用することでその変更を検知することができます。
一人暮らしの家で簡単にデュアルディスプレイにする方法
こんにちは、”はふぃ”です。
みなさんデュアルディスプレイってご存知ですか？
その名の通り「ディスプレイを２台使う」ということなのですが、片方に資料を映してもう片方の画面で作業するなど非常に便利です。
【初心者向け】WordPressでfavicon（ファビコン）を設定する方法
こんにちは、”はふぃ”です。
【初心者向け】はじめてのfavicon（ファビコン）作りで作成したファビコンをWordPressに設定する方法について説明したいと思います。
WordPressで目次を簡単に自動生成する方法
こんにちは、”はふぃ”です。
ネットで情報を探している際に記事やブログを探ると思いますが、長文のものだと自分が欲しい情報がどこに書かれているかわからないですよね？
【レビュー】Google Home（グーグルホーム）で物理スイッチを操作する（SwitchBot）
こんにちは、”はふぃ”です。
以前、Google Home（グーグルホーム）のレビュー記事で照明などを操作する方法を紹介しましたが、それらで操作できるのはあくまでリモコンの赤外線やネットワークなどを利用して操作できるもの限定でした。
【Vue.js】子コンポーネントから親コンポーネントにデータを受け渡す方法
こんにちは、”はふぃ”です。
コンポーネントは名前付きの再利用可能な Vue インスタンスです。
https://jp.vuejs.org/v2/guide/components.html
Vue.jsではモジュールをコンポーネント化し、一つのコンポーネントの中で複数のコンポーネントを呼ぶことが多いです。
【Vue.js】dataプロパティでの_（アンダースコア）の扱い
こんにちは、”はふぃ”です。
JavaScriptのコードを扱っていると、変数名の先頭に_（アンダースコア）がついている時があると思います。
意味はローカル変数を表していることが多く、private宣言ができないJavaScriptではスコープの違いを表すために使われます。
【Vue.js】v-modelを使ったgetとset
こんにちは、”はふぃ”です。
Vue.jsでFormのinput要素などに双方向データバインディングを作成する方法としてv-modelが存在します。
これを利用することでFormの更新はデータに反映され、データの更新はFormの表示に反映されます。
そこで今回は、v-modelを使ってstoreの情報を反映・更新する方法について書きます。
【初心者向け】アフィリエイトリンクを作る方法（Amazon, 楽天, Yahoo!ショッピング）
こんにちは、”はふぃ”です。
ネットで記事などを見ていると、よく以下のような関連商品をショッピングサイトで購入できるリンクがあると思います。
Google Home（グーグルホーム）の「おはよう」をカスタマイズする
こんにちは、”はふぃ”です。
Google Home（グーグルホーム）のレビュー記事でGoogle Homeの使い方を少し説明しましたが、１つのアクションごとに「OK！グーグル」というのは面倒くさいですよね。
そこで今回は、１度の呼びかけで複数のアクションを行う方法について説明したいと思います！（Google Homeではこれをルーティンと言います）