カテゴリー: 未分類

今回も実行環境は Ubuntu 12.04 64bit

atomのファイル検索機能
をドットインストールを参考に実践

ファイル検索のショートカットキーは２つ

ctrl + t
か
ctrl + b

ctrl + t のほうだとカレントフォルダ全体から
ファイルを探す
ってドットインストールでは解説があったけど
Mac と Ubuntu ではショートカットキーが異なる

原因は Command キーがないから

そこで
Ubuntu atom ショートカット
で検索した結果

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 だとまったく動作しない

ubuntu 12.04 へ Atomインストール

Atom はGithubの開発しているエディタ

公式サイトは
https://atom.io/

ドットインストールは Mac 版だけど

使用している環境が Ubuntu 12.04 64bit なので
これで使える方法を検索

検索ワードは
ubuntu atom インストール

atomをUbuntuにPPA経由でインストールする

にやり方が載っていたので
これを元にインストール

sudo add-apt-repository ppa:webupd8team/atom

でリポジトリ追加

sudo apt-get update

でパッケージを最新版にする

sudo apt-get install atom

でインストール

Atom の起動は
端末で

atom &

とするか

ダッシュボードで atom とすることで起動できます

使い方については
ドットインストールの
Atom入門

を参考に学習

使う環境はできればどれでも使えるものがベスト

最近では virtual box とか vmware player
などで環境を用意できるけど
それでもツールはどの環境でも使えるものに
しておけば、機種依存もしないので
スムーズに作業ができます

youtube へ動画のアップロード

YouTubeにPCから動画をアップロードする方法_YouTube入門(0)

を参考に kazam で録画した動画を
アップロード

本来は wordpress と同じサーバーとかに
アップロードすると楽だけど
容量がすごくとりそうなので、まずは無料で使える
Youtube を使うことに

まずは youtube にアクセス
https://www.youtube.com/
がURL

そして Google アカウントでログイン
Android を使っている場合
すでにアカウントは取得しているので
これをそのまま使用

画面右上のアップロードをクリック

次にアップロードしたいファイルを
ドラッグ＆ドロップ

今回は
前回撮影した動画ファイルをアップロード

すると自動的にファイルのアップロードが開始される

アップロードが完了したら
タイトルと説明を編集する

タイトルは最初はファイル名なので
もっとわかりやすいものにする

タイトルには

今回はタイトルをファイル名から
Raspbery Pi で Lチカ
に変更

説明にはわかりやすく
raspberry Pi のLチカの動画解説になります
と
今回の動画内容に関しての説明を加えます

終わったら変更の保存
をクリック

これで動画が公開になっていれば
Youtube での閲覧ができるようになります

せっかく wordpress を使っているので
youtube プラグインなどについても調べて
今後は表示もしていこうと思います「

kazam でLチカの撮影

電子工作を行うときに躓くこととして
実際の配線関連

ということでわかりやすさを求めるため
解説の動画を撮影

今回は web カメラで撮影し
マイクで音声で解説をいれてみました

なお、使用したマイクは

webカメラには

を使用

とはいっても試験的にやったので
解説動画としてはまだまだで、今後いろいろと勉強して
いこうと思います

まず、 kazam を起動

video from webcam
にチェックを入れ

kazam のメニューで
設定を開き
マイクの入力が最初は
内部オーディオアナログステレオになっているので

これを
USB PnP Sound Device アナログモノラル
に変更

理由は、そのままマイクを刺した状態だと
ノイズがひどく、聞き取りにくいので購入しました

次に、録画する画面の範囲を選択

これは、今回はLチカの動画で
プログラミングなどは行っていないので
webカメラのみにするために
領域を指定

本当は webcam の設定でできると思ったけど
これにしてしまうと
撮影中の画面が真っ黒になってしまい
実際の動作確認ができないので
領域指定で選択しました

あとは kazam で録画し
これを youtube にアップロードすれば今後
解説するときに動画での解説が可能になる予定です

youtubeの投稿は初チャレンジということで
後日アップロード関連について行う予定です

kdenlive 操作画面の復旧

kdenlive の操作画面でウィジェットを
ｘで消してしまうと、次回からそのままの
レイアウトになってしまう

消してしまったウィジェットを復旧するには
kdenlive のview の中から選び
操作画面にドラッグしていけばできる

とりあえず、今のところ必要そうなのは
プロジェクトツリー
クリップモニタ
タイムライン
の３つ

左上がプロジェクトツリー

右上がクリップモニタ

一番下がタイムラインになる

保存しなくても、そのまま操作画面は保持される

直し方の参考は
Widget layouts in kdenlive

kdenlive の字幕表示その２

7. 動画編集ソフトウェア Kdenliveの使い方 p2.字幕表示について Linux/Ubuntu 12.04

を参考に kdenlive の使い方を学習

前回までの復習を兼ねて、まずは
kdenlive を起動し
ドラッグ＆ドロップで
動画編集したいファイルをクリップへ設置

次に、クリップ欄を右クリックし
タイトルクリップの追加で
タイトルを入力するダイアログを開く

そして表示したいところへマウスクリックし
文字を入力

今回は文字列をブログURLにして
画面の左下へ赤文字にして表示

あとは
OKを押すと新しいクリップが作成されるので
これを
Video1 へドラッグする
動画については Video 2 にドラッグ

ちなみに、タイトルクリップの編集をするには
作成されたタイトルクリップを
ダブルクリックすれば、再びダイアログがでて編集できる

ちなみに、映画の翻訳みたいに字幕を切り替える場合
複数のタイトルクリップ作成する必要がある

続いて
8. 動画編集ソフトウェア Kdenliveの使い方 p3.字幕表示について Linux/Ubuntu 12.04

を参考に、字幕の追加方法を学習

作成したタイトルクリップをダブルクリックすると
編集画面になる

そのまま別のところをクリックしても
追加のテキスト入力はできない

テキストを追加したい場合
一番左上のアイコンをクリックし
でてきたメニューで
テキストの追加
を選ぶと、追加でテキストの入力ができるようになる

このアイコンをもう一度クリックすると、
テキスト入力状態を解除することができる

なお、入力したテキストを編集するには
テキストをダブルクリックすればいい

kdenlive の字幕表示

kdenlive を使うことで動画にタイトルや字幕を埋め込むことができる

6. 動画編集ソフトウェア Kdenliveの使い方 p1.字幕表示について Linux/Ubuntu 12.04

を参考に実践

今回の動画の場合だと
ずっと表示されるものをつくっている

これの使い道は twitter アカウントとか
ブログのURLとか
facebook のアカウントとか
コピーライトを表示するのに使える

この字幕を作成するには
kdenlive のクリップのところに配置した動画ファイルを
右クリックし
タイトルクリップの追加
を選択

するとタイトルを入力するためのダイアログが表示される

文字を入力するには
網目になっているところの任意のところでマウスをクリックすればいい

あとは普通に文字を入力するだけ

今回はブログの URL を入力
https://wp.developapp.net/

そのままだと小さいので
文字の色とフォントサイズを変更

今回は赤い文字にして、フォントサイズを５０に設定

これでOKを押すと
タイトルの挿入が反映された新しいクリップが追加される

このクリップを video 項目へドラッグ＆ドロップすると
下へ黄色いラベルがつく

これで、挿入する文字を入れたクリップの下にある
動画をみると
入力した文字が表示されているのがわかる

文字列を表示させる位置については
タイトルクリップの追加のときのダイアログの場所が
反映される

注意点としては、文字を表示するには
Video1 に配置すること

そうしないと表示されない

kdenlive のレンダリングについて

. 動画編集ソフトウェア Kdenliveの使い方 レンダリングについて Linux/Ubuntu 12.04

を参考に
kdenlive のレンダリングの方法について学習

動画編集は必要な部分になるように
カットしてつなぎ合わせることになる
そしてできたものを動画ファイルとして書き出す

この書き出しがレンダリングになる

レンダリングのやり方は
kdenlive のレンダリングと書いてあるボタンをクリックする

まず、kdenlive を立ち上げ
適当に動画ファイルをつくるため kazam で撮影
次に動画ファイルを
kdenlive へドラッグ＆ドロップして
一連の動画になるように適当に配置して
レンダリングボタンをクリック

するとレンダリングのための設定画面が表示される

出力先のところにファイル形式がでてるけど
動画では
　.m2t
だったけど
私の環境では
.mp4
になっていた

そのままだと
タイトル未定.mp4
になっているけど
日本語だとあとあと問題がおきることがあるので
test.mp4
に変えておく

スキャンの設定は 自動のままにしておき

エンコーダスレッドは使用するCPUの数なので
４
を設定

設定ができたらファイルを書き込むので
ファイルにレンダリング
をクリック

これで動画ファイルが指定した出力ファイル先に
作成される

ちなみに、編集につかって分割したファイルでいらない部分は
キーボードの Deleteキーで削除する

クリップのほうも消せるけど
こっちを消すと、編集の
Video 1 とか Video2のほうに設置したものまで消えるので注意

もし、間違えて消したのなら Undo をクリックすれば
元に戻すことができる

なお、動画のレンダリングにかかる時間は
マシンスペックにより異なる

kdenlive でのタイムラインやカットの使い方について

前回の復習も兼ねながら
kdenlive の使い方の練習

今回も
3. 動画編集ソフトウェア Kdenliveの使い方 タイムラインやカットについて Linux/Ubuntu 12.04

を参考に学習

まず kde3nlive を起動し
クリップのところへ編集したい動画を
ドラッグ＆ドロップ

Video2 のところに配置した動画の大きさが違うけど
これは撮影した長さが違うから

Video 1
Video 2
Video 3
というのがあるけど、これは優先順位になる

１が一番優先順位が高くなる
ちなみに、
Video １の音声だけつかって
Video ２では画像だけ
という使いかたも可能になる

ちなみに Video 1から Video3 までの
アイコンは
左から
トラックのロック
トラックの音を消す
トラックの画像を消す（音声は残る）
となっている

これらを組み合わせることでいろいろできるようになる

とりあえず、配置関連はこれでOK

次に、動画の長さの変更

これは動画の余分なところをカットして編集するのに使う
カットには
ハサミのアイコンの切り取りツールを使う

切り取ったあと、動画をいろいろ組み合わせるために
配置を変えるには
矢印アイコンをクリックすればいい

赤丸で囲んでいる動画が今回カットして２つにした
動画

これで任意の場所に配置できる

ちなみに、再生されるときには
Video1 から順番に再生されるけど
Video1 と Video2 で重なっている部分に関しては
Video1 のほうだけ再生される

つまり優先順位が Video1 のほうが高いため
Video2 の重なっている部分は再生されない

うまく配置すれば綺麗に配置することもできる

もし、カットとかに失敗しても
Excel みたいに
Undo で戻したり
戻しすぎた場合には Redo で１つ前に戻すこともできるので安心して実験ができる

なお、ポールのようなもので場所を指定して
右クリックして
クリップの切り取り
を実行しても同じようにカットできる

個人的には、このほうが時間などの細かい指定がしやすい