<p>大変お待たせしました。<br>
周回遅れになってしまいました……。</p>
<h2>塔2020年9月号より</h2>
<p>桐の花見上げるときはあおぞらに落ちてゆくのがわかる首から<br>
（吉川宏志）</p>
<p>背中から羽根が生えそう左手で右手を持って背伸びして言う<br>
（紺屋四郎）</p>
<p>対岸も赤い花白い花畑を成す人の掌のがれ溢れた種子よ<br>
（植田裕子）</p>
<p>制服の少女のあかるい声がする　爪毟るのは自傷らしいよ<br>
（上澄眠）</p>
<p>退去日の窓辺をおもう伸び過ぎた豆苗に鋏を入れながら<br>
（近江瞬）</p>
<p>はてしない距離があつても歩くから君を凍土にしない／させない<br>
（小田桐夕）</p>
<p>後ろ髪君はバッサリ切るのかな自粛期間を終える朝に<br>
（太田愛葉）</p>
<p>「僕からの手紙は久しぶりだね」と君の文字から声が聴こえる<br>
（伊能依蓮）</p>
<h2>さっぱりと晴れる</h2>
<p>日が来て欲しいなーと思う今日この頃。<br>
雨が多い気がしますが、日照時間としてはどうなんだろう？<br>
短歌、最近うまく詠めてる気がしないんですよね……。</p>


塔2020年9月号から気になる歌を引きました。

塔2020年9月号を読む

<p>秋の日は短い。<br>
そう実感しつつ、キーボードにちょうどあたる部分を負傷してしまいました。<br>
指が、痛い……タイプするたびに……。</p>
<h2>10冊め、突入</h2>
<p>記念すべき10冊めのノートに突入しました。<br>
これからもよろしくLEUCHTTURM1917。</p>
<p>さて、そんな今月ですが、結局投稿する気配のない新人賞ふたつ分のメモを含んだところ、初めて60ページの大台にのりました。<br>
ページ数をたくさん使ってるから何というわけでもないのですが、あまり大量すぎると1冊あたりに書ける日数減りますからね……。<br>
来月はきっとそこまでページ数を使うことはないでしょう。</p>
<h2>投稿回数の記録、続けます</h2>
<p>新聞歌壇への投稿回数を先月からマンスリーの「タスク」部分に記載しています。
今月はプライベートが忙しかったので、回数としては3回でした。<br>
可視化するとやる気が出るので、今後も続ける予定です。</p>
<h2>仕事の記録はブラウニー手帳に</h2>
<p>ブラウニー手帳を早く使いたいがために今年のものを入手したのですが、仕事で「〜時（タスク）」のような内容はブラウニー手帳に書いています。<br>
1日にする仕事が見渡せていいです。<br>
バレットジャーナルにはここのところ仕事のタスクは書いてないので、棲み分けですかね。</p>
<h2>来月は連作を考えないと……</h2>
<p>うまく「今月忙しかった件」を連作にしたいので、やっぱり来月もページ数は多めで経過しそうです。</p>


2020年9月のわたしのバレットジャーナルを振り返ります。

2020年9月のバレットジャーナルを振り返る

<p>台風の進路が気になるこの頃です。</p>
<h2>塔2020年8月号より</h2>
<p>胸郭はわたしの鎧　息吸えば窓の向こうで山鳩が鳴く<br>
（大森千里）</p>
<p>いくつもの付箋が貼られさゆらぎを伝うるすべなく遺歌集を閉づ<br>
（黒沢梓）</p>
<p>あたたかな雨の底なり思いみる春泥という語のやわらかさ<br>
（大引幾子）</p>
<p>読んで書き読んでは書きを繰り返し研究室は鳥籠みたい<br>
（杉田菜穂）</p>
<p>祭りなどヤマザキ春のパン祭りしかないんだが春の日々なり<br>
（廣野翔一）</p>
<p>花びらがひとつ車内に落ちていて誰を乗せたの始発のメトロ<br>
（toron*）</p>
<h2>月詠の自分締め切りが遅くなりつつあります</h2>
<p>よくないですね……。<br>
今回の誌面の対談の抄録を読んで「作らねば」となってます。</p>


塔2020年8月号から気になる歌を引きました。

塔2020年8月号を読む

<p>突然季節が変わることって、ここ数年ありがちになってしまった気がします。</p>
<h2>ブラウニー手帳がやってきた</h2>
<p><a href="/posts/2020-08-15-2021techo">手帳の季節がやって来たので、2021年の手帳はこれにしました。</a>で書いたとおり、2021年の手帳はブラウニー手帳を使うことにしました。<br>
さっそく予約をし（※予約販売は8月30日までで、記事執筆時は一般販売しています）、先日ついにブラウニー手帳が我が家にやってきました。</p>
<p><img src="/assets/img_20200901.jpg" alt="ブラウニー手帳とおまけのノート" loading="lazy"></p>
<p>これがブラウニー手帳……！<br>
色は「いわいレッド」という色です。</p>
<h2>さっそくレビュー</h2>
<p>表紙の手触りは別珍に似てる気がします。<br>
普通なら裏側に使われる面を表にしてるんだとか。</p>
<p>中紙は薄いクリーム色をしています。<br>
これは万年筆のインクが絶妙に映える色合いですね。</p>
<h2>予定</h2>
<p>基本的に月ページは縦長、週ページは横長で使いそうな気がします。<br>
おまけのノートは中紙が無地だったので（個人的にはドット方眼もしくは方眼だと嬉しい）、何か……グラフィカルなメモに使おうと思います。</p>
<p>ひよりミントって色も綺麗なのでぜひサイトを見てみてください。</p>
<p>来年は楽しい予定をたくさん書ける年だと良いのですが……。</p>
<h2>気になる方はこちら</h2>
<p><a href="https://brownie-techou.com/">ブラウニー手帳</a></p>
<p><a href="https://brownie-techou.stores.jp/">ブラウニー手帳オンラインショップ</a></p>


ブラウニー手帳が届いたのでさっそく開封の儀をおこないました。

2021年はブラウニー手帳を使います

<p>夏がとても短かったように思います。</p>
<h2>9冊目、終了</h2>
<p>ついに今月で9冊目を使い切りました。<br>
3ヶ月。</p>
<p>また、今月はなんと50ページ（！）超えました。<br>
問題は来月末締切の投稿作品の原稿が全く手付かずなことですね。<br>
その分空白のページが間にあります。</p>
<h2>新聞歌壇の投稿回数を記録するようにしました</h2>
<p>マンスリーログのタスクのところに「新聞歌壇の投稿回数」を書いてみました。<br>
1週間に1枚葉書を使うペースで続けたいと思います。<br>
基本的に日曜が月に何回あるかで目標値を決めます。<br>
今月……あと1回か……難しいな……。</p>
<h2>手帳会議については別に書きます</h2>
<p>来年の手帳どうしようの問題は解決しているのですが、こう、振り返りのようなことは別に書きたいと思います。</p>


2020年8月のわたしのバレットジャーナルを振り返ります。

2020年8月のバレットジャーナルを振り返る

<p>なぜローカル環境が立ち上がらなかったのか……。<br>
たぶん気分だったのかと思います。</p>
<h2>Next.jsとは</h2>
<p>（改装に至った経緯はつまらないので省略します）</p>
<p><a href="https://nextjs.org/">Next.js</a>はReact製のフレームワークです。<br>
これまで使っていた<a href="https://www.gatsbyjs.com/">GatsbyJS</a>と異なるのは、<em>圧倒的に</em> 日本語のドキュメントが少ないことです（それは違いじゃない）。<br>
困りました。ええ、いつものことですが英語もっと勉強しないとなですよ。<br>
世界ではNext.jsわりかし流行ってるみたいです。npmしてる数を見る限りでは。</p>
<h2>特徴的な部分</h2>
<p>ブラケットを使って[slug].jsのように使うと、テンプレートを作成できます。<br>
二重にブラケットを使うファイル名もあるのですが、今回使わなかったですね。</p>
<h2>嵌ったところ</h2>
<p>おまけでつけようと思ってたあたりを最初に解決してるあたり、優先順位？ ですね。</p>
<h3>拍手ボタンが欲しい</h3>
<p>参照したのが、<a href="https://blog.nyan-tech.com/clap/">ReactでClap(拍手)ボタンを導入したいの巻</a>。<br>
記事の下にある緑のボタンがそうです。<br>
後述しますが、今回<a href="https://tailwindcss.com/">TailwindCSS</a>を使用したところ、拍手の手の部分（画像：svg）が円の中央に表示されず、あとからCSSに書き足すことになりました。<br>
……TailwindCSSでdisplay:block;が指定されていたから、だったようです。</p>
<h3>TailwindCSSが適用されない</h3>
<p>これはもう、GithubにNext.jsのexapmleがあったのでクローンしてきました。<br>
ただそれでもなぜかデプロイの環境になるとCSSが適用されず。なぜ？？？</p>
<p>原因が、なんとNetlifyでは「_（アンダースコア）」がついたディレクトリをデプロイしてくれない（！）からでした。<br>
Next.jsだと「out」ディレクトリにファイルを生成してくれるのですが、CSS系は「out/_next」配下に生成され、なんでだかNetlifyの初期設定だとディレクトリ自体生成してくれなかったようなのです。<br>
ちょっとわたしの手には負えなかったので、今回<a href="https://vercel.com/">Vercel</a>にお世話になることにしました。<br>
Next.jsとは相性ばっちりなところです（制作してるから……）。</p>
<h3>シンタックスハイライトしない</h3>
<p>これはコードをブログに載せるには致命的な欠陥。</p>
<pre><code class="language-shell">$ npm i markdown-it markdown-it-highlightjs
</code></pre>
<p>ちなみにCSSは各自持ってこないとだめです。<br>
わたしはsolarized-lightをダウンロードしてきて「_app.js」で読み込みました。<br>
これに限らず、CSSは「_app.js」で読み込まないとエラー吐かれます。</p>
<p>ついでに、JSを読み込む際は「_document.js」で読み込んでやる必要があります。</p>
<h2>参考</h2>
<p><a href="https://gotohayato.com/content/517/">Next.jsを使ったJAMstackなブログの始め方</a></p>
<p><a href="https://qiita.com/thesugar/items/01896c1faa8241e6b1bc">大幅にリニューアルされたNext.jsのチュートリアルをどこよりも早く全編和訳しました</a></p>


Next.jsを使ってみました。日本語の情報がとにかく少なかったので備忘録もかねて。

塔2020年9月号を読む

2020年9月のバレットジャーナルを振り返る

塔2020年8月号を読む

2021年はブラウニー手帳を使います

2020年8月のバレットジャーナルを振り返る

歪月開発者を改装しました