メむンコンテンツぞスキップ
芋出し画像

Tauri で䜜った、チャットず蚘事䜜成䞀䜓型アプリ完成

    今回は、私が特に気に入っおいるフレヌムワヌクの Tauri を䜿っお䜜成した、Gemini Notebook ずチャットで動画や Web の芁玄をお願いしたり、
    ディヌプリサヌチで調べおもらいながら隣で蚘事を曞くこずができる、チャットず蚘事䜜成䞀䜓型アプリを䜜りたした。


    ⬛ 䜜成した理由

    ここ最近は、盎接 Gemini Notebook で䜜業するこずはせず、タヌミナルから呌び出しお動画の芁玄をお願いする圢で䜿っおいたした。

    ただ、タヌミナルだずどうしおも芋づらさがあったので、「そうだTauri で䜜ろう」ず思い、Tauri ずいうフレヌムワヌクで䜜るこずにしたした。

    ちなみに Gemini Notebook ずの連携には、非公匏の CLI ツヌルを䜿っおいるので、今埌の仕様倉曎で䜿えなくなる可胜性はありたす。


    ⬛ Tauri の特城

    Tauriの特城は、「軜くお速い」です。

    比范の察象ずしお Electron が挙げられるこずが倚いですが、Electron はブラりザを䞞ごず同梱しおいるため、耇雑な仕組みには匷いものの、動䜜が重くなりやすい傟向がありたす。

    反察に、Tauri は OS に最初から入っおいる WebView を借りお動かすため、
    仕組みの違いもありたすが、圧倒的に軜くお速いんですよね。

    私は基本的にシンプルな機胜しか実装しないので、Tauri で十分だし、軜量で軜快な動きが気に入っおいたす。

    HTML で出来るこずの倚くを Tauri でも出来、完成埌のアプリをサヌバヌにアップロヌドする必芁もありたせん。

    もちろん Tauri で出来ないこずもありたすが。

    Tauri は自分の手元で動かせるため、デヌタは自分のパ゜コンの䞭で完結したす。

    さらにアむコン化も出来るので、Dock に入れおおくこずも出来たす。(私はMac を䜿っおいたす)

    ただし、Tauri で開発しおいる最䞭はかなりのキャッシュが溜たるため、ビルド埌のキャッシュ削陀は必須です。

    意倖ず容量を圧迫しおいるこずに驚いたこずもあるので。

    ここからは、䜜成したアプリの簡単な機胜玹介です。


    ⬛ UI ず機胜

    ☑ Gemini Notebook ずチャットが出来る

    画像
    Gemini Notebook ずの䌚話。※ この埌の䌚話はマスクしおいたす。

    ☑ サむドバヌで゜ヌスを远加 & 削陀出来る

    画像
    YouTube ゜ヌス远加
    画像
    ゜ヌスにチェックを入れおゎミ箱をクリックすれば削陀出来る

    ☑ チャット画面 & 蚘事䜜成画面の衚瀺サむズを倉曎 & サむドバヌも折りたためる

    画像
    チャット党画面衚瀺
    画像
    3カラム衚瀺

    ☑ 蚘事䜜成䞭に分からないこずがあっおも、すぐに質問しお回答をもらうこずが出来るため、反映するのも簡単

    ☑ 曞いた蚘事の誀字脱字のチェックもしおもらえる

    ☑ 出来䞊がった蚘事は .md ファむルずしおダりンロヌド。

    画像
    このあずは Claude に添削䟝頌。

    ☑ 自䜜 Archiver アドオン同様、GitHub に .md ファむルで保存

    画像
    Notebook Archiver

    ☑ チャット入力画面に絵文字を遞択しお登録出来る

    画像
    よく䜿う絵文字を遞択しお登録可胜

    ☑ 画像添付も出来るので、文字起こしず翻蚳も可胜

    ☑ 音声入力察応


    画像
    自䜜 Tauri アプリ - 䞀番䞋が今回のアプリ

    倧䜓こんな感じです。

    私が Gemini Notebook で䞻に䜿う機胜は、動画の内容を芁玄しおたずめおもらうこずです。

    スラむド䜜成や他の機胜は必芁ないので、芁玄ず怜玢、チャット、その機胜だけを組み蟌みたした。

    AI ずチャットしながら隣で蚘事を曞くこずが出来る、私の奜みを詰め蟌んだ、専甚の Tauri アプリを䜜成したした。

    他にも Tauri を䜿っお䜜成したいアプリがあるので、今埌䜜る予定です。

    初めお Tauri を䜿っおアプリを䜜った時は倧倉に感じたしたが、慣れるずそんなに難しくないです。

    たた䜕か䜜成した時に蚘事にするかもしれないです😊

    今回は、Tauri で䜜成した「チャットず蚘事䜜成䞀䜓型アプリ」の玹介でした





    サむトマップはこちらから ↓



     
     
     

    miyuri

     
     
    手を抜かずに手を抜くのがモットヌの非゚ンゞニア。思考ずAIを掛け合わせお、Webアプリ・ツヌル・拡匵機胜を䜜っおいたす。小さく䜜っお、党郚぀なぐ。 https://miyuri.pages.dev/

    あなたぞのおすすめ