K's room

Plotly Jsでグラフを書く

js読み込み <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>PLOTLY</title> <script src="https://cdn.plot.ly/plotly-3.0.0.min.js" charset="utf-8"></script> </head> mainにグラフを書くためのスペースを作る <div id="plotly-container"> </div> 棒グラフを書いてみる https://plotly.com/javascript/bar-charts/ <script> plotData(); function plotData() { // Plot Area const plotDiv = document.getElementById('plotly-container'); const traces = []; // 年ごとの収支 const data = { "year": [2010, 2011, 2012, 2013], "income": [1000000, 2000000, 3000000, 4000000], "expense": [500000, 1000000, 2000000, 3000000] } data.balance = data.income.map((value, index) => value - data.expense[index]); // 棒グラフとして追加 traces.push({x: data.year, y: data....

2025-02-16 高尾山5回目

5回目。前回と全く同じルートで歩いた。本当は前日にも早起きしていたのだが、出かける気になれずに断念、この日の朝は曇り空だったのだが8時過ぎには回復してきてこのまま家にいても…と思ってとりあえず出かけてみたと言った感じ。だから登山開始も遅くって11時30分くらい、下ってくる人も多かった。頂上に着いたのは13時位でやはり混雑していたし、山頂の標識のところで写真を撮るための列ができていた。山小屋が開いているのも初めてみたような気がする。 14時頃に高尾山口駅に着いて特急に乗る。笹塚駅で都営新宿線に乗り換えることができてスムーズに神保町までたどり着いた。 \650。中央線だと\945だから300円も違うのだ。体力はそれなりに付いてきたのかな。これくらいの山だからというのもあるかもしれないが。

Tomlとyaml

paperMod設定方法コンバータ https://fixpoint.github.io/yaml-toml-converter/ で相互に変換できる。 TOML Table [] はTableをあらわす [table] key1 = "A" key2 = 1 "table"に属するkey1とkey2。値は"A"と1 同じ名前のテーブルは1つしか作れない。 Table 配列 [[]] はテーブル配列。menuに表示するリストなどはこれを使う。ならmenuとかicon群とか。 [menu] [[menu.main]] identifier = "categories" name = "categories" url = "/categories/" weight = 10 [[menu.main]] identifier = "tags" name = "tags" url = "/tags/" weight = 20 YAML 同じものをYAMLで書くとこうなる。 menu: main: - identifier: categories name: categories url: /categories/ weight: 10 - identifier: tags name: tags url: /tags/ weight: 20 - identifier: example name: example....

Gitでssh認証を使ってpushする

sshキーの確認 ls -al ~/.ssh 以下のいずれかが公開鍵となる id_rsa.pub id_ecdsa.pub id_ed25519.pub キーを作る ssh-keygen -t rsa -b 4096 -C "mail@example.com" パスフレーズはなくてもいい。公開鍵情報をgithubに登録する。 id_rsa.pub ファイルを開いて中身をコピーする githubでNew SSH keyを選択し、Titleを決めて、コピーしたキーを貼りつける。認証する Bash上で以下を実行する ssh -T git@github.com 以下のような警告が出てきた場合は、yesを押す > The authenticity of host 'github.com (IP ADDRESS)' can't be established. > RSA key fingerprint is SHA256:........ > Are you sure you want to continue connecting (yes/no)? 成功すると以下のメッセージが表示される。 > Hi username! You've successfully authenticated, but GitHub does not > provide shell access....

Github Pagesを使ってhugoのホームページをdeployする

Pages用のリポジトリを作る名前は username.github.io としなくてはならない。 github actionを使う githubにはソースとなるファイルをアップロードして、github actionでサイトをビルド、デプロイする。 gitリポジトリを作成 configファイルを設置しているディレクトリで git init を実行 publicフォルダを管理外に置く echo "/public" > .gitignore でpublicフォルダを管理外におく。ファイルを追加し、コミットする git add . git commit -m "first commit" githubでリポジトリを作成する git remote add origin git@github.com:marigold1287/marigold1287.github.io.git でリモートリポジトリを追加する。 pushする git push origin main Github actionsの設定 githubにて Settings-Pages-Build and deployment とたどって Github Actionsを選択する。選択肢の中にある hugo をクリックすると pages.yml というworkflowが自動で生成されるのでcommitする。 workflowファイルをPullするローカルにこのファイルを置いておかないとpushできないのでpullしておく git pull origin main

ホームページを開設してみる

Outputの場としてこのホームページを作ってみた。そうは言っても今までに何度か同じようなことを繰り返していて github、はてな、Qiita、note、twitter…いろいろなところを使ってみてはどれも長続きしないまま終わっている。長いこと孤独な生活を送っているのもあってか思いや感情を表に出すとかが苦手で、思いのままに筆を走らせるということが全然できないのだ。 hugoは2020年くらいだろうか、コロナ禍の初期に知って一通り使えるようにはなっていたのだが、 emacsのorg-modeやorg-roamを使っているのもあって連携に頭を悩ませてしまって結局更新しないまま放置するようになっていた。他のサイトも同じでローカルで何かを書いたりはしているのだが、アップロードが億劫になって長続きしないまま終わってしまう。最初に作ったgithub pageはアニメのキャプチャを貼りまくった無駄に重いだけのサイトだった。今回はとにかくシンプルにやろう。そんなことの繰り返しでここがどれだけ続くのかもよくわからない。ただ、メモと清書された文書は分けるべきだとは前々から思っているし、なんでもいいから自分という存在を表に出してみるのも大事なことだと思うのだ。

Hugoを使ってホームページを作成する

このホームページは静的サイトジェネレータHugoでできている。インストール sudo snap install hugo windowsなら https://github.com/gohugoio/hugo からwindows用のzipファイルをダウンロードして解凍する。ホームページ作成ホームページを作成したいディレクトリで hugo new site SITENAME を実行すると、 SITENAME というフォルダが作成される。中を見ると ls SITENAME archetypes/ config.toml* content/ data/ layouts/ public/ static/ themes/ となっている。ホームページを確認する config.toml が保存されているディレクトリで hugo server を実行する。 http://localhost:1313/ にアクセスすると作成されたホームページを確認することができる。 Themeを導入するこのままでは味気ないのでテーマを導入する。公式HPに色々なテーマがあるので好みのものを見つける。ここでは私が使っているHugo-PaperModを使うことにする。このテーマは見た目が綺麗なのはもちろんのこと各種説明も充実していて使い勝手が非常に良いのでオススメ。インストールの方法も以下に分かりやすくまとめられている(Installation | Update | PaperMod) git init git submodule add --depth=1 https://github.com/adityatelange/hugo-PaperMod.git themes/PaperMod git submodule update --init --recursive # needed when you reclone your repo (submodules may not get cloned automatically) テーマを有効化するために hugo....

2025-02-08 高尾山4回目

4回目。今回は稲荷山、1号路のルートをスニーカーで歩く。特に問題はなかった。体力が付いているのかはよくわからないが息切れはしなかった。

2025-01-18 高尾山3回目

3回目。前回から半月くらい経っているというのもあって手近な山に登った。いつもどおりに中央線高尾で降りて1時間20分くらいで山頂に到着。雲ひとつない富士山を見ることができた。年末と比べると雪で真っ白になっていたのが印象的だった。帰りは京王線で新宿まで行って神保町に寄って帰宅。アセクシュアルということばを知る。

2024-09-21 高尾山2回目

2回目。伊豆ヶ岳に行こうと思っていたのだが、気分が乗らなかったり気温が高かったりで取りやめ。だからといって家で腐っているのもしょうがないからトレーニングも兼ねて高尾山に行った。前回は中央線高尾駅から歩いたが、京王線から高尾山口駅に行けるようで御茶ノ水から総武線で新宿へ行って京王線に乗り換える。あまり使っていないから勝手が分からなくて始め1番線に降りたが各停の乗り場だったようで、しかも各停だと終点まで1時間半くらいかかるようだった。 3番線が特急乗り場で1時間位で到着した。高尾で降りる人が結構いて、山梨か長野の方まで行くのだろうな。なんといっても3連休初日だ。 07:30ごろにケーブルカー乗り場に着いて靴を履き替える。並んでいる人も結構いたのだが、出発時間を見ると08:00、歩いたほうが早いんじゃないだろうかと思いつつ6号路へ向かう。その上ケーブルカーを見ると思いの外小さくて、乗り切れたのだろうか。 6号路はゆるい登りがひたすら続いて終盤に5分くらいの沢登り、そこを抜けるとひたすら階段を登って一号路に合流したら山頂はすぐそこ。 08:35、山頂に到着。富士山は少し顔を出していた。しばらく休憩、メロンパンとハンバーガーを食べて下山開始。薬王院ではなく3号路を通ってみた。ここも平坦な山道で人は少なめ、まあ、薬王院を避けて通っている道だからというのもあるだろう。金比羅神社から高尾と高尾山口に降りる道の分岐があって、当初高尾駅側を使おうと思っていたのだが、おそらく誰も通らないのだろう、道が悪そうでおとなしくケーブルカー乗り場に戻る道を通ることにした。 10:08、下山、高尾駅まで歩いて10:51発の東京行きに乗る。大月方面のホームが大勢の人で賑わっていた。これから旅行に出かけるという人たちだろうな。帰りに秋の乗り放題パスを買おうと思ったが購入時に日付を指定しなくちゃならないみたいで一時見送り。天気を見てから確定させようと思う。丸善と三省堂に寄って奈良、滋賀旅行の参考になりそうな本を探した。歩く旅みたいなのが面白そう。わたしのスタイルともあっていそうだし。都道府県のトリセツというのは読み物としても楽しめそう生きるのが楽になるスヌーピーと禅の本ことりっぷの雑誌はまあまあ面白そう。現代民俗学入門ただ売っていたのは店舗限定の特別版だったらしい