みかづきブログ その3

3ヶ月つづけてみました。

Mac

YouTubeLiveでMacのウェブカメラで撮影している映像をライブ配信し、その様子をウェブページに埋め込んだプレイヤーに表示する方法

ひょんなことからYouTubeLiveをウェブページに埋め込む方法を調べました。 必要なもの Googleアカウント( https://accounts.google.com/SignUp ) Google Adsenseアカウント( https://www.google.co.jp/adsense/start/ ) Adsenseアカウントに紐付いたYouT…

シェルスクリプトで大量のwavファイルをmp3ファイルに変換する

Mac

ひょんなことから100本以上のwavファイルをmp3に変換しなければならなくなり、シェルスクリプトを書きました。 #!/bin/sh for file in *.wav do fileName=`echo ${file} | sed -e "s/\.wav$//"` ffmpeg -i ${fileName}.wav -ac 2 -codec:a libmp3lame -b:a 4…

Nginxで404ページをカスタムする

Mac

404.kimizuka.fmどうしても404ページでNOT FOUNDを流したかったので、近所のサーバサイドエンジニアに頼み込んで設定方法を教えてもらいました。/etc/nginx/conf.d/ 以下に hogehoge.conf という設定ファイルをつくり、 server { ... error_page 404 /404.ht…

CloudFlareでhttpsに対応させたページにhttpでリクエストが来たときにリダイレクトさせたいという想い 🤔

Mac

以前、 無料でhttpsの環境を手に入れるために導入 したCloudFlare。 大変便利に活用させていただいております。kimizuka.hatenablog.comこれまでは何も考えず、httpのアクセスをhttpsにリダイレクトする処理をフロントで行っていたのですが、 よくよく考える…

iOS11ベータ版向けにつくったウェブコンテンツのデバックはSafari Technology Previewの手を借りると楽々 😀

最近、iOS11のSafari向けにコンテンツをつくって試してみることが多いのですが、 ウェブカメラをつかうコンテンツを試しているので実機で確認する必要があり、 ライトニングケーブルでMacと繋いでデバッグ しながら開発を進めたいのですが、 通常のSafariで…

ターミナルで画像をbase64にするぞ 😀

Mac

SublimeText2から3に乗り換えて、唯一の不満が画像をbase64に変換するところ。2では、画像をエディタにドラッグ&ドロップするだけでbase64化してくれるプラグインがあったのですが、kimizuka.hatenablog.com3では見当たらず。探し方が悪いだけかもしれませ…

PCと同期していないiPhoneのミュージックアプリでアーティストが分裂(表記ゆれ)してしまったときの直し方 😭

Mac

アーティスト名の表記ゆれ問題 いつも便利に使わせていただいているiTunesなのですが、昔から1つだけ大きな不満がありました。 それは時々アーティスト名が表記ゆれすること。僕は良くスピッツが分裂します。 これはレコード会社が登録時に表記ゆれしていて…

Nginxでwwwありできたリクエストをwwwなしにリダイレクトする

Mac

サブドメインなしバージョンとサブドメインありバージョンを2つ書いて見ましたが、なんとかひとつに統一できないものか。 # サブドメインなし server { listen 80; server_name www.hogehoge.com; root /home/app/static-sites/loading/; return 301 $scheme…

フロントエンドエンジニアがさくらVPS で Ubuntu + Nginx + Node.jsの環境を整えるまでの道のり - その1 - Ubuntu導入からNginxの起動まで 😎

Mac

春ですね。^ ^なにか新しいことをはじめたくなりますね。^ ^かれこれ7年ぐらいさくらのVPSをつかっているのですが、「さくらのVPS乗り換えキャンペーン」たるものをつかって新しいサーバに乗り換えてみることにしました。www.sakura.ad.jpいままでは、Ce…

npmの代わりにYarnをつかってパッケージを管理する 😎

Mac

もう2017年なのでパッケージの管理をYarnにしてみることにしました。 Yarnとは yarnpkg.comFacebookがつくったパッケージマネージャーでそうです。 なんでもnpmより高速でGoogleも開発に協力しているとか。 個人的にはnpmに全然不満はなかったのですが、Face…

Macにrmagickをインストールしたときにでるエラーを解決する 😎

Mac

エラー内容 checking for clang... yes checking for Magick-config... no checking for pkg-config... yes checking for outdated ImageMagick version (<= 6.4.9)... no checking for presence of MagickWand API (ImageMagick version >= 6.9.0)... no ch…

iPhoneで撮影した動画をffmpegで無音にしたい

Mac

無音にしたいだけなのにいちいちiMovieとかで編集するのが面倒だったのでプログラムでなんとかならないかと思い、 いろいろ調べた結果、ffmpegで処理することにしました。Macであればffmpegを導入するのはとても簡単です。kimizuka.hatenablog.com ffmpegで…

Mac版Chromeでトラックパッドを2本指でスワイプした時にブラウザバックしてしまう現象をなんとかする

Mac

あけましておめでとうございます。 昨年から、いや、もしかしたらもっと前から、ずーっと僕を悩ませていた現象を1つ解決できたので解決方法をまとめておきます。 現象 その現象がこちら。わかりますか? Mac版のGoogle Chromeなんですが、トラックパッドを2…

HomebrewをつかってMacにffmpegを導入する。

Mac

1. Homebrewのインストール /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 2. ffmpegをインストール brew install ffmpeg 3. (動かない場合は)lameもインストール brew install lame 関連記事 kim…

ffmpegのエラーを解決する(dyld: Library not loaded: /usr/local/opt/lame/lib/libmp3lame.0.dylib)

Mac

ひさしぶりにmp4をgifに変換したくなったのですが、手順をすっかり忘れていて、 自分のブログを検索したら、 この記事 がヒットしました。kimizuka.hatenablog.com過去の自分に感謝しながら、 ffmpeg -i input.mp4 -r 8 -s 480x360 output.gifを叩くと、 dyl…

SafariCloudHistoを終了する

Mac

Flashをインストールしているときに、やれPhotoshopを閉じろだ、やれChromeを閉じろだと色々警告が出てその都度対応していたのですが、SafariCloudHistoを閉じろと言われて困りました。 起動した覚えがないからです。一旦インストールを中断してPCを再起動し…

AfterEffectsで連番書き出し

Mac

1. コンポジション > レンダリングキューに追加 2. 出力形式をPNGシーケンスに変更 3. ファイル名を変更したい場合は出力先を変更 #の数でゼロパディングの数を調整できます。 4. レンダリング! 以上です。

GitでリポジトリのURLを確認する

Mac

git remote -vでOK。

After Effects で背景透過の動画(アルファチャンネル付きmov)を書き出す

Mac

1. コンポジション > レンダリングキューに追加 2. レンダリング設定をこんな感じに 3. 出力モジュールのチャンネルをRGB + アルファに変更 4. レンダリング! 以上です。

MacBookのトラックパッドでピンチイン・アウトしたときにChrome拡大縮小するのを止める

Mac

システム環境設定 > トラックパッド > スクロールとズーム > 拡大/縮小 のチェックを外したら止まりました。

rbenv install で BUILD FAILED (OS X 10.11.6 using ruby-build 20160913) とエラーが出た場合の対処法

Mac

ひさしぶりに、 rbenv install 2.2.3でrubyをインストールしようとしたら、 rbenv install 2.2.3 Downloading ruby-2.2.3.tar.bz2... -> https://cache.ruby-lang.org/pub/ruby/2.2/ruby-2.2.3.tar.bz2 Installing ruby-2.2.3... BUILD FAILED (OS X 10.11.6…

Macの開発環境を整える 2016

Mac

OSをアップデートするたびにMacを初期化しているのですが、以前まとめた開発環境が若干古くなってきたため、一新しようと思います。kimizuka.hatenablog.com 変更した設定 キー入力周り 入力ソースに日本語(ひらがな)を追加 ライブ変換をOFF 推測候補表示…

Macのスクリーンショットあれこれ(保存場所変更・ファイル形式変更・名前変更・影の有り無し変更)

Mac

保存場所変更 変更 defaults write com.apple.screencapture location #{保存場所のパス}killall SystemUIServer Desktopに戻す defaults delete com.apple.screencapture locationkillall SystemUIServer ファイル形式変更 JPGに変更 defaults write com.ap…

Slackで自分の発言を検索する

Mac

from:meで検索。

ffmpegをつかってmp4をリサイズしてgifアニメに変換する

Mac

FFmpeg 取り急ぎメモ。 ffmpegの導入手順とかは別途まとめたいところ。 i で インプットを指定 r でFPSを指定 s で出力サイズを指定 なので、 ffmpeg -i input.mp4 -r 8 -s 480x360 output.gifだと、input.mp4 を 8FPS で 480 × 360 で書き出します。

gem update --system ができなかったので色々やってみました

Mac

事象 最近、openFrameworks やら node.js やらにうつつを抜かして、いわゆるマークアップをする機会がなかったのですが、ひさしぶりにcompassを使おうとすると、 /Users/nanashi-gonbei/.rbenv/versions/2.2.2/lib/ruby/site_ruby/2.2.0/rubygems/core_ext/k…

homebrewを入れなおす(アンインストール&インストール)

Mac

brew doctorを叩いたところ異常が見つかったため、入れなおすことにしました。 OSをアップデートしたタイミングでおかしくなったような気がします。 またOSをアップデートするとおかしくなるかもしれないので、忘れないようにメモしておきます。 アンインス…

Express と socket.io をつかったサーバを Heroku にデプロイする

Herokuとは heroku.com条件付きですが無料でWebアプリケーションを公開できるプラットフォームと理解しております。kimizuka.hatenablog.com今回は、以前つくった こちらのソース をherokuにデプロイしてみましょう。 まず、ソースを若干修正します。 ソース…

SublimeText2でスニペットを登録・編集する

Mac

Macであれば、 ~/Library/Application\ Support/Sublime\ Text\ 2/Packages/Userに、#{スニペット名}.sublime-snippet というファイル名で保存されています。なので、ターミナルで、 open ~/Library/Application\ Support/Sublime\ Text\ 2/Packages/Userを…

ArduinoからPOSTでデータを送信してNode.jsで受け取る

Mac

arduino、ルーター、PCを上記のように繋いで、ArduinoのA0ピンの値をサーバにPOSTしサーバ側で値を読み取るサンプルです。 arduino #include <SPI.h> #include <Ethernet2.h> // シールドのMACアドレス byte mac[] = { 0xDE, 0xAD, 0xBE, 0xEF, 0xFE, 0xED // ここをEthernet Shi</ethernet2.h></spi.h>…