今年がんばったこと

DevFest Nagoya　2023/11/24
浜松ＩＴ合同勉強会　2023/12/16

Transcript

1. Tiny Mouse 今年がんばったこと DevFest Nagoya 2023 2023/11/24
2. n @tinymouse_jp n SI 企業の SE n 日曜プログラマ n 二児の父 n 静岡県浜松市出身 n 東京都品川区在住。名古屋市在住。 n Windows 愛用。iPhone Android スマホ n Android の会浜松支部、Hamamatsu.js 、 よちよちサンデープログラミングの会→なごや個人開発者の集い Tiny Mouse
3. 今年がんばったことあったかな
4. .NET MAUI を使ってみた
5. .NET MAUI (Multi-Platform App UI) n Microsoft が提供。2022 年に正式リリース n Android、iOS、macOS、Windows で実行できるアプリ を開発できる n XAML＋C# で記述する。Xamarin.Forms の後継 n XAML で UI を書くのは、個人的につらい
6. Qiita に書いた https://qiita.com/tinymouse/items/69ae9a2c7761a83c0529 .NET MAUI を使ってみた
7. .NET Blazor を使ってみた
8. .NET Blazor n Microsoft が提供。2018 年から n ウェブブラウザで実行されるアプリを開発できる n HTML＋C# で記述する n サーバで実行されて HTML がレンダリングされるタイプ 「Blazor Server アプリ」と、クライアントのブラウザ上で 実行されるタイプ「Blazor WebAssembly アプリ」がある
9. Qiita に書いた https://qiita.com/tinymouse/items/01b1bc4a74429ddc0b17 .NET Blazor を使ってみた
10. C# をおさらいした
11. Qiita に書いた https://qiita.com/tinymouse/items/c96397ef58cbf48d6e62 C# をおさらいした
12. React.js を使ってみた ずっと避けてきた けれど・・
13. Qiita に書いた https://qiita.com/tinymouse/items/f6313425e41815f8ca71 React.js を使ってみた
14. Vue.js を使ってみたの続き コンポーネントを 使ってこなかった けれど・・
15. Qiita に書いた https://qiita.com/tinymouse/items/62560d8f56254f6042fe Vue.js を使ってみたの続き
16. ブラウザで音声認識してみた
17. ブラウザで音声認識してみた n 一部のブラウザ（Google Chrome など）は SpeechRecognition API が使える。ブラウザで動作する JavaScript プログラムで音声認識できる。 window.SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition; var recognition = new SpeechRecognition(); recognition.lang = 'ja'; recognition.onresult = function(event){ var results = event.results; for (var i = event.resultIndex; i < results.length; i++) { var text = results[i][0].transcript; console.log("text:", text); } } recognition.start();
18. GAS で ChatGPT API を使ってみた
19. GAS で ChatGT API を使ってみた const messages = [ { 'role': 'user', 'content': 'Google Apps Script とは何ですか。' }, ]; const apiKey = PropertiesService.getScriptProperties().getProperty('ApiKey'); const apiUrl = "https://api.openai.com/v1/chat/completions"; const options = { 'muteHttpExceptions' : true, 'headers': { 'Authorization': 'Bearer ' + apiKey, 'Content-type': 'application/json', 'X-Slack-No-Retry': 1 }, 'method': 'POST', 'payload': JSON.stringify({ 'model': 'gpt-3.5-turbo', 'max_tokens' : 1024, 'temperature' : 0.9, 'messages': messages }) }; const response = UrlFetchApp.fetch(apiUrl, options); console.log("response:", response); const result = JSON.parse(response.getContentText()); console.log("result:", result); console.log(result.choices[0].message.content);
20. おしゃべりアプリを作ってみた
21. おしゃべりアプリを作ってみた
22. Alpine.js を使ってみた
23. Alpine.js n 新しい、軽量の JavaScript フレームワーク n Vue.js もどき。コンポーネントは作らない <script defer src="https://unpkg.com/alpinejs@3.13.2/dist/cdn.min.js"></script> <div x-data='{ name: "Alpine.js" }'> <p>Hello, <span x-text='name' />.</p> </div>
24. Qiita に書いた https://qiita.com/tinymouse/items/4b0bf0bc6ac149b60962 Alpine.js を使ってみた
25. Google に関係する話題はないのか
26. Pixel Watch を買った
27. Google AppSheet を使ってみた
28. Google AppSheet n ウェブアプリを作成できるノーコード開発プラットフォーム n Google が 2020 年に買収 n ウェブブラウザで管理画面で設定してアプリを作成する n Google Spreadsheet を始めに、多くのデータベースを 参照できる仕組が用意されている n 登録画面や一覧表示は簡単に作成できる n 条件に応じて表示や挙動を変えるなどの設定もかなりで きる
29. 「GAS で公開するウェブページをスマホ画面に対応させる」
30. 「GAS で公開するウェブページをスマホ画面に対応させる」 function doGet() { return HtmlService.createHtmlOutputFromFile('index.html'); }
31. Qiita に書いた https://qiita.com/tinymouse/items/76e1a1ae94e4d9732d27 「GAS で公開するウェブページをスマホ画面に対応させる」
32. 今年もがんばれたかな