gadgelogger / github_search_app_study

ゆめみのFlutter課題（練習用っす）

😁 自己紹介:

情報系の大学に通いつつ趣味でスマートフォンアプリを開発したり、気分転換にweb系のサービスやラズパイを触って弄ったりしているものです。

現状Flutter（Dart）しかスキルがなく、SwiftやKotlinなどは未経験に近いですが、学ぶ意欲だけは高いので現在Swiftを使いアプリを制作し、UiKitなどの勉強をしています。

趣味

・プログラミング
・車いじり
・旅行
・写真撮影
・ガジェット収集

📢 お知らせ:

2023/03/10:岡理アプリリリースしました
2023/05/08:Swiftを使い”ここらへん”というアプリを製作中です
2023/07/19:ここらへんリリースしました。
2023/09/30-10/01:東京Flutterハッカソンに出場しました。

🎓 所属・経歴:

・岡山理科大学・総合情報学部・情報科学科(2021/04/03)
・合同会社Dmm.comインターン(2023/07/24-2023/07/28)
・エキサイト終業型インターン(2023/08/07-2023/08/15)
・Freee株式会社インターン(2023/09/11-2023/09/22)
・東京Flutterハッカソン(2023/09/30-2023/10/01)

🪛 制作物関連:

作品名	概要	使用技術
岡理アプリ	個人開発 岡山理科大学の単位を検索できる非公式アプリ	Flutter・Firebase
ここらへん(配信停止中）	個人開発 周辺施設を検索できるシンプルなスポットアプリ	SwiftUI・GooglePlaceAPI
coming soon	coming soon	coming soon

🌐 SNS関連:

💻 技術スタック:

📊 GitHub Stats:

Last Updated on 8/14/2024, 12:24:48 AM

github_search_app_study's Issues

API通信部分の連携を作る

やること

GithubとのAPI連携部分の作成（リポジトリ層部分の作成）

期待する動作や、見た目

期待する動作や見た目

• xxxxxx
• xxxxxx

スクリーンショット

必要であれば

提案、対応方法

どうやって対応するか、など、参考にできそうな記事などあれば

その他

適当に大体のUIを作る

やること

タイトルの通り大体のUIを作っていく。とりあえず試験的なのも兼ねて、シンプルにListviewで表示できるかチェックしてみる。

期待する動作や、見た目

期待する動作や見た目

• xxxxxx
• xxxxxx

スクリーンショット

必要であれば

提案、対応方法

どうやって対応するか、など、参考にできそうな記事などあれば

その他

多言語化への対応

概要

#多言語化への対応
fast_i18nを用いた多言語化への対応

余計なコメントアウトを削除

概要

余計なコメントアウトを削除

前コードから引き継いだ際についてきた余計なコメントアウトを削除

gitignor追加

gitignor追加

#1 余計なファイル一掃するためにまずは最初にこれを追加した。

FVMの追加

やるべきこと

FVMの追加

理想の動作

FVMが追加されている

issue,pullrequestのテンプレートを作成する

• issue
• pullrequest

等のテンプレートを作成

Cardの中のwidgetに余白(padding)を追加する

概要

#Cardの中のwidgetに余白を追加する
中身がギッチギチなのでスッキリ見せるために要素ごとに余白を追加しました。

スプラッシュスクリーンを追加

flutter_native_splashを導入しました。

Readmeの追加

概要

#Readmeの追加

CI/CDの導入

概要

#CI/CDを作る
GithubActionを追加しました

リポジトリを開くボタン（Screen .dart）がAndroidにて動作しない原因を治す

不具合概要

リポジトリを開くボタン（Screen .dart）がAndroidにて動作しない原因を治す

期待する動作や見た目

ボタンを押したらurl_launcherを用い、Webviewが開き該当リポジトリのページが閲覧できる

再現方法

再現手順
Android端末にてボタンを押すとこのようにsearch_screen.dart#L426 にて例外が投げられる。

I/UrlLauncher( 6299): component name for https://github.com/flutter/flutter is null
D/EGL_emulation( 6299): app_time_stats: avg=184.88ms min=11.44ms max=3718.25ms count=22
I/UrlLauncher( 6299): component name for https://flutter.dev is null
E/flutter ( 6299): [ERROR:flutter/runtime/dart_vm_initializer.cc(41)] Unhandled Exception: Could not launch https://github.com/flutter/flutter
E/flutter ( 6299): #0      SearchScreen.build.<anonymous closure>.<anonymous closure>.<anonymous closure> (package:github_search_app_study/screens/search_screen.dart:426:55)
E/flutter ( 6299): <asynchronous suspension>
E/flutter ( 6299): 

search_screen.dartのコンポーネント分け

やること

search_screen.dartのコンポーネント分け

期待する動作や、見た目

• 肥大化したsearch_screen.drtをコンポーネント分けをし、すっきりさせる。

提案、対応方法

リポジトリ詳細にはwatcher、fork数などが並んでいる箇所がありますが、ここは全て「アイコン スペース テキスト」という構造になっているので「アイコン」「テキスト」を受け取るUIを作れば共通化できそう

main.dartのカウンター処理や余計なコメントアウトを削除

概要

タイトルの通りmain.dartでの
カウンター処理を削除
余計なコメントアウトを削除
MaterialAppのtitleを自分のアプリ名に変更

相談したいこと、とくに確認して欲しいところ

ここの実装方法はこれでいいか？とか

やってないこと

このPR内でやっていないことを書く

スクリーンショット

UIや振る舞いが変わる場合はbefore / afterのスクショや動画を共有する

テスト

テスト項目、テスト方法を書く
ユニットテスト

• XX
• XX

その他

colorなど複数で使う場所の定数化

概要

#定数化
colorなどよく使いまくるものを定数化してコードをスッキリさせる。

ダークモードへの対応

概要

#ダークモードへの対応
ダークモードへ自動で切り替えるようにする

Assets関連のファイルを追加

概要

#Assets関連のファイルを追加
画像関連のファイルを前のプロジェクトから追加するのを忘れていたため追加。

Unitテスト作成

概要

Unitテスト作成

相談したいこと、とくに確認して欲しいところ

テストコード書いたことがないのでChatGPTに任せてしまった。。。。理解できていないのでもっと調べるべき

テスト

テスト項目、テスト方法を書く
ユニットテスト

• XX
• XX

その他

アプリアイコンの変更

概要

#アプリアイコンの変更
flutter_launcher_iconsを用いたアプリアイコンの変更