Just another WordPress site
Ardunio Uno の購入
ラズパイマガジンとハルロックをみて
Ardunio Uno を試してみることに
まずはArdunio Uno の購入から
スイッチサイエンスで年始に
割引クーポンをいただいたので
Ardunio Uno と付属パーツを購入することに
Arduino Uno R3
で選んだら２つあり
Arduino Uno SMD R3
のほうだとメインチップ交換が簡単にできないため
単にUno を使うには通常のほうを
と書いてあるため
通常版を選択
が通常版
でまとめて購入
またケースも購入しておきたかったので
ABCプレート (スモーク)
も一緒に購入
I2C controlled 8×2LCD Breakout for Raspberry Pi
というハンダ付けずみのLCDモジュールもあったので
これも購入
これでひととおり必要な機材を揃えたので
到着してから実践予定
今回も参考書籍は
RaspberryPi B+ であると便利なもの
以前購入した Raspberry Pi の新型がでていたので購入
今回は省電力化
USBポートが４つに増加するなど
いろいろと進化あり
また今回新たに購入するとき購入した
ラズパイマガジンに購入しておくとよいもの
があったのでこれも購入
まず、電源供給の USB ACアダプタ
これは２A以上のものがよい
理由は電力不足を防ぐため
次に microSDカード
raspberryPi はHDDとかSSDではなく
microSD にシステムをいれるので
読み書き速度は重要
購入するなら SDHC class 10
もしくは
UHSにする
ディスプレイはHDMI対応のディスプレイにすること
でもリモート操作したり
サーバーにするのなら最初だけなので
PCで使っているディスプレイを
これに使うというのもあり
あと、あると便利なのが
USB電源スイッチ
これは
RaspberryPi には電源ボタンがないため
microUSBポートを抜き差しすることになる
しかしやりすぎると壊れるリスクがあるので
こういったスイッチを用意するとリスクを減らせる
今回は
RaspberryPi B＋
ケース
電源
microSD
これらを
https://raspberry-pi.ksyic.com/
で購入
現在セットで
RaspberryPi B+ のケースや電源のセット販売
をしているし、
調べた中だと一番安いのでここで購入
USB電源スイッチアダプタは現在検討中
今回の参考書籍は
atom で markdown 文書のプレビュー
ドットインストールで
atom で Markdown プレビューができる
ということなので
実践
動画で使っているファイルを出すには
ctrl + t でファイルを検索して
contri md
といれると対象のファイルがでてくるので
これを元に実践
しかし、全然違うものがでてくるため
別のファイルを使うことにする
まず
ctrl + shift + m
でプレビュー画面を表示できるらしいけど
なぜか表示されない
READMEをみたら
拡張子が
.markdown
.md
.mkd
.mkdown
.ron
が対象だった
もしそれでも動かない場合を調べたところ
http://blog.cheekpouch.com/373/
によれば
特定のパッケージをインストールするとデフォルトのMarkdownプレビューが使えない
とのこと
このパッケージについては不明
japanese wrap
をいれると日本語の表示がうまくできるようになる
atom package導入
atom を起動して
ctrl + , で
Setting 画面を起動して
Packages を選択
とりあえず記述が楽になるものはインストール
emmet
で
emmet-vim と同じ効果を得られる
ubuntu の場合 ctrl + e
でできる
liタグなら
li
と入力して
ctrl + e
とすると
<li></li>
となる
autocomplete-plus
で文字の補完機能を搭載
これをいれることで
文字を入力しているとスマホの入力みたいに
候補がでてくる
htmlタグを入力するときに
以下の画面は
emmet パッケージのショートカットキー
を調べるために開いたRead Me
ちなみに私の環境は Ubuntu なので
Linux/Windows の部分を使うことに
もし Mac なら
Darwin のところになる
atom マルチカーソルを使うことで
同時に複数のカーソルを扱う
通常カーソルは１つだけだけど
複数の箇所にカーソルを配置して同時編集が可能
ドットインストールだと
Mac だから
Command を押しながらクリック
これで一期に編集できる
マルチカーソル解除は esc
ubuntu でもできないかな
と思って検索したら
Atom Editorで複数行選択(矩形選択)
によれば
デフォルトではできないけど
sublime-style-column-selection
というパッケージを入れることで可能になるようだ
atom はパッケージをいれたことがないため
この機会にインストール方法も学習
atom を起動して
ctrl + , で設定画面を出せるので
Package
を選択して
Install Pakages
のところに入れたいパッケージを入力
すると候補一覧が現れるので
Install
をクリック
インストールが完了すると
パッケージ右上にチェックマークが入る
これで ubuntu でも
ctrl キーを押しながらクリックすることで
複数カーソルが使えるようになる
あと
複数編集方法として
編集するワードを shitt キーで選択したり
マウスで選んだ状態で
ctrl + d で同時編集もできる
ただし ctrl + u では戻ることができなかった
twitter で電話番号を登録後
SMSで
返信してください。
標準データプランで課金されます
というメールが届きました
最初は、新手の詐欺メールと思って検索したのですが
どうやら twitter からのメールのようでした
Twitterから認証用コードをメールで送ってもらった時は
その分のメール代は発生してる
という意味のようです
もう少しわかりやすいメッセージのほうが誤解されないと
思うのですが….
今回のメールについては
Yahoo知恵袋の
http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q14138983399
の回答を参考にさせていただきました
twitter クライアントアプリ開発には電話番号の登録が必要らしい
Android アプリで tweet する機能をとりいれたいので
Androidアプリでトレンドのキーワードからツイートを検索する
http://codezine.jp/article/detail/7902
を参考に実践
しかし、なぜか読み込み中のままなので
検索してみたら
どうやら
twitter アプリの登録時
開発者のtwitter アカウントと
携帯の番号の関連付けが必要になった模様
ここで注意するのは
設定するときには
twitter の開発者アカウントの
https://dev.twitter.com/
ではなくて
普通に tweet するほうの
https://twitter.com/
ということ
自分の twitter のアイコンをクリックし
モバイルから設定していく
もし登録できないのなら
ユーザ情報の
言語設定を
日本語から
EnglishUK – English UK
に変えると簡単に登録できる
なお、登録時の確認メールは
Gmail や Email などのキャリアメールではなく
SMSで送られてくる
atomm で文字列検索と置き換え
まずファイル内の文字列の検索
まずパネルをだす
ctrl + f でファイル内検索ができる
検索窓にプレースホルダーで
Find in current burret
とかかれているところに探すワードを入力
ドットインストールだとすでに
過去に作成したものを開いているけど
実際につくるのは面倒なので
atom &
で端末で起動すると welcom 画面がでるので
これを利用する
ctrl + f で検索欄ができるので
help
と入力すると
２つあるとでる
表示に
2 found
とでている
これで次の help に移動するには
Find ボタンをおすか
ショートカットキーで
F3 を押して先に進める
前に戻るには
shift + F3 を押せばいい
なお、ショートカットキーを調べるには
コマンドパレットをみたほうが早い
コマンドパレットは
ctrl + shift + p ででるので
ここで使いたい機能を英語で入れれば
ショートカットキーが表示される
全部入力しなくても
次を検索したいのなら
find nex
で
F３
と表示される
また検索についてはオプション指定が可能
左から順番に
.* は正規表現
Aa が大文字、小文字の区別
” が選択範囲の指定
\b が単語の完全一致
となる
そして、文字の置換をするには
Replace in current buffer
とかかれているところに書き換えたい文字を入力し
Replace で置換できる
Replace All だとファイル内の該当するすべてを
置換する
今回の場合だと
help
を
helper
に変える
もし、間違えても
ctrl + z で元に戻せる
なおこの検索や置き換えのパネルを消すには
escキーで消せる
ちなみに
ctrl + shift + f
で検索すると、すべてのフォルダが対象になる
検索欄にキーワードをいれて
Enter をおすと、対称となるファイルがでるので
青くなっているファイルをクリックすれば
ファイルを開くことができる
なお、一番したの欄は
ファイルの種類を指定するもの
これで
HTMLファイルにするのなら
*.html
というようにする
複数ファイルの編集をするときにはこの機能がおすすめ
今回も実行環境は Ubuntu 12.04 64bit
atomのファイル検索機能
をドットインストールを参考に実践
ファイル検索のショートカットキーは２つ
ctrl + t
か
ctrl + b
ctrl + t のほうだとカレントフォルダ全体から
ファイルを探す
ってドットインストールでは解説があったけど
Mac と Ubuntu ではショートカットキーが異なる
原因は Command キーがないから
そこで
Ubuntu atom ショートカット
で検索した結果
を参考に実行することができました
ファイルを開く
Ctrl + o
ディレクトリを開く
Ctrl + Shift + o
ディレクトリをツリーで表示/非表示
Ctrl + \
コマンドパレットを開く
Ctrl + Shift + p
設定画面を開く
Ctrl + ,
ファイル名で検索
Ctrl + t
タブで開いているファイルの検索
Ctrl + b
ファイル内文字列検索
Ctrl + f
F3 次を検索
Shift + F3 前を検索
フォルダ内文字列検索
Ctrl + Shift + f
対応するカッコに遷移
Ctrl + m
指定行へ遷移
Ctrl + g
ブックマーク付与
Ctrl + F2
ブックマーク付与検索
Ctrl + Shift + F2
同じ単語の選択
Ctrl + d
画面の分割
Ctrl + k + 矢印キー
現在カーソルが当たっている画面分割の解除
これはブラウザのタブをとじるかんじ
Ctrl + w
Markdownプレビュー
Ctrl + Shift + m
あと実機環境のためか、HTMLの
タブの設定は反映されました
ショートカットキーは慣れるまで時間がかかるので
繰り返し修練していこうと思います
atom の言語別設定
ファイルの種類により設定を変えるときにこれを使う
例えばHTMLなら４桁にして
ruby なら2桁にする
設定画面は
ctrl + shift + p
で検索画面をだして
setting
と入力すればでてくる
ここで
Filter packages
とかかれたところに
language
と入力すると
言語のリストがでる
HTMLの設定をするなら、この中からHTMLを選ぶ
Language HTML
となっているのが html
これでHTMLの設定画面になる
タブの数をかえたいのなら
Tab Lenght を変える
デフォルトは
２
今回は ４ に変更
これで設定が反映されているかを確認
新しいタブを開くには
ctrl + n
で開ける
新しくタブを開いた状態だと
プレーンテキストの状態なので
Atom の画面の右下にある
Plain Text
をクリックして
HTML に変更する
これで
タブキーをおすと
—-
というように4桁表示されるようになる
そして便利なのが言語ごとの Snippets設定
これは
Tab キー
を押したときの動作
ショートカットキーのようなもの
例えば aタグをつくるには
a を入力して tabキーをおすと
<a href="#"></a>
となる
ちなみに、テキストのタイプをそれぞれの
言語にしておかないと機能しないので注意
テキストタイプが
Plain Text だとまったく動作しない
