プログラミングスクールRUNTEQの提供でお届けしています。

エンジニア経験不問!

実用性なくてOK!

とりあえず動けばOK!

みんなで楽しくクソアプリを作ろう!

RUNTEQキャリアトレーナー茂木さん執筆のらんてくんをTシャツにしちゃいました!

お題にふさわしいアプリを作った10名様にプレゼントいたします!

お題

『つらい』

※こじつけ理由大歓迎です!

4月29日(金)〜5月8日(日)23時59分締め切り

デプロイされていて誰でも使える状態であること

お題にそった作品になっていること

1人何作品でも応募OK

ご応募期間は終了しました。 たくさんのご応募ありがとうございました。

ES5までしか使えなくてつらいJS Playground

課題である「つらい」になぞらえて、
今と比較してやや書くのがつらかったES5(2009年リリース)以前の記法のみが使用可能なJavaScriptのPlayGroundをつくりました。
下記のリンクから確認頂けます。

## Link等
url: https://es5-playground.vercel.app/
repo: https://github.com/K-Sato1995/es5-playground-kit

## その他
- 使用技術: SvelteKit, ESLint, CSS, Vercel(Hosting)
- 注意(1): レスポンシブなデザインではありません
- 注意(2): Linux(Ubuntu)のChromeだけでしか動作テストを行っていません。他のOSやブラウザでデザインが崩れる気しかしていないので、していたら教えて頂きたいです。

ネコのいる世界

ネコのかわいい画像が表示されたかと思うと。。。

悲しいことに1つ1つ消えていってしまいます。。。

同じようにつらい気持ちを感じた方は"子猫ブリーダーナビ"にアクセスして、ネコのいる世界に踏み出してしまう。。。

(作成している側が現実にネコのいない世界がつらくなってしまったので、。。。もうこれ以上は作り込めない。。。)
作品URL
https://world-with-cats.herokuapp.com/

リプ返つらい

https://replytsurai.onrender.com/

フォロワーから、見ず知らずの人から、日夜飛んでくるTwitterのリプライ。
「突然話しかけられても、なんて返事すればいいのかわからない!」
「忙しくて返事を考えている暇がない!」
そんな人のために、AIがリプライへのリプライ(リプ返)を自動で生成します。

使用技術
Twitter API v2
https://developer.twitter.com/en/docs/twitter-api
Yahoo 自然言語理解Web API
https://developer.yahoo.co.jp/webapi/jlp/nlu/v1/

冷凍チャーハンが縮みすぎてツライ

【紹介】
冷凍チャーハンを解凍すると、解凍前はこんもりしていたのが高さが半分程度に縮み、なんなら窪んでいる…!「これが一人前の量か…!?」と絶望した経験がある人もきっと多いはず。これはツライ!!!温め完了時にちょうどいい量になるようにパッケージ記載の一人前の量より多めに温めようにも、今度は温め時間がわからない!適当に温めると冷たい部分が残っていることも…。冷凍チャーハンの解凍は経験とカンが必要とされる繊細な作業なのです!!
このアプリは温め完了時にちょうどいい量と温め具合になるように、量と温め時間を指定してレンジでチンし、出来上がりを判定するミニゲームです。
※仕上がりのちょうど良さの判定ロジックは製作者のさじ加減です。
Rails7とTailwind CSSを使用し、Renderでデプロイしました。
【作品URL】
https://shrinking-fried-rice-r847.onrender.com/
【GitHubリポジトリ】
https://github.com/mayu-tateno/shrinking-fried-rice/issues

ピースサイン競争✌️

2022/5/6リリース
https://www.peace-sign-competition.com/

🔹サービス概要🔹
ピースサインした指の角度で競い合ってみるサービスです。

🔻メインターゲット
ピースサインの指がどのくらい開くのかを確認したい探求者達
ピースサインの指がめっちゃ開くのを自慢したい亡者達

🔻ユーザーが抱える課題
ピースサインした瞬間、自分の指を見て「あれ、この指何度くらい開いてるのだろう?」と気になりソワソワする。

🔻解決方法
カメラで撮影することで指が開く角度を調べることができて、せっかくなので自慢してもらう。
また、日々指のストレッチを行うことで更に開けるようになってもらう。

🔻実装済みの機能
(以下の例は実際のアプリの機能から一部省略しています)
・全ユーザー(ログイン不要)
・カメラ撮影をするだけで指を検知し指同士の間の角度が表示される
・撮影したデータは保存・公開でき、角度に応じてランキング表示される
・撮影データをTwitterでつぶやける

🔻技術PR
・MediaPipeという手のランドマークを取得する機械学習ライブラリを使用
・フロントはVue.js、バックエンドはRails7系のAPIモードで作成
・Dockerを使用した開発&デプロイ

🔻その他
今後はバルタン星人の挨拶であるスポックハンド🖖の角度でも競えるように拡張を予定しています。

Negative_word_share

タイトルはNegative-word-shareと名付けました。
サービスの内容と致しましては
自分の人生で他人から言われて傷ついた言葉を掲示板にシェアしてもらって
その内容をコメントで慰め合うというサービスです。

作った背景としては、これまで生きてきた中で「言葉の重み」をいうのを非常に感じてきた事がキッカケです。常々私は、言葉は内容によって救いにもなり凶器にもなり得るものだと感じてきました。

昨今、リモートワークも普及してきて
テキストコミュニケーションも重要になってきていると思うので
「言葉」の重要性は今後より重要になってくるのではないかと思っています。

今回はクソアプリweekのお題が「辛い」だったので
ネガティブな言葉を焦点にして作りました。

このサービスを通じて、「言葉の重要性」と言うのを再認識してもらうキッカケになれば
個人的に嬉しく思います。

https://negative-word-share.herokuapp.com/

つらいで押韻!

【サービスURL】
https://tsurai-ouin.herokuapp.com/

【作成背景】
「つらい」で考え続けた結果、「くさい」「うざい」「ふかい」などなぜか辛い言葉で韻を生む言葉か浮かんできたので、それを基にアプリを作りました。

【遊び方】
ユーザは「つらい」で韻を踏む言葉を選択肢から選び、辛い(ネガティブ)言葉を完成させます。
正解であれば、一言が表示されます。

【開発者の一言】
とりあえず動きけばOKということで開発したので、突出する技術などはありません🙇‍♂️🙇‍♂️🙇‍♂️

辛いコンバーター

【紹介】
こんな漢字あるんだ。それなら人生頑張ろう。
そう思って欲しくてこのアプリを作りました。
辛いという漢字の一点突破にはなりましたが,誰かの人生の糧になってくれれば幸いです。
ちなみに僕はこんな漢字あるんだと思いました。

辛いエピソードに対応して漢字を変換しようとしましたが、充てられる時間等含めると現実的に実装できる範囲になってしまったので,今後拡張はしていきたいなと思っています。

【作品URL】
https://tsurai-converter.herokuapp.com/
【Githubリポジトリ】
https://github.com/ky0613/tsurai_converter

【使用技術】
Ruby version 3.1.1
Ruby on Rails 6.1.5.1
vue.js 2.6.14
tailwindcss 3.0.24
Spotify API
Youtube Data API

従業員の無駄づかい

従業員のシフト作成ゲームです。
店長となって従業員のシフトを作成しましょう。

従業員の無駄づかい: https://mighty-garden-76701.herokuapp.com/

チュートリアル、中級、上級編の3つを作りました。
実体験をもとに作っておりますので、個人的に作ってて辛かったです。
また、今回railsにはモデルを一切使わずに作成したので、かなりファットなコントローラになって、別の意味で辛かったです。

rails7 bootstrapを使用しております。
一応レスポンシブデザインですが、ブラウザ(Chrome)推奨です。

推しと結婚しませんか?

「推しと結婚したいな〜」って思ったことありますよね?
そう。地球に生きている諸君なら全員そう思ったことはあるでしょう。
その夢を叶えます・・・・?

サービスURL
https://oshimarriage.herokuapp.com/

謎の生き物に慰めてもらうだけのアプリ

日常でつらいことや悲しかったことを投稿すると、謎の動きをする謎のいきものが慰めてくれるサービス。投稿内容はあえて誰にも見られないようにしているのでお好きなこと呟いてください。

JavaScriptとCSSで簡単に動きをつけてみたかったので、思い立って作ってみました。
短期間で形にすることを目標にしたのでクオリティは高くないけれど、謎のいきものに愛着が湧いたので自分の中では割と満足してます(笑)

一応スマホでも使えるんですがフォントが可愛くないので、Google Chrome推奨です。

【作品URL】https://nagusame-pien.herokuapp.com/

つらBOOM!!

あなたのつらいこと、爆破してスッキリさせませんか?
※音が出ます。mac、chromeのみ動作確認しております。
【使用技術】Rails5系、Javascript
【URL】https://tsuraboom.herokuapp.com/

SIX PACK COMING SOON

私が腹筋ローラーをやるごとにカウントが増えます
毎日腹筋ローラーが続けられなくて辛いので皆さん応援お願いします!

フロント側はReactとFirebaseで作ってます
裏側はラズパイに超音波距離センサーを取り付けて腹筋ローラーの近づき具合を見て一回を判定しています

動画はこちら
https://twitter.com/mochimochifarao/status/1522600092154310656?s=20&t=WYJ5ns72jc41IQSyYJ0ABQ

岸辺露伴先生の生き方を学んで強く生きようクイズ

人生が辛い。。それでも強く生きていかなければいけない。。
そういう方のためにジョジョ4部の登場人物「岸辺露伴」のセリフ二択クイズをしながら強く生きていく方法が学べるアプリ。
URL: https://rohan-quiz.vercel.app/

【使用技術】
JavaScript
TailwindCSS
【感想】
期間延長してくれたからには作らねば!と思い製作しました。
JavaScriptと最近読んだジョジョ4、5部のアウトプットになりました。
また、TailwindCSSの便利さを知れたのも良かったです。

ELDEN RING メッセージメーカー

高難易度すぎて"つらい"オープンワールドゲーム「ELDEN RING」に登場する定型文メッセージをweb上で作成・Twitter投稿できるサービスです。

独特の言い回しによる、魅力あふれるメッセージが作成できます。
フロム信者の方も、そうでない方も是非使ってみてください!

url: https://eldenring-message-maker.herokuapp.com/messages

HaiQuiz

俳句(川柳)を穴埋めクイズにしました。
テーマが「つらい」なので、つらめのテーマを用意しました。
HaiQuize: https://gentle-everglades-15318.herokuapp.com/
頑張った点:問題作成時にキーワードを設定すると自動で穴抜け問題を作ってくれるようにしました。

皆様のつらいエピソード俳句(川柳)お待ちしてます。

メンタルDJ

【紹介】
ツラい気持ちを自称・音楽療法士のメンタルDJさんが診察し、適切な処方をしてくれるアプリです。
CSSが楽しくて色々イジっていたら目に優しくない感じになりましたが、ご容赦ください。
なお、診断の結果に責任は一切持ちません。本当にツラい方は迷わずプロでモノホンの先生にお頼りください・・・。

【作品URL】
https://mental-dj.herokuapp.com/

【使用技術】
Ruby version 2.7.5
Ruby on Rails 5.2.7.1
bootstrap
jQuerry
jTinder
Spotify API

FAKE_BREATH_DIET

【作品URL】https://fake-breath-diet.herokuapp.com/ 
最近お腹が出てきてつらい。一瞬だけ凹ませたい…
色々試した結果某ブレスダイエットが一番自然にスリムに見えるのでは?と思って作ってみました。
あくまで一回の見た目だけですので、痩せません。そのお腹になれる希望をもっていただけると幸いです。

HTML
CSS
JS

ケチャップ作れない🍅

【紹介】
ここにトマト嫌いな方はおられますか??僕は大嫌いです。辛いをテーマにケチャップが大丈夫でトマトが苦手な人がひたすらトマトをケチャップにしようとするが、永遠にトマトのままでケチャップが作れないという辛さを提供するアプリ。
この見解は個人差がありますので、あらかじめご了承ください。

【作品URL】
https://tomato-ketchup.herokuapp.com/

広告が消せなくてつらい

【紹介】
ふわっと浮かび上がってくる広告、
いきなり出てくる広告、
見えないのにリンク先に飛ばされる広告。

広告はサイト運営には大事な物ですが、見たくない広告などもございます。

そこで、広告に対しての瞬発力を身につけていただくため、動く広告を気持ちよく削除していただくよう作成いたしました。

とにかく見た目がクソアプリに見えるように仕上げました。

【作品URL】
https://remove-ads-lesson.herokuapp.com/

【使用技術】
Vue.js 2.6.14

つら連打

【URL】https://tsurarenda.herokuapp.com/
普通のクリック連打ゲームに飽きたそこのあなた!
少しつらいクリック連打ゲームを暇つぶしにどうぞ!

PC・スマホ(iPhone版chorme)にて動作確認済み。

とどけ、反抗期

【紹介】
可愛かった子どもの激しい反発や無視は、親にとってはとても辛いものです。
反抗期は、その子どもの特性や性格、親子関係、その他の環境要因などにより、時期も程度も様々です。親にとっては大変で苦しい反抗期も、子どもが今後さまざまな問題を乗り越えていくうえで必要となる部分があります。
そこで、子供が反抗期を自覚できる反抗期届を作成するアプリを作りました。(元ネタ:https://twitter.com/tye_es1/status/1512956187545071618
このアプリを使って子供に反抗期届を提出してもらい、親子関係を良好にしていきましょう。
【作品URL】
https://hankouki.herokuapp.com/
【Githubリポジトリ】
https://github.com/eityamo/Notification
【使用技術】
Ruby version 3.1.1
Ruby on Rails 6.1.5.1
tailwindcss

旧約じゃんけん

じゃんけんなのに、ルールがよくわからなくてつらい。
元ネタは金属バットの「じゃんけん」。
知らない人は、合法的な手段で見てみてください!

HotwireのTurboStreamでリアルタイム対戦っぽいことができます!

サービスURL: https://old-janken.herokuapp.com/

はだかのらんてくん

着る服がなく、つらそうにしているランテくんを助けるゲームです。

動くランテくんはCSSアニメーションを使っているので、ぬるぬる動くはず。

https://naked-runtekun.herokuapp.com/

https://github.com/Annmann3/frustrated-runte-kun/commits/main

kuso-news

ニュースが始まります。
そのニュースでは何をやったのか読み上げてくれます。
情状酌量の余地のギリギリを攻めてください。
全てを無に返します。

https://kuso-news.herokuapp.com/