rainbowapples

[rainbowapples]

本日の様子 (at PIZZA&craft beer 夢の橋) https://www.instagram.com/p/CgZKN0bLdQt/?igshid=NGJjMDIxMWI=

[rainbowapples]

嫁のかわいい寝顔です https://www.instagram.com/p/Cf81OTFrGlV/?igshid=NGJjMDIxMWI=

[rainbowapples]

Middlemanで記事ごとに階層を作り画像とパスを揃えるようにした

Middleman Blogの今の設定だと、全画像を共通の一つの階層に入れて管理しており、記事の.mdファイルと同じ階層に置きつつ.mdも同じ階層にしたいのでそうした。ついでにTyporaでスムーズに記事を挿入するための設定もメモ。

やりたいこと

以前までのこれを、

source └posts └2021-01-01-title.html.md └img └2021-01-01-someimage.png

日付部分で記事との対応を取っていて冗長。.mdで画像のパスを指定するのも面倒なのでこうした

source └posts └2021-01-01-title └index.html.md └someimage.png

Middlemanの設定

結局config.rbをこうするだけでできた。もちろんURLは変わらず。

activate :blog do |blog| [...] - blog.sources = 'posts/{year}-{month}-{day}-{title}.html' + blog.sources = 'posts/{year}-{month}-{day}-{title}/index.html' [...] end

PR https://github.com/ikuwow/query_ok/pull/231

参考 https://webfood.info/middleman-blog-how-to-manage-images-with-article/

$ bundle exec middleman article foobar create source/posts/2021-04-08-foobar/index.html.md

画像は例えば source/posts/2021-04-08-foobar/someimage.pngをこんな風にそのまま相対パスで参照できる。


ただし middleman build した後の画像の階層には blog.permalink = 'entry/{title}.html' のような設定は反映されず、 /posts/2021-04-08-foobar/image.png となる。 これはやや気持ち悪いが妥協した。

Typoraで記事を書きつつ画像を追加

Middlemanでここまでの設定ができると、Typoraで記事を書きながらクリップボードの画像をcmd+Vで貼り付けることが出来るようになる。

Typoraで画像の Copy images to current folder を設定する。

あとは適当に画像をペーストしたら自動的に同じ階層にファイルが作られて便利。 静的ページ生成ツールでもMarkdown

from Query OK. https://ift.tt/3udNhfU

[rainbowapples]

M1 MacBook Proを買いセットアップをした

M1 Mac開けてくぞ pic.twitter.com/y3RVvv5JLx

— 起床マスターikuwow (@ikuwow) December 19, 2020

買った理由

今のMacBook Pro 13 inch 2017はスペックを盛らず妥協して購入していて、最近何かと挙動がカクついてきたところだったので買い換えを決意。eGPUが使えなかったりアプリによってはまだ動かなかったりするのがハードルだが、何かあっても仕事用MacBook Proも母艦Mac miniもあるので、Intelは捨ててApple Siliconに手を出したのだった。

ファンクションキーが嫌いなのでAirでなくProを選択。Touch Barに特に感情があるわけではない。

注文してから届くまでの間にM1で動くDocker tehcnical previewが発表されて安心した☺️

セットアップ

セットアップは基本的にdotfilesを通せばよいようにしているのでこれを直していく。

https://github.com/ikuwow/dotfiles

右往左往したが最終的にはこんな感じ。一緒にM1対応に関係なくそもそも欠けていたいた部分を直すのもやった。

https://github.com/ikuwow/dotfiles/pull/20

homebrewはARM版を /opt/homebrew に、Intel版を /usr/local に入れるのが推奨されていて、今回は全てターミナル環境をIntel版で作ることにした。（とはいえ上のPRでは途中までARM版も brew bundle まで通すつもりで/opt/homebrewを置くまでやってしまっているが）

https://docs.brew.sh/Installation

ワンライナーのスクリプトはまだARM版インストールに対応しておらず怒られる。

Error: Cannot install in Homebrew on ARM processor in Intel default prefix (/usr/local)! Please create a new installation in /opt/homebrew using one of the "Alternative Installs" from: https://docs.brew.sh/Installation

brewのインストールなどは arch コマンドで明示的にアーキテクチャを指定して実行し、判定は uname -m でやればよろしい。

その後はiTermのデフォルトシェルを今まで通り /usr/local/bin/bash （Intel版brewで入れたbash）に通したら、完全に今までのIntel環境で作ってきたターミナル環境が完成した。

M1向けの修正に限らず、Macを買うたびに大がかりな修正が必要になってるので、bootstrapをCI回すなどしたい。1,2年に1度のMacのセットアップのためにそこまでする？という感じではあるが単に楽しいので。

使用感

評判の早さは、なんというか、今までのパーソナルコンピュータとはそもそも違うという感覚。

M1 Mac、画面の解像度変更が直ちに反映されるあたり次元の違いを感じる pic.twitter.com/pBtEOqAR15

— 起床マスターikuwow (@ikuwow) December 19, 2020

まだ新しいMacというのもあるが全ての挙動がキビキビしている。Macと意識との距離が縮まって第二の脳としての地位がさらに強まったような。これでバッテリーの持ちがずっといいんだからたいしたもんだ。ただただ強い。

まとめ

Dockerもpreviewで動くしdotfilesによるbootstrapも少し直せば動くし、ウェブ開発の仕事ぐらいならできるぐらいになっているので皆さん今後MacはARM版を買いましょう。

from Query OK. https://ift.tt/2KiKtwB

[rainbowapples]

日光に当たるのを怠らずリモートワーク https://www.instagram.com/p/B-dtngIAP-d/?igshid=1bkjlcfwpldxb

[rainbowapples]

おはようございます (at Counterpart Coffee Gallery) https://www.instagram.com/p/B7zQsSLA08-/?igshid=tjd0sauohby6

[rainbowapples]

新居 引越しは明日 https://www.instagram.com/p/B7Zzs50Ad4X/?igshid=13a3r2mi0rr4q

[rainbowapples]

スタバを使えるペンもろた https://www.instagram.com/p/B6u7iPbAiK-/?igshid=1fau3py5f1r18

[rainbowapples]

早起き始めました (at スターバックスコーヒー渋谷cocoti店) https://www.instagram.com/p/B6rJSnGASsi/?igshid=18picp4folyin

[rainbowapples]

メリークリスマス (at TOHOシネマズ六本木ヒルズ) https://www.instagram.com/p/B6cwx2TA3V_/?igshid=1h8nwmuyh5icq

[rainbowapples]

via Query OK.

[rainbowapples]

via Query OK.

[rainbowapples]

via Query OK.

[rainbowapples]

via Query OK.

[rainbowapples]

via Query OK.

[rainbowapples]

via Query OK.

[rainbowapples]

via Query OK.