M5Stack UIFlowを翻訳しよう
https://gyazo.com/d460808e9f84b84278a88ebfbc51b7a9
2024/05/23　IoT縛りの勉強会! IoTLT vol.111
by むとうたけし(/610t/610t)
発表のYouTube動画
実際の発表 4:09-
撮り直したもの
About 610t
我叫「武藤武士(wǔ téng wǔ shì)」
武藤武士(むとうたけし)です
奈良で専業主夫やってる53歳
X(旧twitter): @610t; その他のアカウントなど詳細は末尾に
宣伝: Scratch本
同人誌が書きたくなった
Scratch Hacks!!書いてます(Scratch Week)
M5Stack x Scratchもあります
https://gyazo.com/d39ebffdd4393c83de5a7bdd5db8f72b
はじめに
M5StackといえばUIFlowですよね?
UIFlowはUIが日本語化されてますよね?
UIFlowの翻訳についてご紹介します
みなさま、手伝ってください!!
M5Stack
https://gyazo.com/8325422539f9ed1e709fcf12290115cf
M5Stack: オールインワンマイコン
画面やボタン、バッテリーや筐体が最初からパッケージ
UnitやHatと呼ばれる拡張機器
開発環境、UIFlow,Micro Python,Arduinoなど
ハードウエアの特徴
CPU:ESP32など
ディスプレイ:320x240TFT(Core,Core2), 80×160TFT(M5StickC), 135x240TFT(C Plus), 5x5フルカラーLED(ATOM Matrix)
バッテリー:150mAh(Core), 390mAh(Core2), 80or95mAh(C), 120mAh(C Plus)
ネットワーク:Wi-Fi(2.4G) + BLE
センサー:加速度センサー、ジャイロ、ボタンスイッチ、温度センサーなど
オーディオ:マイク, スピーカー
その他I/O:Grove A(I2C), B(A/D,GPIO), C(UART), M-BUSなど
付属物:腕時計バンド、LEGOマウント、キーボードなど
おすすめ: M5StickC Plus2色々付き 4,818円: (SWITCHSCIENCE)
腕時計バンド、LEGOマウント、壁掛けマウント付属
UIFlowってなあに?
https://gyazo.com/78cf897dbf03b0601c26d05a8b8b7dd4
M5Stack用のブロックプログラミング言語
よくある教育用途でなく実用的なもの
シンタックスエラーフリー(M5Stack社ジミーCEOに訊く深圳流ものづくりの極意（その4）)
実体はMicro Python
IoTのために…
Internet: MQTT/UDP/HTTP
Things: 各種I/O
Input: 加速度センサー、ボタン、各種Unit
Output: ディスプレイ、LED、IR、各種Unit
翻訳に関する歴史
2023/05/01: M5Stack Japan Tour 2023 Spring OsakaでJimmyさんに「翻訳したいんだけど」という
CoderDojoのニンジャにも使って欲しかった(/CoderDojoNara/M5Stackで遊ぼう!!UiFlow編)
2023/05/08: WeChat(中華SNS)にUIFlow-JPDocグループが作成される
2023/05/08: 作業開始
記念すべき最初はFinished translating the Events category.
2023/12/06: Local UIFlow公開; Local_UIFlowの自由研究
2024/05/13: UIFlow 2用の翻訳環境が整う
リリース投入はまだ
作業手順
M5Stackリポジトリ https://github.com/m5stack/uiflow-i18n を自分のリポジトリにforkする
forkしたものをcloneする
自分のリポジトリで以下のファイルの翻訳作業
UIFlow 1用: uiflow-1.x/ja.json
UIFlow 2用: uiflow-2.x/ja.json
UIFlow 1の場合: Local UIFlowで動作確認
詳細: Local UIFlowの自由研究の「翻訳ファイルの入れかえ」参照
自分のリポジトリ https://github.com/{自分のリポジトリ}/uiflow-i18n にcommit
M5StackリポジトリにPull-Request(PR)する
M5Stack側でPRがcommitされて完了
実演
https://gyazo.com/d460808e9f84b84278a88ebfbc51b7a9
Forkする: https://github.com/m5stack/uiflow-i18n
https://gyazo.com/4e57ee36eacfa86cb0d6c7785d10d274
Cloneする
$ git clone https://github.com/610t/uiflow-i18n
翻訳する
$ vi uiflow-i18n/uiflow-1.x/ja.json
https://gyazo.com/64044ff5128f45cbe611592458684fdd
Local UIFlowで検証する(UIFlow1の場合)
https://gyazo.com/71d163214b2147ad693a7af664b6dbeb
Pull-Requestを送る
https://gyazo.com/57db432dd65bd729bc4b08fcfc67d9bc
本家がcommitする
https://github.com/m5stack/uiflow-i18n/pull/9
https://gyazo.com/1bf162b1da9888210a9f4af7f2889880
完了!!
https://gyazo.com/48eeb49e8356e10d447f92be0a0052ac
おわりに
みなさんもUIFlowの翻訳作業にご協力ください!!
軽微な修正なども大歓迎!!
X:@610tに投げてくれてもOK!!
持っていないUnit類の翻訳は特に大歓迎!!
M5Stack沼に両足突っ込んでるけど…
全部は買えんぞ…
お高いのもあるしね… (我没钱)
既に売ってないものも…
https://gyazo.com/a56fee2cd5b5734b50a7c0c8cd0f167a
谢谢大家
UIFlow-JPDoc: 翻訳ができているのは皆様のおかげです
UIFlowチーム: LIU BOさん & 小丸仔(xiǎo wán zǐ)さん
無理難題にお付き合いいただいて、ありがとうございます
UIFlow 2.0.6のScreenshot提供
たかおさん: 翻訳のアドバイスありがとうございます
Jimmyさん: いつもありがとうございます
你(and you)!!: 発表を聞いてくださってありがとうございます
発表者:I'm 610t!!
https://gyazo.com/9c3d8a2bede28d87e790c2b70f0c0baf
全部の情報: /610t/610t (無糖Teaと読むと良いかも)
むとうたけし(武藤武士)
専業主夫(53歳)＠奈良
所属コミュニティ
M5Stack User Group Japan
CoderDojo奈良/生駒/平群かいわい
関西*BSD ユーザ会
アカウント一覧
twitter: @610t http://twitter.com/610t
Github: 610t https://github.com/610t
YouTube:https://www.youtube.com/@610t
#M5Stack
#UIFlow
#Local_UIFlowの自由研究