FUNER SKATEBOARDING体調 BLOG: Web系

ラベル Web系 の投稿を表示しています。すべての投稿を表示

2010/10/14

USTREAMのFLV動画をダウンロードしてMP3変換してFinal Cutで再編集 for Mac

っていうつまんない話です。

USTREAMでアーカイブ録画してある動画を使用して再編集したいっていう思う人は少なからずいると思うのでメモ。

まずUSTREAM本家から録画済みアーカイブ動画をダウンロード。ポチっと押すだけ。
※配信者だった場合↑

自分が配信者じゃない場合で、だれかの気に入った動画をダウンロードしたい場合はブックマークレットが出ているのでそれでDL。
↓ここでやり方見て↓
http://creazy.net/2010/03/download_ustream_recorded_bookmarklet.html

で、USTREAMからダウンロードできるファイルはFLVなので、そのままだとiMovieやFinal Cutで使用できない。
mp4やらmovやらなんやらに変換しましょう。
フリーソフト探せばいっぱいあると思いマス。

今回自分は音声のみ抽出して使用したかったのでその方法を。
（ライン入力で音もらってるからこっちのほうが音質が良い）

フリーソフトで変換します。
iExtractMP3
っていう優れたフリーソフトがあるのでこれを使用します。
FLVファイルからmp3ファイル（音声のみ）を再エンコードせずに抽出するので、音質が劣化しないし、抽出も早いです。
使い方は、FLVファイルをドラッグ＆ドロップして「抽出」ボタンを押すだけ。簡単〜

↓ダウンロードは以下から↓
http://www.fraction.jp/log/archives/2008/01/18/FLVMP3Extractor

これで音声だけ抜いて動画編集ソフトで使用できます。

ちゃんちゃん。

2010/09/24

作業ログ・一人Twitter

SOHO、フリーランス、個人事業主の方とかにオススメなんではないでしょうか。

僕はもうこれがないと生きていけません。

札幌ホームページ制作のSYNCKGRAPHICA和田憲幸氏がプレリリースした（けっこう前）アカシックレコード。

フリーランスだと一人でやる事が多岐に渡るケースが多くて、TODOを把握しきれなくなる事よくあるよね？記憶力のない僕はこれがないともうホントに無理です…。

機能は簡単に言うと一人ツイッターにTODO追加、消化機能がついたみたいな感じ。

TODO管理ツールみたいのはまともに使った事ないけど、これは便利です。少なくとも自分には。記録を残すのは大事だと思った。作業にかかった時間も把握できるし、作業の優先順位も決め易いかな。

まあなんちゃらは一見にしかずということで

TODOを追加
TODOの内容を入力後、SHIFTキーを押しながらENTERでTODOとしてエントリされる。

TODOのみを表示
未入力状態でENTERを押すとTODOのみを表示。もう一度ENTERを押すと元に戻る。

チェックボックスをクリックでTODO消化
チェックボックスをChromeかSafariからクリックするとズドーン！という音とともにTODOが消化されます。これが良い！ズドンっ終了〜！って感じ。Firefoxでは音でません。IEはゴミだから論外で。完了時間もログしてくれるみたいです。

ここで試せます↓
ライフログ 1.0.1 デモ
（パスは"demo"）

設置方法はWebサーバにまるごと入れるだけだった気がします。
詳しい設置方法はコメントでお願いします。

オススメ！

2010/09/01

合コンはうつ〜む〜び〜

意外とかなり前！みんなで制作した映像を公開します。

いままではネットカフェでのみ視聴可能だったんだけど、公開しようかなってね！
→ピクションさんで配信してもらっていました。

とまあそんな感じでこんな感じ。

↓ここから視聴できまっす〜。
合コンHowTo動画プロジェクト！

携帯から見れるかは知らないっすー。
iPhoneとかでは見れるようになってますたぶん。

そんなこんなで是非ミ☆テ☆ネ☆

2010/06/05

iPad 3Gレビュー的な。

iPadを発売日からちょこちょこ触ってみての感想です。購入考えてる人は参考にしてね。

えーっとじゃあまず悪い点から。

FLASHが見れない。
いまさらなに言ってんだって話だけど、わかってはいたけどやっぱり現時点では見れないのはたまに不便。見れないサイトとかも出てくる。
なによりBERRICSが見れねえ!!!
自分のサイトもFlash入れてるから直さないと。

まあゆくゆくはFlash自体がなくなるようになるので(HTML5に交代)現時点では、って話。
各サイトもどんどん対応してくるでしょう。

テキスト入力に難あり。
バーチャルキーボードはなかなか難しい。iPhoneに比べれば画面が大きくなった分早くなったけど、キーボードのそれにはやっぱりかなわない。
だいぶ慣れてきてもブラインドタッチは難しいんじゃないかな。
でもメール対応くらいは余裕でこなせます。
やっぱり画面が大きくなったのはでかい。

ライターとか物凄い数のテキストを打つ必要がある人にはストレスになると思う。
そういう場合はBluetoothのコンパクトキーボードと併用して利用すれば問題なし。

3G回線だと動画がイマイチ。
あんまり寝ながらYouTubeとか見ようと思えないくらいな感じです。これはちょっと残念。
でもWi-fiで見れば超綺麗。

制作はできない。
元々iPadはそういう物ではないので論外だけど、一応。
映像制作、プログラミングなんかは難しいでしょう。
軽い表計算の書類程度は作成できます。

それでは良い点。

ブラウズがまじやばい。
ホームページが超綺麗に見えます。美しい。
自分の作ったサイトなんか何回も見ちゃう。そんくらい綺麗。
サイトが何割か増しに見えます。クラブで見た女をクラブの外で見た時くらいの違い。
これはほんとおすすめ。

軽い、薄い、充電長持ち。
これはめっちゃ重要だと思う。
外出の多いビジネスマンとかにはすげー助かるはず。
自分もiPadを持ってからMacbookは二度と外に持ち歩かないと決意した。重すぎる！あとコード邪魔！せめてMacbook Airにすればよかったと少し後悔。
コード持っていくにしても携帯の充電器程度。
充電も長持ちする。映画二本見て電子書籍何冊か読んでメールしても減りは半分程度。これまじ重要。

外でのプレゼン、打ち合わせには最強。
これ以上の端末はない。絶対。

家の中でも最高。
キッチンでiPadでクックパッドを見ながら料理。
リビングで動画視聴、電子書籍読む。
ベットで寝ながらサイト見る。

これPCでできる？重くて邪魔でやらないはず。

外出先でも大概の仕事はこなせる。
どこにいてもネットに繋がり、メールチェック、書類チェック、ブログ更新、スケジュール管理、書類制作etcが可能。
iPhoneだと画面が小さくてできなかった。（できるけど、小さくてやる気がでなかった）
ノートPCでもできたことだけど、重さとかコードとか利便性考えたら絶対こっち。

ジョブスの例えだけど、
ゆくゆくPCはトラックになって、タブレット端末が乗用車になる。

トラックのようにPCも絶対なくならないけど、タブレットが今後デフォルトになる。
ガツガツ開発を行っている人は全体で見れば数パーセントだから。

ネットブックは徐々に消滅していくはず。

なんかモテそうな気がしてきた。
これはApple製品全般に言えることだけど。なんかいいよね。CMとか見るとね。うまいよね。そんなAppleが好き。

とまあこんな感じです。

情報を得る端末として優れてて、アウトプットには少し不向きって感じだと思います。

買おうか迷ってる人は絶対買って損はないと思います。

自分の知人は『iPhoneでかくなっただけでしょ？』『ただのステータスでしょ』『なにができんのよ』って言ってたけど、実際に触らせたら次の日購入してました。しかも２台。笑

とりあえず触ってみた方がいいよ！！

2010/04/19

SEOに強い無料ブログサービス比較

またつまんない話ですんません。

無料ブログサービスは現在無数にありますます。
ブログを始める際にはけっこう悩むむむむむよね。

そこで今回は
SEOに強い無料ブログサービスは？
という観点で。

使い易い、テンプレートが充実している、サーバが安定している、アフィリエイトができる等も選ぶ基準かと思いますが今回はSEOという視点で選びます。

まず大事なのがアドレス選び。
ブログサービスのアドレスは大きく分けて３種類のものに分類されます。

①サブドメイン型
http://あなたのID.seesaa.net/
ブログサービスのアドレスの前に個別IDが入ります。

②ディレクトリー型
http:// blog.livedoor.jp/あなたのID/
ブログサービスのアドレスの後にIDが入ります。

③独自ドメイン型
http://独自に取得したドメイン.jp/
ドメインをご自分で取得した場合。

このアドレス選びはとても大事。
①サブドメイン型と②ディレクトリー型では大きく違います。

既に有名な話ですが、Google、Yahoo、Bingなどの検索エンジンであるキーワードで検索した場合、同じドメイン（あるいはサイト）と判断された場合、そのキーワードでは最大で２ページしかヒットしません。

例えばアメブロを例にとると、
あなたが「りんご」というキーワードでブログを書いたとします。
※アメブロはディレクトリー型です。http://ameblo.jp/あなたのID/
そしてアメブロ内に「りんご」というキーワードでブログを書いた人が5000人いたとします。
それを検索エンジンで「りんご」と検索するとアメブロ内の２／５０００しかヒットしません。
つまり、ディレクトリー型のアドレスの場合、同じサービスを利用している人全員が同じドメインになるので、同じような話題を投稿している人が沢山いると、検索時の上位表示が難しくなる。

あと関係ないけどアメブロは広告多すぎで嫌い。（発リンクの信頼性が薄まる）

一方サブドメイン型・独自ドメイン型は同じドメイン内は全て自分のサイトのページとなるので、検索したキーワードにヒットするのは必ず自分のページとなります。

上記の通り、サテライトブログ構築やアフィリエイト目的の方はサブドメイン型のブログサービズを選ぶのが賢明と言えます。（もしくは独自ドメイン）

ーサブドメイン型のブログサービス一覧ー
FC2ブログ
Exciteブログ
Blogger
その他

2010/04/16

YouTubeに動画を高画質でアップロードする方法

YouTubeでの高画質動画アップロードの方法についてまとめ。

通常だと動画サイズは2GBまで。動画の長さは10分以内。

推奨されている動画仕様は

【映像】
解像度: 動画の元の解像度 - HD では 1920x1080（1080 p）または1280x720

ビットレート: ビットレートはコーデックに大きく依存するため、推奨値や最小値はありません。動画は、ビットレートではなく、解像度、アスペクト比、フレームレートで最適化してください。

フレームレート: リサンプリングは行わず、元の動画のフレームレートを維持するようにしてください。プルダウンなど、フレームレートをリサンプリングする手法は一切使用しないようにしてください。

コーデック: H.264 または MPEG-2 を推奨

推奨コンテナ: FLV、MPEG-2、MPEG-4

【音声】
コーデック: MP3 または AAC を推奨

推奨コンテナ: FLV、MPEG-2、MPEG-4

サンプリングレート: 44.1 kHz

チャンネル: 2（ステレオ）

です。

個人的にはこっちの仕様の方が高画質でアップできるかなって感じ。

* 動画フォーマット: H.264、MPEG-2、または MPEG-4 が望ましい
* アスペクト比: レターボックスなしの実質アスペクト比 (4:3、16:9 など)
* 解像度: 640x360 (16:9) または 480x360 (4:3) を推奨
* 音声フォーマット: MP3 または AAC が望ましい
* フレームレート: 30
* 最長 10 分 (2〜3 分を推奨)
* 最大ファイルサイズ: 1 GB

編集はFinal Cut Expressで行っています。
動画フォーマットは最新のH.264
解像度はHD1280x720
音声フォーマットはACC
で書き出しています。

他は特に変更させなくても良好な結果になると思います。

ただ、動画サイズギリギリだとアップロードがエラーになったりタイムラインがでなかったりかなり時間がかかる。
あと、動画アップ直後は画像が荒い。少し待つと綺麗に処理してくれます。
そこは辛抱しんぼう。

Bloggerをmixi日記に反映させる方法

連投すんまそん。

日記・ブログの選択
その他

日記・ブログのURL
http://あなたのアカウント.blogspot.com/

RSSのURL
http://あなたのアカウント.blogspot.com/feeds/posts/default?alt=rss

これで長くて４時間後くらい（ロボットのクロール待ち）には反映されます。

メールフォームCGI UTF-8対応版設置方法

札幌にあるSYNCK GRAPHICA 和田憲幸氏が配布しているフリーのメールフォームの設置方法。

自分用にメモメモ。

※以下の説明はメールフォームプロCGIではなくメールフォームCGI UTF-8対応版について。

メールフォームCGI UTF-8版の設置方法まとめ。

当方環境：Mac OS X,さくらサーバ,mi（ミミカキエディット）

どこでもCGIが動くサーバの場合（今はほとんどそうだと思う）
フォルダごと好きな場所にドカン！でOK。
パーミッションは755
count.datだけ777

perlのパスは
さくらサーバの場合そのままで動く。いじる必要なし。
変更が必要な場合はサーバ側で確認。

エディタでファイルをいじる際の改行コードはLF(UNIX)
※改行コードを間違っていじっていると動かない。

あとはファイル同士を繋ぐパスさえちゃんと繋がってれば動く。

HTMLは
21行目あたりの ※HTMLとして処理されちゃうんで頭の<は省いてます。

!--メールフォーム用のHTMLタグはここから-->
form id="mailform" method="post" action="mailform/send.cgi"onsubmit="returnsendmail(this);">

ここのaction="mailform/send.cgi"のパスと

/body>直前の
link rel="stylesheet" href="mailform/mailform.css" type="text/css">
script type="text/javascript" src="mailform/mailform.js" charset="utf-8">
script type="text/javascript" src="mailform/postcodes/get.cgi?js" charset="utf-8">

この部分の
href="mailform/mailform.css"
src="mailform/mailform.js"
src="mailform/postcodes/get.cgi?js"

の計４つのパスがちゃんとつなげられていればもう絶対動く！

send.cgiは
#00.テスト時の誤送信を制御 / 0にしないとメールが飛びません
$conf{'debug'} = 1;
親切に書いてくれている通り、1を0に変更。

#04.sendmailのパス(サーバ会社へお問い合わせ下さい)
$conf{'sendmail'} = '/usr/sbin/sendmail';
ここはサーバ側で確認して変更。さくらサーバの場合は変更必要なし。

もしメールアドレスだけのフォームを作成する場合
#03.スパムブロック([URL]や[LINK]が含まれた送信をブロック) 1:ON / 0:OFF
$conf{'spam_block'} = 1;
と
#01.リファラーによるスパムチェック 1:ON / 0:OFF
$conf{'domain_check'} = 1;
を0に変更しないとはじかれます。

もうもうこれでメールが飛ぶはずです。
※ファイルをいじる際改行コードをLF(UNIX)にするのをお忘れなく。

あとはリダイレクトするサンクスページ等の細かい設定をするだけ。

以上どえす。

2010/03/22

FUNER SKATEBOARDING 生放送＠USTREAM

USTREAMハジメマシタ。

Free TV : Ustream

USTREAM(以後UST)ってなんじゃらほいって人の為に少し説明。

すげー簡単にいうとYouTubeのリアルタイム版みたいな感じ。
まーほんとそのまんまだけど。
Facebookのリアルタイム版がTwitterみたいな感じね。

リアルタイムで映像をブロードキャストできるのね。これ超おもしろい！

今は英語だけだけど、日本ではソフトバンクが買収したので５月に日本語化する予定みたい。

これ100%流行るよ！

TwitterといいUSTといい最近どんどんリアルタイムに進んでってるね。
今後どんなサービスが出るんでしょうか。

各種APIとも連動してるのでTwitterとかで連携とれちゃうのもナイース！

とりあえずFUNERチャンネルをブックマークしといてね！
http://www.ustream.tv/channel/funer-skateboarding

タブで開いておけば映像流し始めたら勝手に流れだします。

iPhoneでも中継可能。画質は落ちるけど機動性バッチシ。

明日のパーティーの様子をUSTでレポートする予定なんでチェックしてねー！
Twitterとかでお知らせします。

とりあえずUSTおもしろい！