ニワトリのたまご

宇宙とソフトウェア開発

javascript

v-virutal-scrollの初期化が重いのでv-intersectで無限スクロールを実装した

はじめに Vuetifyのv-virtual-scrollを使ってリストのコンポーネントを作成しています。データ数が多くなってもスクロールは軽いままで良いと思っていたのですが、どうも最初に表示するのに時間がかかる。調べてみるとデータの処理はすぐに終わってリストの…

Mac版のElectronでコピー&ペーストができない件を解決した

MacでElectronを使ったアプリを開発していますが、テキストボックス等でコピー&ペーストが効かないことがわかりました。 以下のサイトにあるように、Mac版のElectronアプリだとできないもんらしいです。 tech.kurojica.com 私の場合は以下のエラーが出て素直…

Module XXX has no default export

scriptタグでsetup構文を設定しているモジュールを別ファイルからimportすると静的解析ツールからModule XXX has no default exportという警告が出ていた。 よく見るとVeturというツールによる警告らしい。 Vue3の公式ドキュメントを見るとVue3を使う場合はV…

Node.js + Expressでファイルサーバ上のファイルを介してチャットするツールを作った

サーバを立てることができないためrocketchat等のOSSを使うことはできないが、共有ファイルサーバは存在するという環境。この共有のファイルサーバを使ってなんとかリアルタイムなコミュニケーションができないかと思った。以下のブログを参考に実装した。 s…

sidebar-v2でサイドバーを直接操作する

google map apiを使ってwebサービスを作る上で、以下のコードを使うことでサイドバー機能を追加することができます。github.comsidebar追加例 このgitコードを使う際に、サイドバーを直接操作する使い方メモ。 <div class="sidebar-content"> <div class="sidebar-pane" id="home"> <h1 class="sidebar-header">sidebar-v2</h1> <span id="home-contents">home</span> </div> …</div>

日本庭園散歩のための検索マップをGoogleMapAPIを使って作った

日本庭園散歩をする際に、どこに・どんな庭園があるのかを地図を使って検索するためのサイトです。 庭園の情報は日本庭園鑑賞便覧―全国庭園ガイドブックから引用しています。 日本庭園散歩のための検索マップ | 庭っぽ 2018/12/02 https化しました 2019/01/0…