Snippets

sironekotoro AtomでPerl入学式

Updated by sironekotoro
View revision

File AtomでPerl入学式.md Modified

  • Ignore whitespace
  • Hide word diff 
 1. `UI Thema`が`One Dark`に設定されていますが、これを`One Light`に変更してみましょう
 1. `Syntax Thema`も同様に`One Light`に変更してみましょう
 
-色が変わりましたでしょうか
+色が変わりましたでしょうか？
 
-- このようにして、エディタの色を変えることが可能です
-- これらの色の組み合わせを「テーマ」と言います
-- デフォルトでインストールされているテーマのほか、下に表示されている`Themes`からダウンロードし、選択することが可能です
-- 腕に覚えがあれば、テーマを作成し自分好みに変えていくことも可能です
+- このようにして、エディタの色を変えることが可能です。
+- これらの色の組み合わせを「テーマ」と言います。
+- デフォルトでインストールされているテーマのほか、下に表示されている`Themes`からダウンロードし、選択することが可能です。
+- 腕に覚えがあれば、テーマを作成し自分好みに変えていくことも可能です。
 
 
 ### Perlのシンタックスハイライト
-エディタには、スクリプトに応じて関数や変数に色をつけ、わかりやすくする仕組みがあります
-これを「シンタックスハイライト」と言います
+エディタには、スクリプトに応じて関数や変数に色をつけ、わかりやすくする仕組みがあります。
+これを「シンタックスハイライト」と言います。
 
-- シンタックス：文法
-- ハイライト：目立たせる
+- シンタックス（syntax）：構文・文法
+- ハイライト（highlight）：目立たせる
 
-まず、空の編集画面を用意します
+まず、空の編集画面を用意します。
 
-1. `File`から`New File`を選択
-1. 以下のPerlスクリプトを書いてみます
+1. `File`から`New File`を選択する
+1. 以下のPerlスクリプトを書く
 
     > print 'Hello Atom';
 
 
 せっかく書いたので、ファイルを保存します。
 
-1. `File`から`Save`を選択
-1. 名前を入力するダイアログが出るので、以下のように入力します
+1. `File`から`Save`を選択する
+1. 名前を入力するダイアログが出るので、以下のように入力する
     - 名前：`hello_atom.pl`
         - 右から3番目にあるのはドットです！注意しましょう
     - タグ：空欄
     - 場所：デスクトップ
-1. 入力が終わったら保存します
+1. 入力が終わったら保存する
 
 どうでしょう？この時点で既に色がついています。
 
-`SyntaxThema`が`One Light`であれば`print`が青、`hello atom`が緑になっています
+`SyntaxThema`が`One Light`であれば`print`が青、`hello atom`が緑になっています。
 
 これはAtomが拡張子（ファイル末尾にある`.pl`）を元にPerlのスクリプトとして判断し、分かりやすく色をつけた結果です。
 
 
 そこでスニペット機能を利用します。スニペットとは「小片」を意味する言葉で、定型の文字を登録しておく機能の名称です。
 
-1. メニューバーの`Atom`から`Snippets...`を選択
+1. メニューバーの`Atom`から`Snippets...`を選択する
 1. 開いた`snippets.cson`の末尾に以下を追記して保存する（メニューバーの`File`から`Save`を選択）
 
 ```
 
 ここでenterキー、またはTABキーを押すと3行まとめて入力されます。
 
-このように、よく入力するスニペットを登録しておくことで、スクリプト作成を少し楽にすることができます
+このように、よく入力するスニペットを登録しておくことで、スクリプト作成を少し楽にすることができます。
 
 
 ### Perlの文法チェック
 
 そこで、スクリプトを記入しながらエディタに文法チェックをしてもらいましょう。
 
-1. メニューバーの`Atom`から`Preferences...`を選択
-1. 左側のメニューから`Install`を選択し、以下のパッケージをインストールします
+1. メニューバーの`Atom`から`Preferences...`を選択する
+1. 左側のメニューから`Install`を選択し、以下のパッケージをインストールする
     - `linter`
     - `linter-perl-check-syntax`
-    - 他のパッケージのインストールを求められた場合には、そちらもインストールしてください
-    - このテキスト作成時には、以下モジュールのインストールを追加で求められました
+    - 他のパッケージのインストールを求められた場合には、そちらもインストールする。
+    - このテキスト作成時には、以下モジュールのインストールを追加で求められた。
         - `linter-ui-default`
         - `intentions`
         - `busy-signal`
 
-インストールが終わったら、先に作成した`hello_atom.pl`を開き、以下のスクリプトを追記します
+インストールが終わったら、先に作成した`hello_atom.pl`を開き、以下のスクリプトを追記します。
 
 ```perl
 $foo = 'hogehoge'   # 末尾の ; が無い
 
 ```
 
-`print`と入力した時点で赤丸や波線がついて`syntax error`と警告されます
+`print`と入力した時点で赤丸や波線がついて`syntax error`と警告されます。
 
 このようにして、スクリプトを作成しつつ文法的なチェックを同時に行うことが可能になります。
 
 
 
 ### Perlの実行環境
-Perlのスクリプト作成手順は以下となります
+Perlのスクリプト作成手順は以下となります。
 
 1. エディタでスクリプトを書く
 1. ターミナルに移動して実行する
 
-
 しかし、エディタに居ながらにして、スクリプトを実行できたら楽ですね。
 
 そこで`script`パッケージを導入します。
 
-1. メニューバーの`Atom`から`Preferences...`を選択
-1. 左側のメニューから`Install`を選択
-1. 上部の検索バーに`script`と入力します
+1. メニューバーの`Atom`から`Preferences...`を選択する
+1. 左側のメニューから`Install`を選択する
+1. 上部の検索バーに`script`と入力する
 1. Run code in Atom! と記載のある項目（おそらく最上位に来るはずです）の`Install`ボタンを押す
 1. インストールが行われる
 1. `Install`ボタンが消え、Setting, Uninstall, Disableの項目が出たらインストール終了
 
-先ほど作成した`hello_atom.pl`のタブに戻ります
+先ほど作成した`hello_atom.pl`のタブに戻ります。
 
-- 上のメニューから`Packages` -> `Script` -> `Run Script`を選択
+- 上のメニューから`Packages` -> `Script` -> `Run Script`を選択する
 - または `Ctrl + I`
 
-画面下部に`Hello Atom`と表示されています
+画面下部に`Hello Atom`と表示されています。
 
-このように、ターミナルに移ることなくPerlを実行することが可能です
+このように、ターミナルに移ることなくPerlを実行することが可能です。
 
-この表示部はクリックで表示/非表示を切り替えることが可能です
+この表示部はクリックで表示/非表示を切り替えることが可能です。
 
-また、エラーがある場合には、画面下部にエラーが表示されます
+また、エラーがある場合には、画面下部にエラーが表示されます。
 
 
 ## 注意！
 
 これは標準入力`<STDIN>`により入力待ちになるものの、入力画面となるターミナルが開かないため、スクリプトがそこで止まってしまうためです。
 
-標準入力`<STDIN>`を使うスクリプトについては、従来通りターミナルから実行してください
+標準入力`<STDIN>`を使うスクリプトについては、従来通りターミナルから実行してください。
 
-実行してしまった場合には、以下の方法で止めることが可能です
+実行してしまった場合には、以下の方法で止めることが可能です。
 
 - 上のメニューから`Packages` -> `Script` -> `Stop Script`を選択
Created by sironekotoro
View revision

File AtomでPerl入学式.md Added

  • Ignore whitespace
  • Hide word diff 
+## AtomでPerl入学式
+
+### インストール
+- すんなり終わるはず
+
+#### 念の為macos mojave版
+- 公式サイトからダウンロード
+    - [Atom](https://atom.io/)
+        - 本テキストはバージョン`1.35.1`で作成
+    - ダウンロードしてできたzipをダブルクリックで解凍
+    - 解凍された`Atom`をアプリケーションフォルダに入れる
+    - アプリケーションフォルダの中の`Atom`をダブルクリックして起動
+- 警告メッセージ「インターネットからダウンロードされた〜」
+    - 起動
+
+- 起動直後のタブは閉じても構いません
+- ブラウザと同様、タブで編集画面を切り替えることが可能です
+
+
+### 色を変える(mac版)
+エディタはスクリプトを快適に書くための道具です。
+
+自分好みにカスタマイズできるのが「道具」の良いところです。
+
+「弘法筆を択ばず」と言いますが、弘法太師レベルに達するまでは自分の道具を磨き、乗り換え、カスタマイズしてスクリプトを書いていきましょう。
+
+1. メニューバーの`Atom`から`Preferences...`を選択
+1. 左側メニューから`Themes`を選択
+1. `UI Thema`が`One Dark`に設定されていますが、これを`One Light`に変更してみましょう
+1. `Syntax Thema`も同様に`One Light`に変更してみましょう
+
+色が変わりましたでしょうか
+
+- このようにして、エディタの色を変えることが可能です
+- これらの色の組み合わせを「テーマ」と言います
+- デフォルトでインストールされているテーマのほか、下に表示されている`Themes`からダウンロードし、選択することが可能です
+- 腕に覚えがあれば、テーマを作成し自分好みに変えていくことも可能です
+
+
+### Perlのシンタックスハイライト
+エディタには、スクリプトに応じて関数や変数に色をつけ、わかりやすくする仕組みがあります
+これを「シンタックスハイライト」と言います
+
+- シンタックス：文法
+- ハイライト：目立たせる
+
+まず、空の編集画面を用意します
+
+1. `File`から`New File`を選択
+1. 以下のPerlスクリプトを書いてみます
+
+    > print 'Hello Atom';
+
+今の時点では、文字の色付けはされていません。
+
+せっかく書いたので、ファイルを保存します。
+
+1. `File`から`Save`を選択
+1. 名前を入力するダイアログが出るので、以下のように入力します
+    - 名前：`hello_atom.pl`
+        - 右から3番目にあるのはドットです！注意しましょう
+    - タグ：空欄
+    - 場所：デスクトップ
+1. 入力が終わったら保存します
+
+どうでしょう？この時点で既に色がついています。
+
+`SyntaxThema`が`One Light`であれば`print`が青、`hello atom`が緑になっています
+
+これはAtomが拡張子（ファイル末尾にある`.pl`）を元にPerlのスクリプトとして判断し、分かりやすく色をつけた結果です。
+
+このように、エディタの力も借りつつスクリプト作成を行なっていきます。
+
+
+## パッケージによる機能追加
+エディタは色をつけるだけではありません
+
+用途やスクリプト言語に合わせて様々な機能を追加することができます
+
+ここでPerl学習に有用な3つの機能拡張を紹介します
+
+
+### スニペット
+Perlでスクリプトを書くにあたって、先頭には必ず以下の3行を書きます。
+
+```perl
+#!/usr/bin/env perl
+use strict;
+use warnings;
+```
+
+これから多くのスクリプトを書いていくのに、都度この3行を書いていくのは面倒ですよね？
+
+そこでスニペット機能を利用します。スニペットとは「小片」を意味する言葉で、定型の文字を登録しておく機能の名称です。
+
+1. メニューバーの`Atom`から`Snippets...`を選択
+1. 開いた`snippets.cson`の末尾に以下を追記して保存する（メニューバーの`File`から`Save`を選択）
+
+```
+'.source.perl':
+  '#!/usr/bin/env perl':
+    'prefix': 'use'
+    'body'  : '#!/usr/bin/env perl\nuse strict;\nuse warnings;\n'
+
+```
+
+先に作成した`hello_atom.pl`を開き、`use`と打ち込むと、入力候補に`#!/usr/bin/env perl`と出てきます。
+
+ここでenterキー、またはTABキーを押すと3行まとめて入力されます。
+
+このように、よく入力するスニペットを登録しておくことで、スクリプト作成を少し楽にすることができます
+
+
+### Perlの文法チェック
+スクリプトを書いて、いざ実行！という時に`;`の抜け忘れなどのエラーがあると悲しいですよね？
+
+そこで、スクリプトを記入しながらエディタに文法チェックをしてもらいましょう。
+
+1. メニューバーの`Atom`から`Preferences...`を選択
+1. 左側のメニューから`Install`を選択し、以下のパッケージをインストールします
+    - `linter`
+    - `linter-perl-check-syntax`
+    - 他のパッケージのインストールを求められた場合には、そちらもインストールしてください
+    - このテキスト作成時には、以下モジュールのインストールを追加で求められました
+        - `linter-ui-default`
+        - `intentions`
+        - `busy-signal`
+
+インストールが終わったら、先に作成した`hello_atom.pl`を開き、以下のスクリプトを追記します
+
+```perl
+$foo = 'hogehoge'   # 末尾の ; が無い
+print $foo;
+
+```
+
+`print`と入力した時点で赤丸や波線がついて`syntax error`と警告されます
+
+このようにして、スクリプトを作成しつつ文法的なチェックを同時に行うことが可能になります。
+
+エラーの手戻りが減って、効率的にスクリプトを作成することができます。
+
+
+### Perlの実行環境
+Perlのスクリプト作成手順は以下となります
+
+1. エディタでスクリプトを書く
+1. ターミナルに移動して実行する
+
+
+しかし、エディタに居ながらにして、スクリプトを実行できたら楽ですね。
+
+そこで`script`パッケージを導入します。
+
+1. メニューバーの`Atom`から`Preferences...`を選択
+1. 左側のメニューから`Install`を選択
+1. 上部の検索バーに`script`と入力します
+1. Run code in Atom! と記載のある項目（おそらく最上位に来るはずです）の`Install`ボタンを押す
+1. インストールが行われる
+1. `Install`ボタンが消え、Setting, Uninstall, Disableの項目が出たらインストール終了
+
+先ほど作成した`hello_atom.pl`のタブに戻ります
+
+- 上のメニューから`Packages` -> `Script` -> `Run Script`を選択
+- または `Ctrl + I`
+
+画面下部に`Hello Atom`と表示されています
+
+このように、ターミナルに移ることなくPerlを実行することが可能です
+
+この表示部はクリックで表示/非表示を切り替えることが可能です
+
+また、エラーがある場合には、画面下部にエラーが表示されます
+
+
+## 注意！
+
+途中で標準入力`<STDIN>`を行うスクリプトを`script`で実行した場合、画面下部の実行結果が出るべき場所に砂時計が表示されます。
+
+これは標準入力`<STDIN>`により入力待ちになるものの、入力画面となるターミナルが開かないため、スクリプトがそこで止まってしまうためです。
+
+標準入力`<STDIN>`を使うスクリプトについては、従来通りターミナルから実行してください
+
+実行してしまった場合には、以下の方法で止めることが可能です
+
+- 上のメニューから`Packages` -> `Script` -> `Stop Script`を選択
+
HTTPS SSH

You can clone a snippet to your computer for local editing. Learn more.