Progate
Ruby on Railsの環境構築をしてみよう！ windowsOS Ruby のインストール(略) SQLite3のインストール https://sqlite.org/index.html にアクセスして Download Precompiled Binaries for Windows (sqlite-dll-win64-x64-3320100.zip) (64bitの場合) をインス…
Rubyの開発環境を用意しよう！ windowsOS インストール https://rubyinstaller.org/downloads/ => Ruby+Devkit 2.6.5-1 (x64) I accept the License を選択した後は全てNext (コマンドプロンプトが出現したら) 1,2,3 と入力して Enter 動作確認 ruby -v echo…
PHP I 機能はHTMLだが, 拡張子はphp。 冒頭は の中がphpが有効な領域。この領域がHTMLに変換された上で埋め込まれて解釈される。 文末;。ただし, 一行のに1文であれば省略できる。 コメントは // 文字列のクォートは不問 変数定義 変数名 = 値; ただし, 変…
コーディング規約に関して: https://golang.org/doc/effective_go.html Go I go fmt ファイル名 でフォーマットできるらしい。 文法の特筆事項 コメントは // または /* */ 文末セミコロンなし 13/3 -> 4 数値, 文字列, 真理値 とその演算あたりは C++やJava…
C++ と文法がかなり近いので, 比較してまとめる。 Java I C++ との共通点 文字, 文字列のクォーテーション 文末セミコロン コメント 四則演算 文字列の連結 変数, 変数の=による初期化, 代入 ODR int +=, ++ 暗黙の型変換(ルールが同じかは分からない) (int)…
Pythonの開発環境を用意しよう！ windowsOS https://www.python.org/ Downloads タブ Python3.8.3 のボタン Add Python 3.6 to PATH にチェックを入れて Install Now $ python --version macOS Homebrew のインストール(略) pyenv のインストール brew insta…
React I HTML like な JSX を用いる。HTML との違いは以下の通り。 複数の要素がある場合は、<div></div> で囲む コメントアウトは {/* と */} で囲む <img src='URL'> のように閉じタグがないやつは <img src='URL'/> とする。 JSX のクラス属性は className='クラス名' (CSSはclassと同じ) React の記…
jQuery 初級編 jQuery は JavaScript の構文で書く。 例: $('h1').hide(); 構成: jQueryオブジェクトを作成する。 CSS のセレクタを利用 そのjQueryオブジェクトに対してメソッドを呼び出す(jQueryのメソッドはjQueryオブジェクトでしか利用できない) <head> <link rel="stylesheet" type="text/css" href="stylesheet.css"> </link></head>
Node.js I express: npm install express Embedded JavaScript: npm install ejs 以下の開始括弧から閉じ括弧までが複数行にまたがってもよい <% jsの構文 %> <%= 変数 %> で変数を埋め込む // ./app.js const express = require('express'); const app = ex…
SQL I 基本用語 テーブル: 表 カラム: 列 レコード: 行 SLQ: クエリを書くための言語。大文字小文字を区別しない。 クエリ: データベースに送る命令。改行の有無に関わらず, ; までが1つの命令。(例: SELECT hoge FROM fuga;) 抽出 SELECT カラム名 : 取り出…
JavaScript I console.log コメントと文末の; 数値, 文字列 四則演算と% let, const と変数の命名 テンプレートリテラルと ${var} による変数の埋め込み if, else, else if, 真偽値, 比較演算子, &&, || switch, case, break, default JavaScript II while, …
Sass とは CSSのメタ言語で, 記述量が減り, 再利用が簡単になる。 SASS記法とSCSS記法(以下ではSCSS記法を扱う。拡張子は.scss) 入れ子構造 1つのセレクタの中に別のセレクタを入れ子にして指定できる。(以下のCSSとSassは等価) メリット: header というクラ…
検証ツール（デベロッパーモード）の使い方 検証ツールの開き方 google chrome で 右クリック > 検証 で開く html の確認と一時的な編集 開発ツール側の右上のアイコン > webページ側を左クリック で検証ツール(上)内の該当htmlが分かる。 上の該当htmlを右…
上級編 メディアクエリ: @media (条件) { .... } 指定された条件が当てはまるときにのみ {} 内のCSSが適用される。 @media (max-width: 1000px) { /* 幅が1000px以下の時適用される条件 */ h1 { color:blue; } } プロパティを box-sizing: border-box; とす…
Progate HTML & CSS コース 中級編 <div class="header"></div> の代わりに <header></header> を使う <div class="footer"></div> の代わりに <footer></footer> を使う 背景画像の表示(表示領域はborder) .top-wrapper { padding-top:100px; /* すなわち中身は画像上端の100px下から始まる */ background-image:url(https://example.jp/hoge.png); …
ファイル名は index.html など <h1>Hello World</h1> : heading(見出し)。末尾で改行される。<h6> まである。見出し以外は <p> (paragraph)を使う。 h1, p, div のように前後に改行が入り, 親要素の幅いっぱいに広がる要素をブロック要素という。 span, a のように広がらない</p></h6>…
bash は使いやすい。PowerShell は嫌い。 コース内容 Command Line 基礎編 概要と感想 touch cat mkdir cd 引数無しでホームディレクトリに移動するのは初耳だった。 pwd ls ls -l も使えた。ディレクトリのパーミッションが rwxr-sr-x となっていたので、SG…
GitHubは半年近く使用しているが一応やってみた。 コース内容 Gitの環境構築をしよう! Git I Gitの環境構築をしよう! 環境構築の準備 Git をインストールする方法が説明されている ( Windows, Mac の切り替え可能 ) 。GUI 操作まで説明しているのはとても親…
はじめに はてなブログ初投稿記事です。 就活でお世話になったエージェントさんから Progate の有料プランを半年利用できる権利をいただいたので、使った感想などを投稿していこうと思います。 Progate のコース 2020年5月7日現在で全15コースある(多分)。 …
