Shinichi Yamashita
#Notion#NotionBlog

Notion Blog記事へタグを付加できるようにしてみました。

Shinichi Yamashita
#Notion#NotionBlog

Notionは記事にアイコンやカバー画像を設定できます。このうちカバー画像を記事トップと記事一覧に表示できればと思いました。Notionのブログ用ページににサムネイル 用カラム を用意して、これを実現するパターンを実装されている方がいましたが、そちらの方が一覧性もよく同じカバー画像を使うような記事の場合はコピペも簡単だなぁと思います😅

Shinichi Yamashita
#Notion#NotionBlog

Notionの記事に追加したTable Of ContentsをNotion Blogで表示するカスタマイズです。原始的なやり方ですが機能はしているので参考にどうぞ

Shinichi Yamashita
#Notion#NotionBlog

ブックマークに対応していなかったので、リッチリンクで表示してみました。

Shinichi Yamashita
#Notion#NotionBlog

Notion Blogを触り出してはじめに気になったのは、記事一覧で記事の冒頭部分のプレビューが表示されないことでした。なんで?って思ったんですが、公式?ではちゃんと表示されてるので自分が悪いってのはわかっていました。

Shinichi Yamashita
#Mac#アプリ紹介

Macの音量上限突破+擬似サラウンドアプリBoom3Dを使っていた話

Shinichi Yamashita
#Mac#開発環境

AlfredからCORSを無視したChromeを開きたいと思って作ってみました。https://github.com/ichi0g0y/alfred-chrome-for-dev

Shinichi Yamashita
#Mac#Windows#アプリ公開

わい「アプリ公開なんて何年ぶりだよ」Translate Tabという便利な翻訳ツールがMacにはあるんですが、レイアウトや動作に一部不満があったので「Electronだったら簡単にできるのでは?」と思い、作ってみました。実際、組み始めると色々問題も出てきて…Translate Tabでよかったんじゃ?と思いましたがとりあえずは動く状態まで来ましたので後悔...じゃなくて公開します。ちなみにTranslate Tabはコチラhttps://translate-tab.com/

Shinichi Yamashita
#Electron#React

デスクトップアプリによくある「about 〜」押すとアプリアイコンやCopyrightなどが表示されるやつですが、実装するのがめんどくさいのでモジュールを探してみたら見つけたので採用https://github.com/rhysd/electron-about-window

Shinichi Yamashita
#Electron

ElectronプロジェクトからCLIを呼び出し、その結果をElectron内部で使用するパターンって結構あるかと思います。会社のプロジェクトでもffmpeg呼び出したりすることもあり、プロセスも別れるのでElectron側の処理が重くなることもなく便利ですよね。そんな外部呼び出しでデバッグ環境からは問題なく動くのに、Packaged環境だとENOENTとかexit code 127とかでエラーになって起動できないことがありました。

Shinichi Yamashita
#React

今回も浅いです。普段reactでのステート管理にreduxを使っています。reduxは高機能で便利ですが複雑なので嫌がられる面もあるので、簡単にステートを扱えると評判のunstatedのreact hooksバリバリVerのunstated-nextを使ってみましたというお話です。https://github.com/jamiebuilds/unstated-next

Shinichi Yamashita
#Electron

自分はスペシャリストではありません。いろいろ触ってトライはしますが深く探って考察するタイプではないのです😇ある程度納得のいくまで情報を集めて消化して次へ行ってしまいます😅おかしな部分もたくさんあるかと思いますが、ご了承ください。

Shinichi Yamashita
#React

もう3年ほどはReactを触ってていろんなコンポーネントの組み合わせやディレクトリ構成でやってきました。