【React.js】環境設定からHello World!
・環境設定
Cloud9にて開発環境を作成する。
・nvmバージョンアップ(8以上じゃないとダメ)
nvm install 8
・フォルダを作成する。
mkdir react_js_tutorial
・react
npm i -g create-react-app
create-react-app react_js_tutorial
cd react_js_tutorial
npm start
プレビュー
【Vue.js】環境設定からHello World!まで
・環境設定
Cloud9でVue.js環境を作る
・フォルダを作成
mkdir vue_js_tutorial
・vue-cliをインストール
npm install -g vue-cli
・初期設定
cd vue_js_tutorial
vue init webpack
// Nodeがインストールされていない場合にインストールする。
// ・Node.jsをインストール
// npm install
・設定
build/webpack.dev.conf.js
devServer: { clientLogLevel: 'warning', historyApiFallback: true, hot: true, compress: true, - host: process.env.HOST || config.dev.host, - port: process.env.PORT || config.dev.port, + host: '0.0.0.0', + port: '8080', + disableHostCheck: true, ・ ・ ・ }
・起動
npm run dev
プレビューするとこんな感じに表示される。
【Ruby on Rails】環境設定からHello World!まで
・環境設定
AWS Cloud9を使う。
・AWSアカウントを作成する。すでに持っている場合はスキップでOK。
・環境を新規作成する
AWS Cloud9 Amazon Web Services
・プロジェクト環境名を任意名称で入力する。
・Railsをインストールする。
$ printf "install: --no-rdoc --no-ri\nupdate: --no-rdoc --no-ri\n" >> ~/.gemrc
$ gem install rails -v 5.1.6
・ディレクトリ作成
$ cd # 进入家目录 $ mkdir environment # 新建 environment 目录 $ cd environment/ # 进入 environment 目录
・アプリ作成
$ rails _5.1.6_ new hello_app
・Bundler
$ cd hello_app/
$ bundle install
・Server起動
$ cd ~/environment/hello_app/
$ rails server
・プレビュー
ここまで環境設定が完了する。
▼app/controllers/application_controller.rb
class ApplicationController < ActionController::Base
protect_from_forgery with: :exception
def hello
render html: "hello, world!"
end
end
▼config/routes.rb
Rails.application.routes.draw do
root 'application#hello'
end
保存してもう一回プレビューすると、Hello World!が表示される。
補足)Herokuを使ってデプロイする。
・Heroku登録
クラウド・アプリケーション・プラットフォーム | Heroku
・Heroku CLIをインストール
source <(curl -sL https://cdn.learnenough.com/heroku_install)
・インストール確認
heroku --version
・ログイン
heroku login
・herokuでアプリを作成する
heroku create
・push
git push heroku master
ここまでherokuへのデプロイが完了する。
・リネーム
heroku rename newName
⇒http://newName.herokuapp.com/
【Laravel】環境設定からHello World!まで
・XAMPPインストール
https://www.apachefriends.org/jp/download.html
・Composerインストール
インストール後に以下コマンドで確認する。
composer -V
・Laravelプロジェクト作成
composer create-project ベンダー/パッケージ 対象ディレクトリ
例)
composer create-project --prefer-dist laravel/laravel firstlaravel
補足)
以下は配下にてコマンドを実行しないと動かない。
C:\xampp\htdocs
Appacheサーバを起動
以下URLをアクセスして動作確認する。
http://localhost/firstlaravel/public/
ここまでは環境構築完了。
web.phpにHello, World!へのコードを追加
以下URLをアクセスして動作確認する。
http://localhost/firstlaravel/public/hello
【Flask】環境設定からhelloWorldまで
【Scala】環境設定からScala言語入門
・環境構築
・JDKインストール(詳しい説明は割愛)
・Scalaインストール
https://www.scala-lang.org/download/
・IDE
Configure⇒Plugins⇒BrowseRepositoriesで「scala」を検索してInstallする。
IntelliJを再起動したらScalaの新規プロジェクトを作成できるようになる。
・Hello, World!
package scala
object HelloWorld{
def main(args: Array[String]): Unit ={
println("Hello, world!")
}
}
右クリックしてRun
結果が出力される。
・基本文法
・ソースファイル名:*.scala
・小文字と大文字が区別される。
・クラスの頭文字が大文字。
・クラス名がファイル名と一致させる。(推奨)
・メソッドの頭文字が小文字。
・キーワード(50個)
abstract | case | catch | class |
def | do | else | extends |
false | final | finally | for |
forSome | if | implicit | import |
lazy | match | new | null |
object | override | package | private |
protected | return | sealed | super |
this | throw | trait | try |
true | type | val | var |
while | with | yield | |
- | : | = | => |
<- | <: | <% | >: |
# | @ |
・データ型
・Byte
・Short
・Int
・Long
・Float
・Double
・Char
・String
・Boolean
・Unit:値無しを表す。voidと同等。
・Null
・Nothing:他クラスの子クラス。
・Any:他クラスの親クラス。
・AnyRef:レファレンスクラスの親クラス。
・リテラル
・int型:数字、数字L
・float型:小数、小数f
・bool型:true/false
・Symbol:'シンボル
・Char:'文字
・String:"文字列
・変数
var myVar : String = "Foo"
・定数
val myVal : String = "Bar"
・アクセス修飾子
・private:同じパッケージ内でアクセス可能。
・protected:同じクラス(子クラス含む)からアクセス可能。
・public:他のパッケージからもアクセス可能。
・フローコントロール
・if...else
・while/do...while/for
・メソッド
def functionName([refList]) : [return type] = {
function body
return[expression]
}
・文字列
・配列
・コレクション
・クラス
・Trait(特徴)
Javaのインターフェース+抽象クラスに相当する概念。
例)
trait Equal{
def isEqual(x: Any): Boolean
def isNotEqual(x: Any): Boolean = !isEqual(x)
}
・match
例)
def matchTest(x: Any): Any = x match {
case 1 => "one"
case "two" => 2
case y: Int => "scala.Int"
case _ => "many"
}
・正規表現
・エラーハンドリング
・Extractor
【Go】環境設定からGo言語入門
・インストール
Getting Started - The Go Programming Language
インストールが完了すると、Pathが通っている状態になる為、別途個別設定は不要。
・IDE設定
Jetbrainなど他にも色々あるけど、今回は一旦Vidual Studio Codeを使うことにする。
・Hello World!
VSCODEから実行するとOUTPUTから実行結果が表示される。
補足)
Encodingを設定しないとOUTPUTでの出力が文字化けることがある為、
File⇒Preferences⇒Settingsにて設定をしておく。
・基本概念
・ソースファイル名:*.go
・パッケージ:package pkgName
・インポート:import "pkgName"
頭文字が大文字⇒Public:他のパッケージから参照可能。
頭文字が小文字⇒Private:他のパッケージから参照不可。
・定数:const
・変数:var
・型:type
・bool
・int/int8/int16/int32/int64
・uint/uint8/uint16/uint32/uint64
・float32/float64
・complex64/complex128
・フローコントロール
・if-else
・switch
・for
・goto
・関数
・基本
func functionName(a typeA, b typeB) (rt1 typeRt1, rt2 typeRt2)
init関数は、一つのpkgの中で最初に実行される。
・defer
・clousure
・Array/Slice
・Map
・package
・struct/method
・interface/reflection
・ファイルアクセス
・エラーハンドリング
・goroutine/channel