今日からコーディング開始できるアプリのアイディア7選

本記事は、Trevor Indrek Lasn氏による「[Here's a List of App Ideas You Can Start Coding Today](https://betterprogramming.pub/heres-a-list-of-app-ideas-you-could-start-coding-today-b5f33f94a42e)」（2020年2月8日公開）の和訳を、著者の許可を得て掲載しているものです。

#今日からコーディング開始できるアプリのアイディア7選
>コーディングスキルを磨くのに役立つインスピレーション

![](https://miro.medium.com/max/1400/0*jncEsLyIm6Jsy3is)
Photo by Fotis Fotopoulos on Unsplash.

##はじめに

他のスキルと同様に、コーディングを上達させるには、努力と時間を費やす必要があります。コーディングを上達させるための最良の方法の1つは、できるだけ多くのさまざまなアプリケーションを作ることです。しかし、私たちプログラマはジレンマを抱えています。作りたい気持ちはあっても、アイディアが浮かばないのです。このリストを参考にして、日々のコーディングの習慣を身につけてください。

注：この記事は、基本的なプログラミングの概念に精通していて、コーディングの筋肉を鍛えるためのインスピレーションを求めている人を想定しています。

それでは、今日から作れるアプリリストを紹介します。好きなものを選んで、作ってみてください！

##1. SoundCloudクローン

SoundCloudは、オンラインのオーディオ配信プラットフォームで、音楽共有サイトです。このサイトでは、曲のアップロード、いいね、共有ができます。

![](https://miro.medium.com/max/1400/1*u0mi87TwK5t5d57vc_mLKQ.png)
>SoundCloudプレーヤー

**学べること**

-   曲をデータベースにアップロードして保存する方法
-   メディアプレーヤーの基本：再生、早送り、一時停止などの方法
-   曲を友達と共有する方法
-   曲の長さや進行状況を示すグラフをレンダリングする方法

##2. Jiraクローン

Jiraは、バグ追跡、問題追跡、プロジェクト管理に使用されます。「Jira」という名前は、日本語の「ゴジラ」に由来します。

![](https://miro.medium.com/max/1400/1*YbQ-5Tdry854Mn4vL3ILCg.png)
>Jiraクローン：<https://jira.ivorreic.com/project/board>

**学べること**

-   [HTML ドラッグ＆ドロップ API](https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API)
-   ユーザーの役割と権限
-   さまざまなユーザー間でのタスクの割り当てと再割り当て
-   タスクの完了マーク、アーカイビング、削除、さまざまなタスクの編集

##3. Apple株価クローン

Apple株価では、銘柄や市場を簡単に追跡できます。株式相場や日々のパフォーマンスをカスタマイズ可能なウォッチリストで表示したり、証券コードをタップしてインタラクティブなチャートや主要な詳細情報を見ることができます。

![](https://miro.medium.com/max/1400/1*AVs1d4OvaEpF8979Vt6_Yg.png)
>Apple株価アプリ

**学べること**

-   APIを使用して非同期で株価を取得する方法
-   株価のチャートを作成する方法
-   価格アラートの設定（例：株価が10%上昇または下降した場合、デスクトップアラートを送信する）
-   積極的にフォローしているお気に入りの銘柄リスト

このAPIを使用して株価を取得します。無料で使える公開株式市場APIを知っていたら教えてください。

##4. チェスクローン

チェスは、64個の正方形が8x8グリッドに配置され、市松模様のボードでプレイされる2人用の戦略ボードゲームです。

![](https://miro.medium.com/max/1400/1*-KuYZC2d2ciJjMTF-wuqfQ.png)
>Appleチェス

**学べること**

-   8x8のグリッドをレンダリングする方法
-   チェスの駒には、チェスボード上の動き方のルールがあるため、ゲームが伝統的なチェスのルールに沿うように、ゲームの核となるロジックを適用する必要がある。[チェスゲームのルールはこちら](https://en.wikipedia.org/wiki/Rules_of_chess)
-   [HTML ドラッグ＆ドロップ API](https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API)
-   勝ち、負け、引き分けなどのスコアを記録する方法、[PostgreSQL](https://www.postgresql.org/)などのデータベースに結果を保存する方法

##5. Text-to-Speechクローン

Text-to-Speechは、言葉を話さない人のための音声合成アプリです。音声合成ソリューションは、さまざまなユーザーグループにとって、製品やサービスをより魅力的なものにします。

![](https://miro.medium.com/max/1400/1*1s-YgaYD5epLmbTEiEYFlQ.png)
>無料Text-To-Speech：[デモ](https://ttsmp3.com/)

**学べること**

-   [Web Speech API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Speech_API/Using_the_Web_Speech_API)を使用する方法
-   レスポンシブUIを作成する方法
-   さまざまな音声やアクセントを変更する方法

##6. 為替レート計算ツール

為替レート計算ツールは、いろいろな通貨を外国為替レートで換算します。

![](https://miro.medium.com/max/1400/1*IOibfdnuY1zz3lRK5zSruA.png)
>為替レート計算ツール：[デモ](https://vanillawebprojects.com/projects/exchange-rate/)

**学べること**

-   APIから為替レートを取得する方法：この[API](http://api.exchangerate-api.com/)を使用
-   両通貨の値と換算レートを表示する方法
-   通貨額の変更に基づいて、リアルタイムで値を更新する方法

##7. Discord クローン

Discordは、ゲーマー向けのオールインワンの音声・テキストチャットです。無料で安全、デスクトップと携帯の両方で使用できます。開発者やゲーマーだけでなく、そのような専門家ではないユーザーにも非常に人気のあるコミュニケーション手段です。

![](https://miro.medium.com/max/1400/1*L_vvLEucikisPE8lZn9yww.png)
>Discordデモ

**学べること**

-   [The WebSocket API](https://developer.mozilla.org/en-US/docs/Web/API/WebSockets_API)。チャットルームは、リアルタイム通信にWebSocketを使用
-   さまざまなユーザーの役割と権限（管理者、コンテンツモデレーター、一般ユーザーなど）
-   マイクを起動して音声通話を可能にする方法
-   複数のチャットルームを作成し、複数のWebSocketを有効にする方法

##おわりに

読んでくれてありがとう。この記事で新しいアイディアを見つけられましたか。コーディングは常に研ぎ澄ます必要のあるスキルだということを忘れないでください。

**コーディングのアイディアをもっと探していますか？アイディアが尽きることはもう二度とありません。**[私のフロントエンド課題がここにたくさんあります。](https://gumroad.com/l/IuqKc)

私の[ニュースレター](https://wholesomedev.substack.com/welcome)では、コンテンツの最新情報の通知を、いち早く受け取ることができます。ぜひ登録してください。

##翻訳協力

この記事は以下の方々のご協力により公開する事ができました。改めて感謝致します。

Original Author: [Trevor Indrek Lasn](https://trevorlasn.medium.com/) ([@trevorlasn](https://twitter.com/trevorlasn), <https://www.startupscrushing.com/>)
Original Article: [Here's a List of App Ideas You Can Start Coding Today](https://betterprogramming.pub/heres-a-list-of-app-ideas-you-could-start-coding-today-b5f33f94a42e)
Thank you for letting us share your knowledge!

選定担当: @gracen
翻訳担当: @gracen
監査担当: -
公開担当: @gracen

##ご意見・ご感想をお待ちしております
今回の記事はいかがでしたか？
・こういう記事が読みたい
・こういうところが良かった
・こうした方が良いのではないか
などなど、率直なご意見を募集しております。
頂いたお声は、今後の記事の質向上に役立たせて頂きますので、お気軽に
コメント欄にてご投稿ください。[Twitter](https://twitter.com/BabyDegu?lang=ja)でもご意見を受け付けております。
皆様のメッセージをお待ちしております。