Notion Blog記事へタグを付加できるようにしてみました。
Notionは記事にアイコンやカバー画像を設定できます。このうちカバー画像を記事トップと記事一覧に表示できればと思いました。Notionのブログ用ページににサムネイル 用カラム を用意して、これを実現するパターンを実装されている方がいましたが、そちらの方が一覧性もよく同じカバー画像を使うような記事の場合はコピペも簡単だなぁと思います😅
Notionの記事に追加したTable Of ContentsをNotion Blogで表示するカスタマイズです。原始的なやり方ですが機能はしているので参考にどうぞ
ブックマークに対応していなかったので、リッチリンクで表示してみました。
Notion Blogを触り出してはじめに気になったのは、記事一覧で記事の冒頭部分のプレビューが表示されないことでした。なんで？って思ったんですが、公式？ではちゃんと表示されてるので自分が悪いってのはわかっていました。
Macの音量上限突破+擬似サラウンドアプリBoom3Dを使っていた話
AlfredからCORSを無視したChromeを開きたいと思って作ってみました。https://github.com/ichi0g0y/alfred-chrome-for-dev
わい「アプリ公開なんて何年ぶりだよ」Translate Tabという便利な翻訳ツールがMacにはあるんですが、レイアウトや動作に一部不満があったので「Electronだったら簡単にできるのでは？」と思い、作ってみました。実際、組み始めると色々問題も出てきて…Translate Tabでよかったんじゃ？と思いましたがとりあえずは動く状態まで来ましたので後悔...じゃなくて公開します。ちなみにTranslate Tabはコチラhttps://translate-tab.com/
デスクトップアプリによくある「about 〜」押すとアプリアイコンやCopyrightなどが表示されるやつですが、実装するのがめんどくさいのでモジュールを探してみたら見つけたので採用https://github.com/rhysd/electron-about-window
ElectronプロジェクトからCLIを呼び出し、その結果をElectron内部で使用するパターンって結構あるかと思います。会社のプロジェクトでもffmpeg呼び出したりすることもあり、プロセスも別れるのでElectron側の処理が重くなることもなく便利ですよね。そんな外部呼び出しでデバッグ環境からは問題なく動くのに、Packaged環境だとENOENTとかexit code 127とかでエラーになって起動できないことがありました。
今回も浅いです。普段reactでのステート管理にreduxを使っています。reduxは高機能で便利ですが複雑なので嫌がられる面もあるので、簡単にステートを扱えると評判のunstatedのreact hooksバリバリVerのunstated-nextを使ってみましたというお話です。https://github.com/jamiebuilds/unstated-next
自分はスペシャリストではありません。いろいろ触ってトライはしますが深く探って考察するタイプではないのです😇ある程度納得のいくまで情報を集めて消化して次へ行ってしまいます😅おかしな部分もたくさんあるかと思いますが、ご了承ください。
もう3年ほどはReactを触ってていろんなコンポーネントの組み合わせやディレクトリ構成でやってきました。