みかづきブログ その3

本ブログは更新を終了しました。通算140万ユーザーの方に観覧頂くことができました。長い間、ありがとうございました。

👆

引越し先はこちらです!

Mac

Macの開発環境を整える 2021(Apple M1チップ編)

Mac

相も変わらず毎年セットアップしています。今回はM1チップのMacをセットアップしたので、ちょいと構成が変わりました。 変更した設定 キー入力周り 入力ソースに日本語(ひらがな・英字)を追加 入力ソースから英語を削除 ライブ変換をOFF 推測候補表示をOFF…

Macの開発環境を整える 2020(Catalina編)

Mac

毎年セットアップしている気がしますが、今回はOSがCatalinaになったことによってbashがzshになったのでパスを通すコマンドに変更があります。 あとGo2Shellが動かなくなったのでインストールするのをやめました。 変更した設定 キー入力周り 入力ソースに日…

Macの開発環境を整える 2019 春(MAMP・Cyberduck・Docker・Go・rbenv・bandler・ImageMagick・MySQLの導入)

Mac

昨年末に最低限の環境を整えたのですが、もろもろ開発を進めるに当たって追加で色々導入したので、導入手順をまとめておきます。kimizuka.hatenablog.com MAMP www.mamp.infoPHPのサイトをリニューアルするために導入しました。 ローカルでMySQL、Apache、PH…

BacklogのGitをSourceTreeをつかってクローンしようとすると認証に失敗するのをなんとかする

Mac

タイトルの通りなんですが、BacklogのGitをSourceTreeをつかってクローンしようとすると認証に失敗してしまうので困ってました。 クローンできるようになるまでの手順をまとめます。 ➊ ユーザー名・パスワードを確認する backlog.comよくよく調べてみると、U…

MacのSafariで、ペーストして形式を合わせるのショートカット

Mac

いつも、「command」+「shift」+「V」を押して、「なぜ効かないんだ!」とイライラしていたのですが、 Macを使い始めて10年目にして、正しくは、「option」+「command」+「shift」+「V」だということに気づきました。基本的にはChromeを使っているので、そん…

ffmpegでwebmをmp4に変換する

Mac

ffmpeg -i filename.webm filename.mp4でOKです。 ffmpegの導入方法はこちら kimizuka.hatenablog.com

Macの開発環境を整える 2018 決定版

Mac

今年の3月に更新したばかりですが、開発環境に若干の変化があったためまとめ直します。 決定版と書いてありますが、あくまで自分用メモです。年に2回目なので昔のパワプロ的な命名にしてみました。用途はフロントエンドの開発がメインで、NodeJS、Unity、iOS…

MacBook Air (11-inch, Mid 2011)のバッテリーを交換する

Mac

www.apple.com新型MacBook Airが発表された今日この頃、愛用しているMacBook Air (11-inch, Mid 2011)のバッテリーが全く充電できなくなってしまったので、修バッテリー交換をするためにAppleStoreに持ち込んだのですが、パーツの生産が終了しており交換が不…

ffmpegをつかってmp4をmpeg2に変換する

Mac

ffmpeg -i filename.mp4 -vcodec mpeg2video filename.mpegこれでOKです。 ffmpeg -i filename.mp4 -b 9200 -vcodec mpeg2video filename.mpegビットレートを指定するとよりよい感じです。 ffmpegの導入方法はこちら kimizuka.hatenablog.com

Oculus Go のMACアドレスを確認する

Mac

www.oculus.comMACアドレスを確認する方法をメモしておきます。 1. ディベロッパー登録をする こちら( https://dashboard.oculus.com/ )のサイトからディベロッパー登録をします。 2. OculusアプリでOcuus Goを開発者モードにする 設定 > Oculus GoXXXX(…

iPhone SEがキャリアの電波を掴まなくなって、ずっと「検索中」になったとき対策

Mac

➊ SIMの確認 他のiPhoneに挿して試したところ、問題なさそう。➋ OSアップデート 本当はOSアップデートを試すべきだったんですが、 検証機として使っていたため、できればOSをそのままにしておきたかったのでスキップ。➌ 初期化 「設定」 > 「一般」 > 「リセ…

ffmpegをつかって連番画像からGIFアニメを生成する

Mac

0.png、1.png、2.png、3.pngという感じの連番画像をGIFアニメにしたいとき、 ffmpeg -i %d.png -vf palettegen palette.pngと、まずpalette.pngをつくり、 ffmpeg -f image2 -r 1 -i %d.png -i palette.png -filter_complex paletteuse anim.gifとカラーパレ…

「Oops, something went wrong. Upload failed」といわれてスライドシェア(SlideShare)に資料をアップロードできないとき

Mac

www.slideshare.netスライドシェアに全角日本語のタイトルのPDFをアップしようと思ったのですが、 「Oops, something went wrong. Upload failed」といわれてアップロードできませんでした。PDFのタイトルを半角英数にしたら無事にアップロードできました。

ffmpegをつかってiPhoneSEで撮影したMOVファイルをMacのQuickTimeで再生できる形を維持したままmp4に変換しつつ正方形にクロップしたい

Mac

kimizuka.hatenablog.comムービーを正方形にすることが多くなったのでメモしておきます。 ランドスケープ(横長) ffmpeg -i filename.mov -vf crop=1080:1080:420:0 -pix_fmt yuv420p filename.mp4 ポートレイト(縦長) ffmpeg -i filename.mov -vf crop=1…

Raspberry Pi 3 Model Bをらくらくセットアップ

Mac

mag.switch-science.com先日「Raspberry Pi 3 Model B+」が発表されましたがいかがお過ごしでしょうか。以前、買ったまま放置していた「Raspberry Pi 3 Model B」のセットアップをようやくセットアップしたので、その時の手順をまとめておきます。 思ってい…

Macの開発環境を整える 2018

Mac

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

MOVファイル(iPhoneで撮影した動画とか)をMacのQuickTimeで再生できる形を維持したままmp4に変換したい

Mac

以前は、 ffmpeg -i filename.mov filename.mp4という形で変換していたのですが、 MacのQuickTimeで再生しようとすると、 このファイルはQuickTime Playerと互換性がありません。 という感じで開くことができませんでした。 ffmpeg -i filename.mov -pix_fmt…

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…