2019-02-20

Terminal < 基本を覚える > 08-09

前回までの学習内容

Terminal < 基本を覚える > 01
Terminal < 基本を覚える > 02
Terminal < 基本を覚える > 03
Terminal < 基本を覚える > 04
Terminal < 基本を覚える > 05-06
Terminal < 基本を覚える > 07
Terminal < 基本を覚える > 08-09

本日の学習内容

▼ Webデザイナーの為の「本当は怖くない」“黒い画面”入門シリーズ Part.8-9

作業の自動化
#! < shebang >
PATHの設定

本日の学習内容まとめ

作業の自動化

通常、複数のコマンドを実行する場合...

-> コマンドを１行入力する
-> 実行を待つ
-> 次のコマンドを１行入力
-> 実行を待つ、、、

と、意外と手間がかかる。
でも使用頻度の高いコマンドは、１回のスクリプト入力で処理を順番に実行してくれるように作業を自動化しておくと、仕事の効率化に繋がってとても便利！

#! < shebang >

：シェバン、または、シバン、と読む
：簡単に言うと、シェルスクリプトの1行目に書くアレ、、、
　つまり「#!」から始まるコマンドのこと。

ちょっと詳しい説明はコチラ (シェバングの項目参照)

パス < PATH> の設定

自作スクリプトなどのパス< PATH > を設定する

まずは自分のホームディレクトリを確認。
ここに「bin」フォルダを作成しようと思います。
mkdir binでフォルダを作成し
PATH を設定
これで「Users/HelloWorld/bin」が PATH に追加されていることが確認できました！

おまけ

ちなみに、私が最近使ったコマンドランキングを確認してみました。別 tab でターミナル画面を開いて使っていると集計されないので正確な数字ではありませんが💦こんな感じです。意外とたくさんあったので、全部は表示してませんが、 f:id:Ochibee:20190222205325p:plain
ここで習った「open 」も意外と便利で😊２回なんてもんじゃなく、結構な割合でよく使ってます！

それと「history」で今まで使ったコマンドラインを表示 f:id:Ochibee:20190222210351p:plain
! + [history 番号] で、以前使ったコマンドラインが指定できます。

それと矢印の ▲ ボタン、または ▼ ボタンで「直前に使ったコマンドライン」が順番に表示出来るので、これも覚えておくと便利です。

2019-02-18

Terminal < 基本を覚える > 07

#Fjord Boot Camp #Terminal < 基本を覚える >

前回までの学習内容

Terminal < 基本を覚える > 01
Terminal < 基本を覚える > 02
Terminal < 基本を覚える > 03
Terminal < 基本を覚える > 04
Terminal < 基本を覚える > 05-06

本日の学習内容

▼ Webデザイナーの為の「本当は怖くない」“黒い画面”入門シリーズ Part.7

コマンドの種類

#09 touch
#10 mkdir
#11 cp
#12 mv
#13 rm
#14 cat

本日の学習内容まとめ

#09 touch ---> 参考資料

ファイルのタイムスタンプ <現在時刻> <指定した日時> の変更・更新 
空ファイル（0byte）の作成

※ タイムスタンプ：ソースファイルなどを指定した更新日に合わせるときなどに使う
※ 空ファイルは、ソフトウェアのインストールなどに使われる

#10 mkdir ---> 参考資料

ディレクトリの新規作成

※ 複数のディレクトリの作成も可

#11 cp ---> 参考資料

ファイルやディレクトリのコピー

#12 mv ---> 参考資料

ファイル・ディレクトリの移動・名称変更

#13 rm ---> 参考資料

ファイル・ディレクトリの削除

⚠️ 削除したデータは、基本的に復元できないので注意！
⚠️ 誤ってデータを削除してしまった場合のデータ復元方法はコチラ

#14 cat ---> 参考資料

ファイル内容の確認・表示

⚠️ ファイルの上書きや結合も可能なコマンドなので、扱いには注意！
⚠️ 比較的大きなファイルの閲覧には向かない
ファイル閲覧に使えるコマンドの比較はコチラ

2019-02-17

#HTML / CSS 関連

本日の学習内容

： HTML / CSS 関連（勉強時間：40分）

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

　・CSSってなんの略？

　・はてな記事の見出しにバリエーションをつけるには？

　・はてなブログで CSS 編集するには？

　・パンくずリストとは？

　・はてな記事にヘッダー / フッターを追加するには？

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

-> CSSってなんの略？

　 Cascading Style Sheets

:HTML においてレイアウトに関するタグを定義し、スタイルシートとして組み込むための規格

-> はてな記事の見出しにバリエーションをつけるには

saruwakakun.com

-> はてなブログで CSS 編集するには？

help.hatenablog.com

-> パンくずリストとは

-> はてな記事にヘッダー / フッターを追加するには

f:id:Ochibee:20190214235552p:plain

saruwakakun.com

2019-02-17

Terminal < 基本を覚える > 05-06

#Fjord Boot Camp #Terminal < 基本を覚える >

前回までの学習内容：

Terminal < 基本を覚える > 01
Terminal < 基本を覚える > 02
Terminal < 基本を覚える > 03
Terminal < 基本を覚える > 04

本日の学習内容：

▼ Webデザイナーの為の「本当は怖くない」“黒い画面”入門シリーズ Part.5

コマンドの種類

#06 cURL
#07 open
#08 SayKana

▼ Webデザイナーの為の「本当は怖くない」“黒い画面”入門シリーズ Part.6

Homebrew インストール
tree コマンドを使ってみる

#06 cURL

cURL [ カール ] [ Client for URLs ]
：Wiki ファイルを送信または受信するコマンドラインツール

#07 open

open ：MacWiki `ファイル、フォルダなどを開くコマンド

2019-02-16

Terminal < 基本を覚える > 04

#Fjord Boot Camp #Terminal < 基本を覚える >

本日の学習内容

Webデザイナーの為の「本当は怖くない」“黒い画面”入門シリーズ Part.4

引数 (ひきすう) とオプション

引数 / オプションとは
- 引数
  - コマンドに引き渡す値
  - 引数の複数指定：可能
- オプション
  - コマンドに追加するオプション機能
  - ハイフン「-」から始まるパラメータ（引数）
  - オプションの複数指定：可能

ちなみにマニュアル機能を使って ls コマンドで使えるオプションを
確認した画面はコチラ

オプションのガイドライン
Short / Long name option の混在も可
- オプションの種類
  - Short name option
    指定形式：ハイフン「-」+ アルファベット ( 1文字のみ )
  - Long name option
    指定形式：ハイフン「- -」+「=」+ アルファベット ( 文字列 )