その他vue-chartjsで円グラフに直接ラベルを表示する【vue-chartjs】
chart.jsには様々なプラグインが存在していて、それらを使うことでchart.jsを拡張することができます。今回はラベルを表示するための chartjs-plugin-datalabels を用いて円グラフに直接ラベルを表示します。 c...
その他
その他その他vue-chartjsでグラフの大きさを調整する
vue-chartjsでグラフを描画すると大きさがメチャクチャになったりして、ハマったので調整する方法についてメモです。またvue-chartjsにはあまり関係ありませんが、Nuxtでやりたいと思います。 目標は「親要素に合わせた大きさに調...
その他Vueで画像プレビュー機能を作る
<input>と$refsを使う方法 流れとしては 画像を受け取るのを@changeで監視する@changeが発火したら$refsから画像を取得してcreateObjectURLでその画像のURLを作る画像のURLをurlに代入する。v-b...
その他Vueで閉開するメニューを実装してみた
今回はVueを使って、閉開するメニュー（アコーディオンメニューって言うのかな？）を実装してみました。こういう閉開する機能を作るのVueでも基本的なところなので、簡単に実装できるのではないかなと思います。 ロジックとしては、クリックされるごと...
その他HerokuのPostgreSQLをCLIで使う方法
HerokuではPostgreSQLがアドオンとして提供されてるのですが、このPostgreSQLをCLIで扱う方法について解説していきます。 Herokuでアプリを作成する まずはHerokuで新しいappを作成しましょう。 Postgr...
その他簡単にMacでPostgreSQLを使えるようにする
今回はPostgress.appというものを用いて、MacでPostgreSQLを使えるようにします。難しいコマンド等もなく、ただアプリケーションをインストールするだけなので、誰にでもできると思います。 Postgres.appをダウンロー...
その他textareaタグのリサイズを不可にする方法【HTML&CSS】
デフォルトではtextareaタグを使うとユーザーからリサイズができてしまいます。 こんな感じ これはCSSで textarea { resize: none;} とすることでリサイズを不可にすることができます。
その他Colabでフォルダをダウンロードする方法
colabでフォルダをダウンロードするにはzipファイル化した後にファイルとしてダウンロードし、解凍するという流れになります。 つまりzip化できればファイルの時と同じようにダウンロードするだけですね それではコードを紹介します。 #先頭に...
その他MNISTを数字順にソートする方法【Python】
MNISTをロードするとぐちゃぐちゃな順番なんで、色々と操作が面倒です。そこでMNISTを数字順にソートする方法を考えてみました。 今回はこの記事の方法を用いてやります。MNISTもnumpy配列形式なんでこの方法が適用できるんですね。 f...
その他複数のnumpy配列を同時にソートする方法【Python】
あるnumpy配列を基準として複数のnumpy配列を同じようにソートしたいことがあるかと思います。 これはnumpy.argsort()を用いることで実現することができます。numpy.argsort()はソート後のインデックスを返してくれ...