はじめに GStreamerのテスト動画をHTTP Live Streaming (HLS)形式にして配信し、Google Chromeからアクセスして視聴したいと思います。HLSの動画を視聴するためにhttp-serverでWebサーバーを立ててNode.jsを利用したWebページを作成したいと思います。 環境 …

やりたいこと Vue3 を Vite でインストールして環境構築し、ESLintの設定も行いたい。そして、それらを使ったときのVisual Studio Codeでのちょっとした問題に対処したい。 やりたいこと 環境 Viteを利用してVue3のインストール ESLintをインストール .eslin…

motivation Vueのインスタンスを生成して子コンポーネントを再描画するときに、v-onディレクティブを設定する方法にたどり着くのが大変だったのでメモ。 前回の記事: Vue.js 子コンポーネントを強制的に再描画するいくつかの方法 motivation outline prerequ…

motivation 子コンポーネントを再描画したい。いくつかのやり方を見つけたのでメモ。 公式の注意書きでは、以下のように書いてあります。 もし Vue で強制更新をする必要な場面に遭遇する場合、99.99% のケースであなたは何かを間違えています。 しかし私の…

モチベーション とあるバージョンのNode.jsを使う必要が出てきました。今までは、nodebrewを利用していましたが、調べてみるとanyenvとnodenvを利用したものが最近的？みたい。なのでそれらをfishで利用できるように環境構築しました。 モチベーション 環境 …

モチベーション ソースコード内で静的なファイル(画像など)を読み取るアプリケーションをelectron-builderでパッケージングして、作成したアプリを起動するとそのファイルが無いとエラーが出る。躓きポイント。 モチベーション build構成 解決策 思ったこと …

モチベーション electron-builderでのパッケージング時に、portableを指定している場合の作成されたexeファイルの位置を知りたい。これをどうするのかで結構悩んだ。 モチベーション 環境 実装失敗 実装成功 おまけ 参考文献 環境 【Windows】：10 【Electro…

はじめに At Coderを利用中に回答を閲覧していて気になるPythonコードがあったので調べてみた。 はじめに 不思議な構文 解説 JavaScript 探してみた そもそも 参考文献 不思議な構文 気になる見つけたAtCorderのPythonの値を変えてコードを以下に記入した。 …

やりたいこと Go言語で http の通信をしたい。まずは、クライアント側を Goで書いて、サーバー側は筆者が慣れているNode.jsのexpressを利用して書いてみる。その後に、文字列をhttpで返してみるサーバを今度はGoで書いてみる。 Goでhttp GETするためのライブ…

いくつかの方法 だいたい4つぐらいがありそう。 いくつかの方法 環境 Objectをそのまま渡す Object内でプロパティを指定し渡す プロパティのみを渡す Objectを省略記法を使いそのまま渡す どれがいいのか Objectをそのまま渡す Object内でプロパティを指定し…

やりたいこと Vue.jsのtemplate言語ブロックでイベントハンドリングするときに、引数でeventとその他の引数もメソッドへ渡す必要性が出てきました。ですので、調査を行いました。 やりたいこと 環境 方法 サンプルコード $eventを利用する方式 アロー関数方…

やりたいこと Vue.jsでisomorphic-gitを利用したいと思います。そのための環境構築し、コミットの中のファイルを表示しようと思います。 やりたいこと 必要なもの 環境構築 コード修正。 App.vue 実行 解説 ファイルシステム リバースプロキシ プログレスバ…

やりたいこと Vue.jsにて、template言語ブロックのhtmlの要素(dom)をscript言語ブロックから参照したいと思います。参照する方法について調べたのでメモしておきます。 やりたいこと 必要なこと 実際に取得してみる 環境 コード 実行 domのクラスを取得して…

やりたいこと Nuxt.js で Vuex のモジュールモードを利用して localStorage 値を保存しようと思っています。今回の場合には、VuexのAPIの一つであるsubscribe `を利用しました。 やりたいこと 環境 コード ディレクトリ store/index.js store/todos.js pages…

やりたいこと Nuxt.js を利用時に、Vuex で mapGetters に引数を持たせる場合には、どのようにすればよいのか分からなかったので調べてメモしました。 やりたいこと 環境 環境構築 ディレクトリ コード store/hoge-module.js pages/index.vue 実行 解説 おま…