これは何？ Raspberry Pi は高性能で比較的安く、面白いボードですが、標準のRaspberry Pi OSだと起動時間が遅いのがネックです。 起動時間を早くする方法はいろいろあるのですが、ここではBuildrootを使ってシンプルなイメージを作る事で、高速起動を実現してみました。 シンプルなイメージということで、今回は「日本語入力ができるVim環境」の構築目指すことにしました。 ※と言ってもBuildrootを普通に使っただけでそこまでの最適化は行っていないです。 Moligh doll Raspberry Pi Zero V1.3 カメラレディ1 GHzマイクロプロセッサ512MB Moligh dollAmazon (今値段を見てびっくり、半導体不足の影響ですね、、今は買わないほうがよさそうです・・) Buildrootによるイメージの作成 先人の知恵を借りてBuildroo

Obsidian（オブシディアン）は、Markdownベースでテキストを管理できる、テキストエディターです。 私もここ2〜3年ほど、下記のような用途でObsidianを活用しています。 日々の行動・思考記録 コードスニペット集 AIプロンプト集 ブログの下書き Web Clipper（気になるウェブページのメモ） Obsidianといえば「Zettelkasten（ツェッテルカステン）」のメモ術を採用しているユーザーが多いですが、私は現状ではZettelkastenを採用せず、Obsidianを「Markdownファイルを管理できる、動作が軽快で拡張性の高いテキストエディタ」として、ゆるく使っています。 最近では、Obsidianがプレーンテキストであることを活かし、CursorのAI機能と組み合わせても利用しています。AIがあればタグ付けや文書のまとめなども半自動で行えるので、Zette

この記事はAIの支援を受けつつ、筆者の試行錯誤を記録したものです。一部にAIが生成した表現も含まれますが、実験の過程や考察は筆者の経験に基づいています。 AI特有の文章に対して抵抗がある場合はブラウザバック。 本記事では、ObsidianとAIエージェント（Cline/Gemini）を連携させ、具体的なタスクをどこまでできるかを探った実験の記録を共有する。ファイル整理から情報検索、さらにはGit操作まで、AIとの対話を通じて見えてきた可能性をぜひ参考にしてほしい。 AIエージェントはObsidianをどう変える？ Cline連携による実験記録 はじめに：AIエージェント時代の幕開け 最近、AIは単なる文章作成ツールから、自律的にタスクをこなす「エージェント」へと進化を遂げている。この変化は、私たちが日々使うテキストエディタやメモアプリにも、大きな変革の波をもたらすのかもしれない。 実際、A

ココピー (cocopy) というブラウザ拡張機能がある。 chromewebstore.google.com Webページを見ていて URL やページタイトルなどをコピー＆ペーストしたくなったとき、ココピーを使うと思い思いの形式でクリップボードへのコピーができて便利だ。 ココピーについてはいろいろな人が紹介記事を書いているのでそれを読んでもらうのがいいと思う。 blog.pokutuna.com motemen.hatenablog.com ココピーは任意の JavaScript コードを実行できる ココピーは現在見ているページの URL・ページタイトル・コンテンツを JavaScript コードでいい感じに整形してからクリップボードに突っ込めるツールだ。 JavaScript コードはユーザーが好き勝手に書くことができる。fetch() を使って外部 API を叩くこともできる。 とい

TL;DR Cursor Proプラン最高！でも気を抜くとめっちゃ請求されるよ！ 誰に向けた記事か 最近Cursorに課金して、Proプランを使い始めました。 これを機に、AIコードエディターの「Cursor」のProプランを選択した後の料金体系やモデル選択について解説します。 Cursorに関する紹介記事や「ここがすごい！」の記事は多数ありますが、コスト面の記事はあまりありませんでした。私と同じような 「潤沢に資金を回せる立場ではない方」 の役に立てればと思い、コストに特化した情報備忘録として共有します。 読んで欲しい人 Cursor Proプランの契約を検討している方 Proプランを使い始めたばかりで使い方を最適化したい方 高速リクエストと低速リクエストの違いを理解したい方 どのAIモデルを選べばいいか迷っている方 月間の高速リクエスト制限に達しそうで心配な方 読まなくてもいい人 すで

背景 Obsidianはわたしのメモ取りに革命をもたらしました。ツールとしては、ごく単純なマークダウンエディタですが、ただ情報を記録するだけでなく、思考を整理し、アイデアを形にするためのパワフルなツールとして、日々の作業を効率化する上でとてつもなく大きな助けとなっています。 Obsidianの便利な使い方を共有したいと思い、継続的に記事化していますので、この一覧記事を作成しました。情報にあふれた混沌とした現代を、未来に向けてスムーズに航海していくうえで、Obsidianを役立つガイドとして右腕化できることを願っています。 もくじ リンクまとめ、初心者向けリンクまとめ Obsidianのよくつかうリンク集 ゼロイチObsidian｜ゼロからはじめるObsidian案内 Obsidianの小技 小技その1｜ ファイル名を6桁ではじめる（yymmdd_） 小技その3｜リンクをMarkdown形式

はじめに AIのコーディングアシスタントとして最近、急速に注目を集めているCline。VSCode上でAIと連携し、コード生成からバグ修正、さらにはターミナル操作まで自動化できるこのツールは、多くのエンジニアの生産性を劇的に向上させています。 mizchiさんの『CLINEに全部賭けろ』という記事では、 AIから引き出せる性能は、自分の能力にそのまま比例する AI自体を管理するパイプライン設計を自分のコアスキルにする必要がある ともあるように、エンジニアはClineという強力なツールの最大限を使えるようになっていくべきです。 「AIの上手な使い方」が今のエンジニアにとって必須スキルになりつつあるため、単にClineを使うだけでなく、その仕組みを理解することで得られるメリットは数多くあります。例えば、現時点でのClineの得手・不得手を理解することでAIに対して的確に指示ができたり、clin

はじめに お試しタスク 検討のポイントなど ClaudeのMCP 設定など 使った感触 Cline (Cursor) 設定など 使った感触 余談：Cursorは？ Copilot Plus 設定など 使った感触 おわりに はじめに 現在、仕事と研究に関するかなりの文章をObsidian上で書いているので、これらの書いたものや記録・メモ・資料などを生成AIで参照しながらいろいろな作業ができるようになったら良いかもと考えてここさいきんObsidianと生成AIの連携をいくつか試していて、とりあえずそれぞれ初期設定はできて動かせたので簡単な感触などをメモしておきます。というわけでこの記事ではObsidianと生成AIを連携させることでこんなすごいことが、みたいなアイディアの話は出てきません。たぶんこれからいろんな人たちが面白いことを考えてwebに書いてくれるのではないかと思いますので楽しみにして

Practice RustLearn Rust by practicing, choose from a variety of coding exercises and challenges to help you improve your Rust programming skills

お久しぶりです。GMOインサイトの天河です。 ついこの間、JavaScriptのジェネレータについて社内勉強会で発表したのでその内容をまとめます。 ※ 注意 本記事で言及している「ジェネレータ」はJavaScriptでの言語仕様です。一部通ずる箇所もあると思いますが、Python や C# など他の言語での使われ方についてはしかるべき文献を見てください。 目的 ジェネレータ が何かわかるようになる ジェネレータについて面接で聞かれても余裕で答えられるようになる 実装時にジェネレータを選択肢として持てるようになる 対象読者 ジェネレータ が何か全くわかっていない人 ジェネレータ について認知はしているものの、どういうものかは把握していない人 ジェネレータ を知ってはいるものの、使い所がわからない人 はじめに ジェネレータを理解するためには、「イテレータ」と「イテラブル」について知る必要があり

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? Pyxel作者です。Qiita初投稿です。よろしくお願いします。 皆様、Python向けレトロゲームエンジンPyxelのご愛顧ありがとうございます。 「気軽に楽しくゲームプログラミング」をコンセプトに、2018年にGitHubで公開を始めたPyxelも、おかげさまで現在15,000スター、ダウンロード数は80万を超えることができました。 4億を超えるGitHubプロジェクトの中で、Python向けゲーム開発環境としてはダントツの1位（2位は7.5kスターのPygame）、全言語合わせたゲームエンジンの中でも8位にランクインしており、7位

「TypeScriptではじめる型システム」という記事をn月刊ラムダノートに寄稿しました。 新刊を発売しました "『n月刊ラムダノート』Vol.4 No.3（2024）発行のお知らせ https://t.co/PGppk1aRRA— lambdanote (@lambdanote) 2024年10月4日 どんな内容？ TypeScriptの極小サブセットに対する型検査器を書き、それを通して型システムを体感してみよう、という内容です。 詳しく言うと、boolean型とnumber型と関数型しかないTypeScriptサブセット言語がターゲットです。 型検査器の実装言語にもTypeScript（処理系はDeno）を使います。 TypeScriptづくしの一品です。 わかる人向けに言うと、「型システム入門」という本（通称TAPL）の単純型付きラムダ計算に相当する内容をTypeScriptで説明し

JavaScript での非同期処理について、身近な例や具体例を交えながら詳細に解説しています。 最後には練習問題も用意しています！ 頑張って書いているので、良いと思ったらコメント・いいね・ストック・共有などしてもらえると嬉しいです！！ 非同期処理とは 非同期処理とは、プログラムの処理が順番に実行されず、ある処理を実行している間に他の処理を並行して実行することができる仕組みです。非同期処理では、あるタスクが完了するのを待たずに次のタスクが実行されるため、効率的に複数の処理を進めることが可能です。 （by ChatGPT） 非同期処理とは、「同期処理」の対義語で、同期処理は「プログラムの処理が順番に実行され、ある処理が終わるまで次の処理を待つ仕組み」です。 非同期処理の最大のメリットは、 「時間のかかる処理を行っている間に別の処理を行うことができる」 ことです！ 身近な例では、部下への仕事の

はじめに ソースコードをLLMに読んでもらうとき、単一ファイルだと楽なのですが、GitHubのリポジトリのように複数ファイルから構成されるプロジェクトだと困ってしまいますね。 リポジトリごとLLMに読んでもらえるようにいい感じにテキスト化できると良いですね。そんなソフトがありました。しかも2つ。 両方ともほとんどコンセプトは同じです。特に後者のgenerate-project-summaryは使い方も含めて、自分のやりたいことが、すでに開発者の清水れみおさんが以下の記事にまとめていました。 なので、あんまり書く必要ないのですが、せっかくなのでgpt-repository-loaderの使い方と、出力したファイルの別の活用方法について書いてみたいと思います。 gpt-repository-loaderでリポジトリをテキストに変換 使い方はREADMEに書いてあります。シンプルなソフトなので、

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

はじめに Reactの人気はどんどん加速しています。これからフレームワークを学ぶならReactを選ぶのは賢い選択でしょう こんにちは、Watanabe Jin(@Sicut_study)です。 今回はReactをこれから学んでいこうと思っている方に向けて、初心者チュートリアルを作成しました。 このチュートリアルではReactを書く上で欠かせないことを紹介しています。 実際にアプリを作りながらReactの機能について学ぶことによってより深く理解することが可能です。 このチュートリアルを最後までやったら、次に自分で習ったことを活かして簡単なTODOアプリなどを作れば基本がしっかり身につくようになっています。 またこのチュートリアルではJavaScriptではなくTypeScriptを採用しています。 モダンな会社ではTypeScriptが採用されることが多いはずだなので、少しでも慣れていただけ

ページ閲覧 AutoPagerize chromewebstore.google.com ページネーションされたウェブページを自動で読み込み続けます。無かったら違和感あるレベルで日常になっています。 daily.dev chromewebstore.google.com 開発者向けニュースを空タブに表示します。 タブを開くときに自然に視界に入るのに加えて、検索で「過去話題になったもの」から探したりします（はてなブックマークやHacker Newsも似た用途で使います） ホームタブとは別です。ホームはperplexity.aiにしてます。 Google Scholar PDF Reader chromewebstore.google.com 標準のPDFビュワーを科学論文を読みやすく強化します。参考文献の追跡や引用、ジャンプ機能を提供します。ついでに官庁資料やクリプト系のホワイトペーパーなど

はじめに この記事の内容は、以下の動画でも解説しています。アニメーションでわかりやすくなっているので、ぜひ見てみてください。他にもWebに関する解説動画を投稿しているので、気になる人はチャンネル登録よろしくお願いします！ HTMXとは？ HTMX とは、一言で言うと、JavaScriptを書かずに動的なページを簡単に作成できるライブラリのことです。 htmx is a library that allows you to access modern browser features directly from HTML, rather than using javascript. （訳）htmx は、JavaScript を使用するのではなく、HTML から最新のブラウザー機能に直接アクセスできるようにするライブラリです。 </> htmx ~ Documentation ...と言っても

期限の制約なく無料で提供される「Free Tier」クラウドサービスまとめ、主要クラウド/PaaS編（2024年版） いくつかのクラウドサービスでは、新規ユーザーに対する1年程度の無料トライアルや一定額のクーポンなどの提供だけでなく、期限の制約なくずっと無料で提供される、いわゆる「Free Tier」や「Always Free」と呼ばれるサービスが提供されています。 こうしたサービスは評価や一時的なテスト環境、あるいはホビー用途などに適しています。 本記事では期限の制約なく無料で提供されている主なクラウドサービスを、2024年版としてまとめました。（有料サービスの追加機能として無料で提供されているものは除外しています）。 ただしこれらの無料のサービスは、提供側の都合により一時的に申し込みや利用が制限されたり、提供が終了することがあります。提供側の都合に留意しつつ、良心的な範囲でご利用いただ