<p>クソアプリカレンダーの15日目の記事です。ですが、作りたいクソアプリがうまく思いつかなかったので実用的なiOSアプリを作ることにしました。僕にはクソアプリを作る才能がなかったようです</p>
<h2 id="%E8%87%AA%E5%B7%B1%E7%B4%B9%E4%BB%8B">
<a class="header-anchor-link" href="#%E8%87%AA%E5%B7%B1%E7%B4%B9%E4%BB%8B" aria-hidden="true"></a> 自己紹介</h2>
<p>zennに初めて投稿するのもあり軽く自己紹介します。bannzaiです。 <code>github スター乞食</code> でググると出てきます。ググらなくてもこのワードだけで私の素性の9割の説明が終わったので本章に行きましょう。1割が気になる方のためにTwitterのプロフィールのリンク置いておきます。<a href="https://twitter.com/_bannzai_" target="_blank" rel="nofollow noopener noreferrer">twitter</a></p>
<p><span class="embed-block zenn-embedded zenn-embedded-tweet"><iframe id="zenn-embedded__ebeb67b68d117" src="https://embed.zenn.studio/tweet#zenn-embedded__ebeb67b68d117" data-content="https%3A%2F%2Ftwitter.com%2Fkumamo_tone%2Fstatus%2F1459082948381077508%3Fs%3D20" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://twitter.com/kumamo_tone/status/1459082948381077508?s=20" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://twitter.com/kumamo_tone/status/1459082948381077508?s=20</a></p>
<h2 id="%E3%82%A2%E3%82%A4%E3%83%87%E3%82%A3%E3%82%A2">
<a class="header-anchor-link" href="#%E3%82%A2%E3%82%A4%E3%83%87%E3%82%A3%E3%82%A2" aria-hidden="true"></a> アイディア</h2>
<p>作りたいクソアプリが思いつかなかったので自分が欲しい小さなアプリを作ることにしました。そして、「<strong>特定のGitHubアカウント</strong> のリポジトリ一覧が見れて、そこからスターを送れるアプリがあると良いのでは」と考えが行きつきました。いつもお世話になっていたり、またPublicな場所にソースコードを置いてくれている方には感謝の意を伝えたいですしね。また公開している人にとってはスターは励みになる方も多いと思います。スターって素晴らしいですね</p>
<p>よし、「<strong>特定のGitHubアカウント</strong> のリポジトリ一覧が見れて、そこからスターを送れるアプリ」を作るぞ。と心に誓いました。</p>
<h2 id="%E6%99%82%E9%96%93%E3%81%8C%E8%B6%B3%E3%82%8A%E3%81%BE%E3%81%9B%E3%82%93%E3%81%A7%E3%81%97%E3%81%9F">
<a class="header-anchor-link" href="#%E6%99%82%E9%96%93%E3%81%8C%E8%B6%B3%E3%82%8A%E3%81%BE%E3%81%9B%E3%82%93%E3%81%A7%E3%81%97%E3%81%9F" aria-hidden="true"></a> 時間が足りませんでした</h2>
<p>師ですら忙しすぎて走り回る。師走ってそんな感じの意味だったと思います(調べてないです)。そんな忙しい時期だったので「<strong>特定のGitHubアカウント</strong> のリポジトリ一覧が見れて、そこからスターを送れるアプリ」を作り切るのが難しいことに気づきました。なので要件を少し減らすことにしました</p>
<p>「<strong>bannzai</strong> のGitHubアカウントのリポジトリ一覧が見れて、そこからスターを送れるようなアプリ」</p>
<p>これなら未完成なアプリの操作が <a href="https://github.com/bannzai" target="_blank" rel="nofollow noopener noreferrer">bannzai</a> にのみ行われるので影響も少ないです。bannzaiにのみスターがつくことになります。僕にだけスターが集まります。他の人に影響がないので開発も公開も安心して行えますね。よかったよかった</p>
<h2 id="%E6%9C%AC%E9%A1%8C">
<a class="header-anchor-link" href="#%E6%9C%AC%E9%A1%8C" aria-hidden="true"></a> 本題</h2>
<p>クソアプリが思いつきませんでした。時間が足りなくて機能要件絞りました。の2点の予防線を貼ったのでここからが本題のアプリ紹介です</p>
<p>まず起動時にPush通知の許可のアラートが出ます。これを許可するとbannzaiがスターが欲しいリポジトリを公開したときに通知がいきます。これでいち早くスターを送ることができますね</p>
<p>許可をしたら今度はGitHubアカウントでログインします。スターを送る準備ができてワクワクしますね</p>
<p><img src="https://storage.googleapis.com/zenn-user-upload/fd353e161301-20211215.png" alt width="320" loading="lazy" class="md-img"></p>
<p>ログインしたら<a href="https://github.com/bannzai" target="_blank" rel="nofollow noopener noreferrer">bannzai</a>がGitHubに公開しているリポジトリ一覧が開きます。これでbannzaiにスターを送れます。スターって素晴らしいですね</p>
<p><img src="https://storage.googleapis.com/zenn-user-upload/692493e4889e-20211215.gif" alt width="320" loading="lazy" class="md-img"></p>
<p>各種リポジトリ一覧が見れてリポジトリの枠の右端には⭐️のボタンがあることが確認できます。<br>
グレーの色の⭐️を押すとスターが送られて色がつきます。黄色になっている⭐️を押した場合は　<strong>アプリを終了させています</strong> 。⭐️を取り消すなんて非人道的な操作を普通なら絶対行わないはずです。なので <code>fatalError</code> の扱いにしてあります。みなさんスターを外すなんてことはやめましょう</p>
<p>上の動画を見て右端の⭐️ボタンが何やら押して欲しそうなアニメーションをしていることに気づいたでしょうか。試しに押してみましょう</p>
<p><img src="https://storage.googleapis.com/zenn-user-upload/e835b690667e-20211215.png" alt width="320" loading="lazy" class="md-img"></p>
<p>なんとこのアプリの目玉機能。すべてのリポジトリにスターを送ることができます。超絶便利ですね。えー？そんな便利な機能作れたの？って疑問に思う方は是非押してみてください。リポジトリ一覧に順にスターがつく光景が目撃できます。スターに灯りが灯ると嬉しい気持ちになりますね</p>
<p>ここでのこだわりポイントがもう一つあってキャンセルの文言をGitHubのスターをあげないという選択が受け手にとって「悲しなせる」ことになります。その気持ちを反映させて「bannzaiを悲しませる」としています。本当にそれがユーザーにとって望んでいたことなのか？と強いメッセージにすることで一度立ち止まらせることができます。やはりスターを送るって素晴らしいですね</p>
<p>ここまでして「bannzaiを悲しませる」を選んだ人に起きる出来事は制裁です。何が起きるかというとユーザーが<strong>delete</strong>されます。そして <strong>exit(0)</strong> します。痛みは分かち合うものですからね⭐️</p>
<h2 id="%E3%82%A2%E3%83%97%E3%83%AA%E3%82%92%E4%BD%BF%E3%81%84%E3%81%9F%E3%81%84%E5%A0%B4%E5%90%88%E3%81%AF">
<a class="header-anchor-link" href="#%E3%82%A2%E3%83%97%E3%83%AA%E3%82%92%E4%BD%BF%E3%81%84%E3%81%9F%E3%81%84%E5%A0%B4%E5%90%88%E3%81%AF" aria-hidden="true"></a> アプリを使いたい場合は</h2>
<p>現時点でもbannzaiって人にスターをあげることができるので、この素晴らしいアプリを使いたいという方も多くいらっしゃると思います。そんなあなたのためにTestFlightのPublic Linkを用意しました...</p>
<p>と言いたいですが、まだ審査が始まっていないので通り次第この部分に貼ります。乞うご期待</p>
<h2 id="%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3">
<a class="header-anchor-link" href="#%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3" aria-hidden="true"></a> アイコン</h2>
<p>TestFlight の申請でもアプリのアイコンの設定が必要です。そしてこの<s>クソ</s>素晴らしいアプリにはアイコンが必要だと思い用意しました。とても素敵ですね。スターが欲しい気持ちがとても伝わってきます。いいアイコンですね。<a href="https://twitter.com/07Morimi" target="_blank" rel="nofollow noopener noreferrer">07Morimi</a>にお願いして描いてもらいました</p>
<p><img src="https://storage.googleapis.com/zenn-user-upload/7726c69479d3-20211215.png" alt width="256" loading="lazy" class="md-img"></p>
<h3 id="%E6%8A%80%E8%A1%93%E7%9A%84%E3%81%AA%E3%81%93%E3%81%A8">
<a class="header-anchor-link" href="#%E6%8A%80%E8%A1%93%E7%9A%84%E3%81%AA%E3%81%93%E3%81%A8" aria-hidden="true"></a> 技術的なこと</h3>
<p>まとめ前に技術的なことを軽く箇条書き</p>
<ul>
<li>SwiftUIで書いてます</li>
<li>GitHub APIのv４使っています。GraphQLはいいぞ</li>
<li>
<a href="https://github.com/apollographql/apollo-ios/" target="_blank" rel="nofollow noopener noreferrer">Apollo iOS</a>をAPIクライアントとして使っています</li>
<li>async/await で非同期処理を書いています</li>
<li>Firebase
<ul>
<li>Auth -&gt; GitHubログインにしようしてます</li>
<li>Messaging -&gt; プッシュ通知にしようしてます</li>
</ul>
</li>
</ul>
<h2 id="%E3%81%BE%E3%81%A8%E3%82%81">
<a class="header-anchor-link" href="#%E3%81%BE%E3%81%A8%E3%82%81" aria-hidden="true"></a> まとめ</h2>
<p>GitHubにソースコードは公開してます。アプリの名前の由来は「星欲しい」です<br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__84b4fef0bd91b" src="https://embed.zenn.studio/card#zenn-embedded__84b4fef0bd91b" data-content="https%3A%2F%2Fgithub.com%2Fbannzai%2Fhoshihoshii" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://github.com/bannzai/hoshihoshii" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://github.com/bannzai/hoshihoshii</a></p>
<p>GitHubのリポジトリに上がっているということはスターを送れるということですね？？？ 気に入ってくれた方は是非 <strong>スターください</strong> 🌟</p>
<p><img src="https://storage.googleapis.com/zenn-user-upload/7726c69479d3-20211215.png" alt width="480" loading="lazy" class="md-img"></p>
<p>おしまい\(^o^)/</p>


クソアプリアドカレで実用的なスターを送れるアプリを作ってしまった

github

graphql

swiftui

Discussion