Macでブログを作成するためにhugoのインストールから公開までの作業手順について

hugoを導入するにあたってのメモ

ブログを静的ジェネレータであるHugoを使って作成し、 Netlifyを使ってデプロイする。

環境

  • Mac OS Big Sur

ローカルの作業

hugoのインストール

brew install hugo

hugoでプロジェクトの作成

hugoで任意の名前のプロジェクトを作成する。 今回は"quickstart"とした。

[Read More]

vue でモーダルウィンドウに複数の種類のコメントを表示する

vue でモーダルウィンドウに複数の種類のコメントを表示する

postItem変数を介して、親から子へと情報をやり取りする。

コードサンプル

親js

  
new Vue({  
  
data:{postItem},  
methods:{  
  
openModal: function (item) {  
      console.log("openModal "+item)  
      this.showContent = true  
      this.postItem = item  
      console.log("this.postItem "+this.postItem)  
    },  
closeModal: function () {  
      console.log("closeModal")  
      this.showContent = false  
    },  
}  
})  
  

子js

[Read More]

ギターの練習のために演奏動画を撮影、Macの iMovieで動画の音量調整、オーディオ抽出する

楽器の練習、私の場合はソロギターの練習のために動画の撮影を行うことにした。

撮影はフォームや自分の演奏を客観的に聴くために有効だ。

ただ撮影に手間がかかるのでは、 練習から手が遠のいてしまう。

[Read More]

vue.jsでtodoリスト作成したった

ウェブアプリを練習で作りたくなったのでtodoアプリを作ってデプロイした。

手順などを記録しておく。

開発環境

macOS

firebase cli のインストール

npm install -g firebase-tools

多分yarn add でも可

todo list の作成

Vue.jsとjavascriptについてはまだあんまり理解していない。

[Read More]

python でのmlflowの使い方

python でmlflow使うメモ

実験結果を比較するために便利っぽいのでMLflowを使ってみた。

パラメータと実験結果の記録をある程度自動化できる。

機械学習の実践はある種の黒魔術となることが多いので再現性を担保するための努力は後々に影響する。

[Read More]

Re:VIEW の始め方メモ

Re:VIEW の始め方メモ

mac でのRe:VIEW を導入した時のメモ。

作業用ディレクトリの作成

適当なディレクトリをつくる。

mkdir “project_name”

Docker を用意

Docker のインストールは各自でされたし。

[Read More]

AppSheet でゲーミフィケーション要素のあるtodoのアプリをつくったった

  • ノーコードでtodoアプリを作った。
  • その過程とハマったところを記録しておく。

ゲーミフィケーション

  • ゲーム感覚で日常のタスクをこなしていこう、というもの。
  • ゲーム感覚で楽しく取り組むための工夫についての学問がゲーミフィケーション。
  • その基本的なポイントとして報酬とペナルティがある。
  • 人間はスコアアタックに魅力を感じて、スコアをロストすることに嫌悪感を覚える
  • その習性を利用して日常の習慣をゲームにする。

ゲーム化したいこと

  • 私はストーリーに興味がある。RPGをやっていてもお話やキャラ同士の掛け合いに強く関心を持っていた。テイルズオブシリーズとか大好きだった。
  • そこで自分でもストーリーを作れるようになりたい。
  • その練習として即興小説を毎日書くモチベーションを作りたい。

ゲームの骨子

  • ゲームの内容としては、即興小説を毎日書くとスコアアップして、サボるとスコアがリセットされるようにしたい。

ノーコードでアプリ作成

  • 一度アプリ作成に取り組んでみたかった。
  • 私に現時点でアプリ作成の技能や知識はないので、その点を補助するツールが必要になる。
  • そこでノーコードでアプリを作成できるツールを見つけた。AppSheetだ。

AppSheet

  • Google が買収したことで話題になったノーコードでアプリを作成できるサービス。
  • 公式にデプロイするのは有料アカウントが必要になる。 個人でアプリのテストを行う間は無料なので、アプリを自分だけが使う場合には無料コースでも大丈夫。 試しに触ってみる。

手順

  • サインアップ。グーグルのアカウントを使った。
  • データからアプリを作成を選択。
  • 事前にスプレッドシートでどういう仕組みになって欲しいかを練れる。
  • スプレッドシートをアプリにするためのUIを自動で作ってくれるイメージで進められる。
  • スプレッドシートの内容をアプリにするイメージで進めていく。

完成品

  • ゲームのスコアに換算するタスクをメモする画面。
  • 達成したかどうかもメモ出来るようにした。

sFFppLC9lKbI3buFnlzA926bb3G3/X2ovK6qq9xA4xLmi.jpg

[Read More]

数理最適化の事例集まとめたった

数理最適化が役に立つことを忘れないために実応用についてメモしておく。

事例集

  • 乗り換え案内サービス

  • 二次計画問題

    発電計画

  • ダイナミックプライシング、オークション

  • 金融におけるポートフォリオ最適化

    [Read More]