LEFログ:学習記録ノート

leflog: 学習の記録をどんどんアップしていきます

2024-01-01から1年間の記事一覧

Chromeの拡張機能「GitHub Prevent Thumbs Down Click」をリリースしました!✨

chromewebstore.google.com GitHub Prevent Thumbs Down Click 上のリンク先の「GitHub Prevent Thumbs Down Click」という拡張機能をリリースしました! この拡張機能をリリースした経緯について今回の記事では書いていきます。 使い方 使い方は簡単です。…

CSSを決めるとコードがシンプルになる

今個人のプロジェクトとしてChrome拡張機能を作っているのだけど、書いていたJavaScriptのコードを全消しした。 理由としては、全く同じ機能をCSSのみで実装できることに気づいたからである。36行もあったJavaScriptのコードが、3行のCSSに収まった。これは…

Next.jsをVercelにデプロイしたとき、OGPを表示するためにはVercel Authenticationの変更が必要かも

結論 Vercel Authenticationの設定をOnly Preview Deploymentsに変えよう! (以下はこまごまとした説明です) 経緯 最近、文字数カウントアプリをVercelにデプロイしました。 github.com lef237/char-count: テキストの文字数をカウントするアプリ Next.js…

既存のDBにPrismaを導入するときはBaselineを設定しよう

結論 既存のDBにPrismaを導入するときはBaselineを設定しよう! 経緯 Prismaのドキュメントを読み進めていたとき、既存のプロジェクトにPrismaを導入するときの手順としてBaseline your databaseという項目が出てきました。 www.prisma.io Baseline your dat…

DebianのGUIでDockを表示する方法

結論 extensions.gnome.org Dash to Dock - GNOME Shell 拡張機能 このサイトでInstallをクリックする GNOMEのサイトでインストールする 細かい設定については、「拡張機能」のアプリから「設定」をクリックする 設定をクリックするとDockの細かな設定ができ…

macOSで特定のアプリごとアクセスできるフォルダを制限する方法

結論 システム設定→プライバシーとセキュリティ→ファイルとフォルダに進む。 そこで、アプリごとのアクセス範囲を制限する。 経緯 ターミナルでfzfを使っていたところ、iCloudのファイルも検索するようになってしまっていました。 以前、何も考えずに「アク…

Remix SPAにshadcn/uiを導入する手順

Remix SPAモードでTailwind CSSを使うときの注意点と同様に、ちょっとだけ注意が必要なのでまとめました📝 github.com Use shadcn/ui by lef237 · Pull Request #5 · lef237/lef237.github.io

Remix SPAモードでTailwind CSSを使うときの注意点

意外と情報が少なく、Remix SPAモードでTailwind CSSを動かすまでに苦労したので記事に残しました ※ページの最後に追記しました!(2024-03-13) 重要なところ ViteとRemixのインストールガイドを組み合わせる必要がある Install Tailwind CSS with Vite - T…

Denoハンズオンに参加しました!🦕

deno-ja.connpass.com Denoハンズオン&もくもく会:Fresh + KV - connpass Denoハンズオンに参加しました! こちらの「Denoハンズオン&もくもく会:Fresh + KV」に参加しました! 2023年の12月(約3か月前)、timer.teamというWebアプリをリリースしたので…

Next.js バージョンアップ時の Error: Parsing error: DeprecationError: 'originalKeywordKind' の対処法

TL;DR(解決法) 最新の@typescript-eslint/parserを明示的にpackage.jsonに入れてからnpm installする npm install @typescript-eslint/parser --save-dev npm install 具体的な経緯 Next.jsのバージョンアップ時に次のようなエラーが出た。 具体的にはnext…

【感想】マーティン・ファウラー『リファクタリング 第2版』―― ソフトウェア設計の入り口としてのコード整理

リファクタリング 既存のコードを安全に改善する(第2版)作者:MartinFowlerオーム社Amazon ※この記事の『リファクタリング』という二重鉤括弧は、書籍そのものを示しています。それ以外の「リファクタリング」という単語は「コードの片付け」と…

完璧な開発環境は存在しない(あるいは開発に集中するために)

これは自戒として書き残すのですが、最近思うことは、完璧な開発環境なんてありえないということ。 例えば自分はWindowsとmacOSと素のLinuxをそれぞれ別のパソコンに入れて使い分けているのですが、どれもメリット・デメリットがあり、一概にどれがベストと…

【感想】『情熱プログラマー』―― 日々楽しんでプログラミングに向き合うために

情熱プログラマー ソフトウェア開発者の幸せな生き方作者:ChadFowler,でびあんぐるオーム社Amazon 以前からちょこちょことつまみ食いのようにこの本『情熱プログラマー』を読んでいたのだけれど、一度しっかり通読してみようと思い立ち、最初から…

【macOS】Karabinerでウィンドウの切り替えキーをcommand+tabからcontrol+tabへ変更する

概要 自分の現在のキーバインドだと、command+tabでウィンドウを切り替えると指が痛くなってしまったため、control+tabへと変更したのでそのメモ 結論 次のようなJSONファイルを追加すればOK "description": "Swap Command-Tab to Control-Tab", "manipulato…

VSCodeのスクロールがカクカクするときはSmooth Scrollingをオンにしよう!

まとめ 次のように設定すればOK デフォルトではSmooth Scrollingはオフになっているので、チェックを入れてオンにしよう! smoothで検索するとSmooth Scrollingが出てくるのでオンにしよう 経緯 マウスのホイールボタンを使ってVSCode上でスクロールすると、…

Urawa.rb(浦和Ruby)の第一回に参加しました!💎

urawarb.connpass.com 【オフライン開催】Urawa.rb #1 - connpass Urawa.rb #1に参加しました こちらのUrawa.rb(浦和Ruby)に参加しました。 記念すべき第一回に立ち会うことができて良かったです!! ボードゲームもとても楽しかったです。 お話ししてくだ…