当方プログラミング初心者、チャットアプリ作りたい

**デフォルトの名無しさん** · 2021/03/14(日) 16:45:48.46

ぐぐっても数年前の情報ばかりヒットしたので、賢人の知恵を借りたい、、

・まず環境の構築が必要だと思うんだが、何をダウンロードすればいいんだろう
・言語も何が最適なのかわからん、MacもWindowsも家にはある。IOSでもWindowsでも使用できるのはJavascriptって書いてあったけど本当ですか？
・なるべく安く済ませたいんだが、無料で開発ってできる？
・デザインとかもある程度考えておくべき？　（個人的に使用するだけなら、既存のアプリ丸パクリでOK？）
・ググり方が下手なのか、知りたい情報が集まらない、、初心者の情報収集におすすめのサイトとかある？

**デフォルトの名無しさん** · 2021/03/14(日) 17:36:35.98

>>2
ご助言感謝します、まずはプログラムの基礎知識からぐぐっていきます。

**デフォルトの名無しさん** · 2021/03/14(日) 21:45:39.47

ブラウザだけで完結していいのか
アプリをダウンロードする形にするのか

ユーザー管理はどれぐらいしっかりやるのか
登録の仕方とか

他人の書き込みをどれぐらい見えるようにするのか

まず要件を決めることだな

**デフォルトの名無しさん** · 2021/03/15(月) 01:13:29.69

>>1
まずこういうクソスレを立てないことだな

**デフォルトの名無しさん** · 2021/03/15(月) 01:18:24.04

>>3
ググり方も下手みたいだから、まずはどの言語でもいいからプログラミングの言語の入門書を読んで、最低限の基礎を身に付けた方がいいかも。
基礎が無さすぎるからググろうにも適切な方法が分からないし、得られた情報から次に進んだり深掘りしたり出来ないのだろう。

**デフォルトの名無しさん** · 2021/03/15(月) 19:02:44.15

みなさん、ありがとうございます。>>1です。

>ググり方下手
おっしゃる通りでしたので、progateの超初心者向けコースから開始しました。
導入のスライドを読んで、今はhtmlコースでdivを書く部分まできたのですが、入門書も読んだほうがいいですか？
pythonかhtmlだったら、どちらがいいでしょうか？

**デフォルトの名無しさん** · 2021/03/15(月) 19:21:39.28

両方

**デフォルトの名無しさん** · 2021/03/15(月) 19:26:00.91

>>7
自分で判断できるまでやれ

**デフォルトの名無しさん** · 2021/03/15(月) 19:50:51.80

>>4
ありがとうございます。アプリをダウンロードできるようにしたくて、イメージはLINEのチャット機能のみ抜き出したものです。ユーザの管理方法は知識がなく、全然イメージ固まってませんでしたので研究します。

**デフォルトの名無しさん** · 2021/03/15(月) 19:52:55.05

>>8 >>9
htmlとpython両方やるつもりでいきます。まずhtmlをprogateでマスターします。入門書はおすすめググって買ってみます。どうもです。

**デフォルトの名無しさん** · 2021/03/15(月) 20:05:34.24

マスターなんて誰にも出来ないんだから
そんな恥ずかしいセリフを言うのはやめたほうがいい

**デフォルトの名無しさん** · 2021/03/15(月) 23:38:07.22

あわしろ氏の一番弟子、KENTAのサロンで学ぶのが近道。

**デフォルトの名無しさん** · 2021/03/16(火) 16:55:48.83

手動更新ならHTMLだけで作れるな

**デフォルトの名無しさん** · 2021/03/16(火) 18:11:15.05

【Rails】（送信時のリロード無し！）Action CableでSlack風チャットアプリを作成
https://www.youtube.com/watch?v=o6PuxDr8Meg

Ruby on Rails 6 のAction Cable(Web Socket)で作っている

たけは、大学院で数学を研究していた人で、
未経験から、わずか半年で、Rails プログラマーになった天才w

今は、沖縄のかみざとよしとの「やんばるCODE」の守護神らしい

**sage** · 2021/03/16(火) 21:31:06.42

>>14
そうなんですね。自動更新を希望しているのですがまずはhtmlで簡単なものを作るのもありかもしれませんね。ありがとうございます。

**sage** · 2021/03/16(火) 21:35:34.37

>>15
動画ザッとみました。この人凄いですね。Railsを齧ってたらこの動画はとても参考になりそうですね。htmlとpythonの入門書買ってきてしまったのですかRailsのほうがやりやすいんですかね。どうもです。

15 · 2021/03/17(水) 12:21:09.92

YouTube で有名な、雑食系エンジニア・KENTA の千円のサロンが、日本6位で有名。
彼の動画では、初心者には、Ruby on Rails しか勧めない

Python は初心者向けじゃない。
Java, PHP も、勧めない

一方、Rails では教育環境が整っている。
Rails 6 の本だけでも、数冊以上出てる

Railsガイド・Rails Tutorial もある。
日本の学校・サロンなどは皆、Rails

**デフォルトの名無しさん** · 2021/03/17(水) 17:40:39.35

ただ、全部わかっていないと使えないのがRails
CLI, make, RDB, nodeこの辺が分かっていないと使えない

15 · 2021/03/18(木) 13:27:34.20

Linux, AWS, Heroku, Docker, Terraform などの環境構築運用も必要

だから、>>15
のたけとか、KENTA のサロンのAWS部活の大ボスなど、
そうそうたるメンバーが、くろかわこうへいのAWSサロンへ入っている

make は、rake, thor などのタスクランナーを使う。
Node.js なら、gulp, npm scripts

他には、VSCode, Node.js, Webpack, Bootstrap, React など

**デフォルトの名無しさん** · 2021/03/18(木) 18:40:10.40

大層な環境はいらんぞ、騙されるな
さくらサーバー月額131円で十分

**デフォルトの名無しさん** · 2021/03/18(木) 21:53:58.30

環境構築にお金はかからない
ただ知識が必要
それがRails

**デフォルトの名無しさん** · 2021/03/19(金) 02:17:59.96

rubyガイジはスルーして
目標としてはチャットアプリは悪くないにしても
完璧なものははっきり言って初心者には無理
とりあえずリロードで更新するようなものなら最初の目標にいいかも知れない

1 · 2021/03/20(土) 14:30:03.27

どうも親切にありがとうございます。
とりあえずリロードして表示されるものを目標に作成してみます。

Pythonの入門書を買ってしまったので、とりあえず勉強はじめました。
チャットアプリ作成には不向きかもしれませんが、
Excel業務が自動化できるのも魅力的なので学習続けます。
スクレイピングとかも使ってみたいですし。
（まんがでざっくり学ぶPython、Python一年生を購入しました）
Progate、Google Colaboratoryで学習しはじめました。

HTML+CSSも少し齧っているのですが、
チャットアプリ作成ならこちらのほうが向いているのでしょうかね。

**デフォルトの名無しさん** · 2021/03/20(土) 17:31:27.35

javadriveまじおすすめ
必要なことは全部簡潔に書いてある

1 · 2021/03/20(土) 19:08:58.56

>>25
早速アクセスしました！
Pythonの環境構のやり方も書いてありましたので
練習終わったらこれみながらインストールします
どうもですー

1 · 2021/03/20(土) 19:10:04.94

>>26
×環境構
丸環境構築

**ohm.html** · 2021/03/21(日) 01:07:33.67

基本はテキスト送信
→配列かDBに保存
→呼び出し表示するだけ
＜ｈｔｍｌ＞

**デフォルトの名無しさん** · 2021/03/21(日) 01:17:34.31

＜ボディ＞
＜ディブ id="test"＞＜／ディブ＞
＜フォーム name="fm"＞
＜インプット type="text" id="txt"＞
＜インプット type="button" value="話す" ｏｎＣｌｉｃｋ="Ohm()"＞

＜ｔｅｘｔａｒｅａ id="ta" rows="20" cols="40"＞＜／ｔｅｘｔａｒｅａ＞
＜／フォーム＞
＜スクリプト＞
ファンクション Ohm()｛
var tx = document.getElementById("txt").value；
ta.innerＨＴＭＬ += tx + "\n"；
txt.value = ""；
｝
＜／スクリプト＞
＜／ボディ＞
＜／ｈｔｍｌ＞