プログラミング教えるよ

スポンサーリンク
スポンサーリンク
1: InfoTec速報 2018/09/09(日) 18:20:21.252 ID:oqzySmrW00909
GitとNodejsインストールしてくれ

27: InfoTec速報 2018/09/09(日) 18:41:49.109 ID:Gr4cg7ym00909
>>1の言う通りにしたらWindowsの定期アップーデートでエラー起こすから真似すんなよ

 

31: InfoTec速報 2018/09/09(日) 18:47:15.599
>>1が叩かれながらも健気に頑張るスレ?

[amazon_link asins=’4822292274,4839954097,4822285154,4295001317′ template=’CopyOf-ProductCarousel’ store=’chan19-22′ marketplace=’JP’ link_id=’d895934f-b429-11e8-9c1c-c5dfc31cbb5c’]

 

2: InfoTec速報 2018/09/09(日) 18:20:37.250 ID:59FLlYWl00909
やってみろよ

 

3: InfoTec速報 2018/09/09(日) 18:20:58.063 ID:K9c3M4hD00909
こいよ

 

4: InfoTec速報 2018/09/09(日) 18:21:05.590 ID:De59dyN6a0909
またおまえか

 

5: InfoTec速報 2018/09/09(日) 18:21:13.029 ID:6I9F6kmD00909
もういいよ

 

7: InfoTec速報 2018/09/09(日) 18:22:53.217 ID:oqzySmrW00909
>>5
すまそ。しつこすぎた。反省するわ

 

6: InfoTec速報 2018/09/09(日) 18:21:34.782 ID:oqzySmrW00909
なんかめっちゃ攻撃的だな

 

8: InfoTec速報 2018/09/09(日) 18:23:23.911 ID:gTWD3JjS00909
お前教える気ないだろ

 

10: InfoTec速報 2018/09/09(日) 18:24:48.147 ID:oqzySmrW00909
>>8
すまそ。馴れ合いたかったんだ。もうやらんから許してくれ。

 

9: InfoTec速報 2018/09/09(日) 18:24:16.334 ID:dGP4X33yd0909
先生!いんすとーるってどうやるんですか?

 

11: InfoTec速報 2018/09/09(日) 18:25:47.171 ID:LDS2WGKcM0909
けちんぼ!

 

12: InfoTec速報 2018/09/09(日) 18:27:06.833 ID:uJ5ayBnga0909
初心者はまずツールの導入で蹴つまずいて再起不能になるポイントな
本当に教える気ある人はこの辺り丁寧に説明してくれるんだわ

 

13: InfoTec速報 2018/09/09(日) 18:30:07.355 ID:oqzySmrW00909

まずはGitの導入から

Gitっていうのは分散型のバージョン管理ツールで、諸々。
まぁソースコードのセーブやロードができるって感じだ

 

14: InfoTec速報 2018/09/09(日) 18:30:44.723 ID:oqzySmrW00909
Gitの導入は以下のサイトから行える
https://git-scm.com/
Download 2.18.0 for windowsがそれだ

 

15: InfoTec速報 2018/09/09(日) 18:32:43.090 ID:oqzySmrW00909

 

16: InfoTec速報 2018/09/09(日) 18:34:23.403 ID:oqzySmrW00909
次にNodejsだ。
これはサーバーサイドのJavaScriptってやつだ。
公式サイトは以下からで
https://nodejs.org/ja/
LTSと書かれているのが、サポートを長く続けられてるほう。
Currentってのが実験的に機能バンバンモリモリしてるバージョンだ

 

17: InfoTec速報 2018/09/09(日) 18:35:22.041 ID:gTWD3JjS00909
これは説教だが
教育はまず解決すべき問題を整理して提示しなければ意味がない
そもそもソロ開発でGitが本当に必要なのかという話もあるが
今更新したら対象読者のレベル感も不明でダラダラジャーゴン垂れ流してるしマジでそういうところだぞ

 

18: InfoTec速報 2018/09/09(日) 18:35:54.085 ID:oqzySmrW00909
>>17
すいませんでした。もうしません。

 

19: InfoTec速報 2018/09/09(日) 18:36:55.458 ID:BkHSgxXm00909
まーたおまえか

 

21: InfoTec速報 2018/09/09(日) 18:37:30.674 ID:oqzySmrW00909
>>19
馴れ合いたかったです。ごめんなさい。

 

20: InfoTec速報 2018/09/09(日) 18:37:01.065 ID:gTWD3JjS00909
話通じないんだけどこいつ何?けちんぼなの?

 

22: InfoTec速報 2018/09/09(日) 18:38:55.947 ID:oqzySmrW00909
よし。人いなそうだから続けるぞ

 

23: InfoTec速報 2018/09/09(日) 18:39:55.223 ID:oqzySmrW00909
GitとNodejsのインストールが完了したら、コマンドプロンプトからバージョンの確認を行ってみよう。
コマンドは
git –versionでGitのバージョンが
node -vでNodejsの確認が行える

 

24: InfoTec速報 2018/09/09(日) 18:40:18.171 ID:22/PMSEba0909
どんなプログラムするの?

 

29: InfoTec速報 2018/09/09(日) 18:41:56.828 ID:oqzySmrW00909
>>24
最新の記法でかけるようにとりあえず環境構築から。
>>25
ライブラリとか引っ張るとき便利じゃん。別に容量そんな食わないし入れとこうや

 

25: InfoTec速報 2018/09/09(日) 18:40:23.328 ID:pLU4123200909
gitってアプリインストールしないとダメなの?
ブラウザから使えないの?

 

26: InfoTec速報 2018/09/09(日) 18:40:53.728 ID:oqzySmrW00909
また、Nodejsをインストールすると、npmっていうモジュール管理ツールも一緒にインストールされる。
npm -vで上記同様バージョンの確認ができる

 

28: InfoTec速報 2018/09/09(日) 18:41:50.015 ID:gTWD3JjS00909
お前ってあれだよな
無能で使えないやつだけど毎日無遅刻無欠勤で会社に来るタイプだよな

 

30: InfoTec速報 2018/09/09(日) 18:46:43.394 ID:oqzySmrW00909
>>28
これめちゃくちゃあたっててびびった

 

33: InfoTec速報 2018/09/09(日) 18:49:05.388 ID:Gr4cg7ym00909
>>30
真面目系クズって奴だなこの世で最も迷惑な存在

 

32: InfoTec速報 2018/09/09(日) 18:48:26.211 ID:oqzySmrW00909
まぁ本当はnvm-windowsとか入れたほうがいいのはわかってるが・・・初級者に優しいをもっとーとしているので続けるわ・・・

 

34: InfoTec速報 2018/09/09(日) 18:49:53.911 ID:wiZp8TCaM0909
https://paiza.io/ でできるからツールはインストールしなくていいぞ

 

35: InfoTec速報 2018/09/09(日) 18:49:56.105 ID:oqzySmrW00909
さて、GitとNodejsのインストールができたら次はいよいよEcmaScript2018で書けるように
Babelっていうツールを利用していく。

 

36: InfoTec速報 2018/09/09(日) 18:50:01.028 ID:pSa/MmBE00909
何が何でも推し進めるあたり最高に使えないのが滲み出てる

 

37: InfoTec速報 2018/09/09(日) 18:50:54.661 ID:oqzySmrW00909
ちょっと人が少なくなるのを待つわ

 

38: InfoTec速報 2018/09/09(日) 18:51:22.738 ID:4D4+ygria0909
nvm-windowsってなんですか
EcmaScriot2018ってなんですか

 

40: InfoTec速報 2018/09/09(日) 18:52:57.187 ID:oqzySmrW00909
>>38
Nodejsって結構頻繁にマイナーバージョンのアップデートとかがあったりするんだよ。
Updateされたらいちいちインストールとアンインストール繰り返すのめんどうだろ?
それを解消してくれるのがnvm-windowsってやつ。
EcmascriptってのはJavaScriptって考えてもらっていいよ

 

39: InfoTec速報 2018/09/09(日) 18:52:36.988 ID:cN1R+Vps00909
おまえは誰にもとめられない暴走三輪車だ
気にせずつづけろ

 

41: InfoTec速報 2018/09/09(日) 18:54:48.169 ID:4D4+ygria0909
ほーん

 

42: InfoTec速報 2018/09/09(日) 18:55:37.519 ID:oqzySmrW00909

人も少なくなったんで、続き。
Babelっていうツールは最新のJavaScriptの記法に対応していないブラウザに対して、
そのブラウザが読めるタイプの文法に直してくれるツールだ。
それをインストールする。といってもPCじゃなくてプロジェクトフォルダにだ。
やり方はDesktopにフォルダを作る

そのフォルダ内でコマンドプロンプトを開いてnpm initをして初期化を行う

同じ場所でnpm installを行いBabelをインストール

みたいな手順

 

43: InfoTec速報 2018/09/09(日) 18:57:10.096 ID:oqzySmrW00909

1.デスクトップにプロジェクトフォルダを作ろう

まずはデスクトップにフォルダを作ってく。
Winキーを押下して、cmdと入力、エンターを押すと黒い画面が表示されるはず。
それがコマンドプロンプトつってCUIで操作を行う。今後はこれを主に使って環境の構築とコンパイルなど行ってく

 

44: InfoTec速報 2018/09/09(日) 18:58:37.897 ID:oqzySmrW00909

開いた最初の状態では、そのユーザーのホームディレクトリにいると思うんで、
見やすい場所のDesktopに遷移しとこう。
コマンドはこんな感じだ

cd Desktop

これを打って、エンターを押せば、Desktopに遷移される。

 

45: InfoTec速報 2018/09/09(日) 19:00:33.604 ID:oqzySmrW00909

次に、プロジェクトフォルダを作るコマンドがmkdirっていうコマンドになる。

デスクトップに遷移している状態で

mkdir myapp

とうつと、myappフォルダができているんで、目視で確認しとこう

 

46: InfoTec速報 2018/09/09(日) 19:03:24.039 ID:oqzySmrW00909

2.npm initしよう

じゃあmyappフォルダができたら次はそのプロジェクトフォルダに移動だ
コマンドはこんな感じだ

cd myapp

これでmyappフォルダに入れた。そんじゃnpm init -yコマンドを打って初期化だ。

 

47: InfoTec速報 2018/09/09(日) 19:07:10.645 ID:oqzySmrW00909

npm initコマンドを打つと、見知らぬpackage.jsonっていうファイルが作られる。
これはインストールされたモジュールとかを管理してる。感じだ。
次にこのフォルダに対して、babelをインストールする。

コマンドはmyapp内でこうだ

npm install –save-dev @babel/core @babel/cli @babel/preset-env
npm install –save @babel/polyfill

一行づつ実行してくれ

 

48: InfoTec速報 2018/09/09(日) 19:08:45.449 ID:oqzySmrW00909
インストールが完了したらnode_modulesっていうフォルダやpackage-lock.jsonが追加されたと思う。
それで一先ずインストールは完了だ

 

49: InfoTec速報 2018/09/09(日) 19:09:04.291 ID:oqzySmrW00909
ちょい休憩

 

50: InfoTec速報 2018/09/09(日) 19:15:33.046 ID:oqzySmrW00909

さてインストールが終わったら次はbabelが扱えるようにファイルを作ったりしてく

まず、babel.config.jsっていうファイルを作って中に以下を記述する
const presets = [
[“@babel/env”, {
targets: {
edge: “17”,
firefox: “60”,
chrome: “69”,
safari: “11.1”
},
useBuiltIns: “usage”
}]
];

module.exports = { presets };

 

51: InfoTec速報 2018/09/09(日) 19:19:57.609 ID:oqzySmrW00909

次にnpm run xxxでコンパイル作業が完了できるように、package.jsonのscriptsってところにこう書く
“compile”: “babel src –out-dir dist”

これでnpm run compileで上記のコマンドが実行されてコンパイルできるようになる

 

52: InfoTec速報 2018/09/09(日) 19:22:32.274 ID:oqzySmrW00909

じゃあ実際にmyapp内にsrcフォルダを作って、その中にindex.jsというファイルを作ろう。
その中に適当に

let a = “hello”;
let b = “world!”;

console.log(`${a} ${b}`);

と書いて
npm run compileとうつと、distフォルダとその中にindex.jsというファイルが作られるはずだ。
ここまでできたら環境の構築は完了だ

 

96: InfoTec速報 2018/09/09(日) 20:46:28.489 ID:/0ZAOku500909
これ>>52の「npm run compileとうつと」ってどこに打てばいいんだ?

 

97: InfoTec速報 2018/09/09(日) 20:47:22.868 ID:oqzySmrW00909
>>96
コマンドプロンプトでmyapp内に移動してからnpm run compileって打ってくれ

 

53: InfoTec速報 2018/09/09(日) 19:25:21.595 ID:59JQAZphH0909
これ手順に従うと何ができるようになるの?

 

54: InfoTec速報 2018/09/09(日) 19:25:46.318 ID:oqzySmrW00909
>>53
最新のJavaScriptの記法が扱える

 

55: InfoTec速報 2018/09/09(日) 19:28:05.899 ID:59JQAZphH0909
>>54
何が嬉しいかさっぱりわからんなそれ

 

56: InfoTec速報 2018/09/09(日) 19:29:07.171 ID:oqzySmrW00909
また出直すわ~

 

57: InfoTec速報 2018/09/09(日) 19:29:14.428
こんな俗世の技術とかどうだっていいから
HaskellのLensの使い方とか
Yesodの使い方とか解説してくれた方がよっぽど興奮するわ

 

58: InfoTec速報 2018/09/09(日) 19:30:56.593 ID:lEJyTtal00909
何がしたかったんだ
こういうネタスレ?

 

59: InfoTec速報 2018/09/09(日) 19:31:00.913 ID:gTWD3JjS00909
Lensも十分俗世の技術だろいい加減にしろ

 

60: InfoTec速報 2018/09/09(日) 19:32:09.860 ID:oqzySmrW00909
いや、プログラミング教えるのに環境構築は重要じゃん。

 

61: InfoTec速報 2018/09/09(日) 19:33:02.189 ID:lEJyTtal00909
何だネタスレ把握

 

62: InfoTec速報 2018/09/09(日) 19:35:04.398 ID:oqzySmrW00909
わかんないことあったら質問受け付けるわ

 

63: InfoTec速報 2018/09/09(日) 19:36:15.871 ID:x+nBSnyt00909
ハロワするだけのプログラミングして何が楽しいんだか

 

64: InfoTec速報 2018/09/09(日) 19:36:39.907 ID:da1CKYPL00909
HaskellのMonadを会得して神になりたい

 

65: InfoTec速報 2018/09/09(日) 19:38:33.658 ID:oqzySmrW00909
じゃあPHPでWebアプリの作り方でもやってくか

 

66: InfoTec速報 2018/09/09(日) 19:40:25.778 ID:ogeo9rca00909
フロントエンドやってない人からしらたチンプンカンプンだろうな

 

67: InfoTec速報 2018/09/09(日) 19:41:22.147 ID:oqzySmrW00909

>>66
複雑になっちゃったもんはしようがない。

じゃあXAMPPっていうツールインストールしてくれ

 

68: InfoTec速報 2018/09/09(日) 19:42:34.537 ID:oqzySmrW00909
XAMPPがインストールできたらComposerっていうツールのインストールと、composerに対してPATHを通す作業まで行う。
そんでコマンドプロンプト上でcomposer -vをするとバージョンが表示される

 

69: InfoTec速報 2018/09/09(日) 19:44:01.147 ID:oqzySmrW00909
それが確認できたら、xampp内のhtdocsでLaravelをインストールしよう

 

70: InfoTec速報 2018/09/09(日) 19:44:43.037 ID:oqzySmrW00909

composer create-project –prefer-dist laravel/laravel myapp

htdocs内でこのコマンドを打つとLaravelがインストールされる。気長にまとう

 

71: InfoTec速報 2018/09/09(日) 19:46:20.543 ID:oqzySmrW00909
ちょい休憩。ここまでわからないことは質問受け付けるわ

 

72: InfoTec速報 2018/09/09(日) 19:46:20.965 ID:lEJyTtal00909
こんだけ手間かけさせといてハローワールドだけwwww

 

73: InfoTec速報 2018/09/09(日) 19:46:54.140 ID:oqzySmrW00909
>>72
そんなもんだぞプログラミングって。環境構築に手間取るもんだ

 

74: InfoTec速報 2018/09/09(日) 19:48:08.668 ID:lEJyTtal00909
お前がプログラミング全くできないことだけは分かった

 

75: InfoTec速報 2018/09/09(日) 19:49:37.005 ID:De59dyN6a0909
おまえ急にキレるしなww

 

77: InfoTec速報 2018/09/09(日) 19:50:37.961 ID:oqzySmrW00909
>>75
もうあんなことは起きないけどな。
つかこれでついていけないとPGは無理だろ

 

85: InfoTec速報 2018/09/09(日) 20:15:29.284
>>75,77
なにそれ詳しく

 

76: InfoTec速報 2018/09/09(日) 19:49:54.359 ID:oqzySmrW00909
簡単に環境構築できるものがあるなら逆に聞きたいぐらいだが

 

78: InfoTec速報 2018/09/09(日) 19:52:22.204 ID:oqzySmrW00909
さてApache起動して、localhost/myappにつなげるとLaravelと表示されると思うけどどうかな

 

79: InfoTec速報 2018/09/09(日) 20:04:33.557 ID:/0ZAOku500909
今このスレ開いた
これから1から読んでやってみる

 

80: InfoTec速報 2018/09/09(日) 20:04:52.776 ID:gTWD3JjS00909
>>79
やめておけ

 

81: InfoTec速報 2018/09/09(日) 20:05:15.933 ID:oqzySmrW00909
>>79
躓いたら書き込んでもらえれば即レスするわ

 

86: InfoTec速報 2018/09/09(日) 20:17:31.316 ID:lEJyTtal00909
>>79
やる意味ないよ
これ登山するか!つって道具揃えるだけ揃えて公園の2メートルの山登って満足してるだけだから

 

82: InfoTec速報 2018/09/09(日) 20:05:27.689 ID:da1CKYPL00909
HaskellはHaskell Platform入れるだけである程度出来るよ

 

83: InfoTec速報 2018/09/09(日) 20:06:09.508 ID:oqzySmrW00909
>>82
そんな楽なのか!何ができるの?

 

87: InfoTec速報 2018/09/09(日) 20:18:58.148 ID:oqzySmrW00909
まぁ今回軽い山だったけど、次は大きめの山やってくわ

 

88: InfoTec速報 2018/09/09(日) 20:21:27.122 ID:oqzySmrW00909
批判してる人ら、サクッとできるのかちょっと試してみてほしい

 

89: InfoTec速報 2018/09/09(日) 20:35:06.656 ID:f+OMQEq300909
JSってなにかわるさできる?

 

90: InfoTec速報 2018/09/09(日) 20:38:45.542 ID:exxwdYee00909
Nodeでエントリー的な事やるのにGitは要らなくない?

 

91: InfoTec速報 2018/09/09(日) 20:43:39.220 ID:oqzySmrW00909
>>90
本当は俺のリポジトリクローンしてもらおうと思ったんだけどやめたわ。

 

92: InfoTec速報 2018/09/09(日) 20:44:20.206 ID:f+OMQEq300909
ねえなにか悪さできる?>>91

 

93: InfoTec速報 2018/09/09(日) 20:44:21.746 ID:iuy0qYoA00909
前にzipで必要なファイル配布して、教えてたけど、こうやって開発環境から入るからグダグダになるんだなと改めて実感したわ

 

95: InfoTec速報 2018/09/09(日) 20:46:23.797 ID:oqzySmrW00909
>>93
久しぶり!参加してたよ。俺もそう思って前は環境構築から入らなかったけど、環境構築からやるとこうなったよwwwwww
贅沢だよなみんな

 

98: InfoTec速報 2018/09/09(日) 20:47:39.388 ID:f+OMQEq300909
>>95
ねえなんで無視するんだよ

 

100: InfoTec速報 2018/09/09(日) 20:49:20.227 ID:iuy0qYoA00909

>>95
参加してくれたんだ!ありがとう

開発環境の構築はこれからプログラミングをやるとなると大事で本来は最初に構築してしまうのが一番だけど、VIPだとダウンロード自体に抵抗あったりするから中々上手く行かないよね

 

103: InfoTec速報 2018/09/09(日) 20:51:16.428 ID:oqzySmrW00909
>>100
Githubで配布が良さそうと思うんだけど、このスレの状況見るとそれすらもダメそうだわ
まぁこんな掲示板でなにか教えようとするのは無理だなやっぱり。普及目的で立てるけど

 

94: InfoTec速報 2018/09/09(日) 20:45:09.775 ID:Q5o4GOyP00909
どうでもいいからGCCの日本語のマニュアル用意してくれ

 

101: InfoTec速報 2018/09/09(日) 20:50:52.055 ID:gNvE+MBb00909
参考書買っただけで勉強した気になってそうな奴だな

 

102: InfoTec速報 2018/09/09(日) 20:50:56.287 ID:/0ZAOku500909
何か赤文字でエラー出た
npm install –save-dev @babel/core @babel/cli @babel/preset-env  この時点でもエラー出てたが・・・

 

105: InfoTec速報 2018/09/09(日) 20:52:07.755 ID:oqzySmrW00909
>>102
ちゃんとエラーログは貼ってもらえると助かるわ。もうちょい詳細に頼む
package.jsonはある?node_modulesはある?

 

111: InfoTec速報 2018/09/09(日) 20:58:35.114 ID:iuy0qYoA00909
>>102
sudo最初に付けたら大抵大丈夫

 

104: InfoTec速報 2018/09/09(日) 20:51:48.821 ID:gTWD3JjS00909
俺が教えるなら紙とペンでHaskellをやらせる
動くのが欲しいなら生JS書いてもいいけど

 

106: InfoTec速報 2018/09/09(日) 20:52:51.017 ID:bUZYIh4v00909
(´・ω・`)池沼すぎてプログラミング理解できない

 

107: InfoTec速報 2018/09/09(日) 20:54:59.133 ID:oqzySmrW00909
>>106
かわいそうだな。同情するわ

 

108: InfoTec速報 2018/09/09(日) 20:56:15.762 ID:bUZYIh4v00909
>>107
(´・ω・`)えぇ・・・どうすればいいのか教えてよ

 

110: InfoTec速報 2018/09/09(日) 20:58:06.948 ID:oqzySmrW00909
>>108
なにがわかんないのかわかんないんだけど開発環境の構築からとか?

 

109: InfoTec速報 2018/09/09(日) 20:56:28.885 ID:f+OMQEq300909
だから!!!!!!!なんで無視するんだよ!!!!!!!!!!!

 

112: InfoTec速報 2018/09/09(日) 20:59:33.158 ID:oqzySmrW00909
macか。すまそ

 

113: InfoTec速報 2018/09/09(日) 20:59:36.065
須藤、何者なんだ…

 

114: InfoTec速報 2018/09/09(日) 21:00:13.203 ID:oqzySmrW00909
このスレからフロントエンジニアが誕生しそうで嬉しいわまた続けよう

 

115: InfoTec速報 2018/09/09(日) 21:02:41.602 ID:CRO8j0lBM0909
教え方下手だし池沼っぽいからやめた方がいいよ

 

116: InfoTec速報 2018/09/09(日) 21:05:26.753 ID:/0ZAOku500909
sudoは認識しませんと出てくるww
キャプチャ上げると俺の名字までばれるからな・・・

 

117: InfoTec速報 2018/09/09(日) 21:05:36.879 ID:oqzySmrW00909
教え方下手なのは認めるからもう言わないでくれ。

 

引用元:https://www.logsoku.com/r/2ch.sc/news4vip/1536484821/

コメント

タイトルとURLをコピーしました