Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Blueskyに伏せ字投稿ができるWebアプリの作り方
Search
ENDO Yasuyuki
February 21, 2024
Technology
0
510
Blueskyに伏せ字投稿ができるWebアプリの作り方
Blueskyに伏せ字投稿ができるWebアプリ、Bluespoilerの技術寄りの発表資料です。
ENDO Yasuyuki
February 21, 2024
Tweet
Share
More Decks by ENDO Yasuyuki
See All by ENDO Yasuyuki
Bluespoilerのご紹介
eyasuyuki
0
440
幻のテスト技法「キーワード駆動テスト」を追い求めて
eyasuyuki
0
2.6k
キーワード駆動っぽいテストができるツールを開発した話
eyasuyuki
0
470
Kotlin Updates in LL2019
eyasuyuki
0
570
Learn Languages 2019
eyasuyuki
5
1.1k
Why Flutter excitement me?
eyasuyuki
3
1.1k
Kotlin vs Swift
eyasuyuki
0
510
フロントエンドだめ自慢
eyasuyuki
0
130
llot_frontend.pdf
eyasuyuki
0
56
Other Decks in Technology
See All in Technology
なぜAWSを活かしきれないのか?技術と組織への処方箋
nrinetcom
PRO
4
800
ガバメントクラウド(AWS)へのデータ移行戦略の立て方【虎の巻】 / 20251011 Mitsutosi Matsuo
shift_evolve
PRO
2
190
Codexとも仲良く。CodeRabbit CLIの紹介
moongift
PRO
0
190
ニッポンの人に知ってもらいたいGISスポット
sakaik
0
130
Shirankedo NOCで見えてきたeduroam/OpenRoaming運用ノウハウと課題 - BAKUCHIKU BANBAN #2
marokiki
0
190
『OCI で学ぶクラウドネイティブ 実践 × 理論ガイド』 書籍概要
oracle4engineer
PRO
3
210
エンタメとAIのための3Dパラレルワールド構築(GPU UNITE 2025 特別講演)
pfn
PRO
0
260
10年の共創が示す、これからの開発者と企業の関係 ~ Crossroad
soracom
PRO
1
730
AWSでAgentic AIを開発するための前提知識の整理
nasuvitz
1
110
後進育成のしくじり〜任せるスキルとリーダーシップの両立〜
matsu0228
7
3.3k
AWS Top Engineer、浮いてませんか? / As an AWS Top Engineer, Are You Out of Place?
yuj1osm
2
210
「AI駆動PO」を考えてみる - 作る速さから価値のスループットへ:検査・適応で未来を開発 / AI-driven product owner. scrummat2025
yosuke_nagai
3
830
Featured
See All Featured
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
30
2.9k
Being A Developer After 40
akosma
91
590k
BBQ
matthewcrist
89
9.8k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
Gamification - CAS2011
davidbonilla
81
5.5k
Rails Girls Zürich Keynote
gr2m
95
14k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Side Projects
sachag
455
43k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.5k
How to Think Like a Performance Engineer
csswizardry
27
2k
Fireside Chat
paigeccino
40
3.7k
Designing Experiences People Love
moore
142
24k
Transcript
Bluesky に伏せ字投稿ができる Web ア プリの作り方 2024-02-21 Yasuyuki ENDO 1
GitHub リポジトリ https://github.com/eyasuyuki/bluespoiler/ 2
説明すること どうやって伏せ字投稿するのか なぜ作ろうと思ったのか なぜWeb サービスやモバイルアプリとしてリリースしなかったのか なぜFlutter で書いたのか 画像サイズチェック Bluesky への接続とテスト
記事URL の推測 今後の展開 3
説明しないこと fusetter の伏せ字アルゴリズムを勝手に推測する Flutter のライブラリの使い方 Riverpod Freezed go_router flutter_hooks image_picker_web
Rich Text でURL をリンクさせる 4
詳しくは Zenn に書きました。 https://zenn.dev/eyasuyuki/articles/825b28b0ec0a4c ※ イイネください.... 5
どうやって伏せ字投稿するのか https://eyasuyuki.github.io/bluespoiler/ [ と] の間の文が◦ になる(fusetter の再発明) ネタバレの本文は画像のALT に入る 6
伏せ字投稿 ネタバレ ALT 7
デモ https://youtu.be/eZX9s03MDQc?si=bgW2A1EWXn87TGWZ 8
なぜ作ろうと思ったのか Bluesky にはfusetter がないので だがfusetter みたいに自前サーバーを持つのは面倒 画像のALT なら1000 文字まで入れられる( 邪道)
自前バックエンドは持たずにBluesky とだけ通信すればいい 9
なぜ Web サービスやモバイルアプリと してリリースしなかったのか Web サービスは維持費がかかるし無料枠だとしても維持するのが大 変 当初はモバイルアプリ版も作ろうと思った Web アプリとして公開してiPhone
のホーム画面に追加してみた。ア プリ必要ないじゃん 失敗したのは何もログを取っていないこと( ユーザーにとってはメリ ット) 10
なぜ Flutter で書いたのか 当初はモバイルアプリ版も出そうと思っていた React やVue などWeb クライアントサイドの流行を追うのは大変 Flutter ならモバイルもWeb
もデスクトップも同時開発できる Flutter は2 年ぐらい触ってないのでキャッチアップしたかった Bluesky.dart の情報がすぐに見つかった 11
画像サイズチェック 976.56KB を超える画像をアップロードするとエラーになる 976.56KB 以下に圧縮を試みたがWeb クライアントサイドでは無理 そう 単に警告するだけにした 12
画像選択部分のコード ※ Dart は new を省略できます。 13
Bluesky への接続とテスト Article クラス 14
Bluesky への投稿 15
テスト とりあえず本当に接続してテストする 本物のID/ パスワードを隠蔽するために flutter_dotenv を使う .gitignore に .env を追加する
プロジェクトルートに .env ファイルを作成 16
テスト main 17
画像投稿のテスト ※ 本当に投稿されます。 18
記事 URL の推測 Bluesky にPost すると例えばこんな結果が返る。 {"uri":"at://did:plc:dptps7rgxju4nrg6qskop2wz/app.bsky.feed.post/3kjmvo7ocl62e", "cid":"bafyreihxcb3n6hxucw3hdeb3kylhzkoumitkx4hygoy24tyxt4hemajdde"} Bluesky の記事URL
はこんな感じ。 https://bsky.app/profile/javaopen.org/post/3kjmvo7ocl62e 3kjmvo7ocl62e が記事のID っぽい javaopen.org の部分は session.data.handle で取得できる 19
記事 URL の生成 20
投稿後の画面 21
今後の展開 認証方法の改善(Bluesky 待ち) ログをとる(Google Analytics?) 伏せ字投稿ランキング? 発表させていただきありがとうございました。 22