pngで保存されるとinstagramでアップロードができない。
そこでjpgで保存されるようにすると便利だ。
その為にはterminalのコマンドラインで以下のコマンドを実行すればよい。

$ defaults write com.apple.screencapture type jpg
$ killall SystemUIServer

Mac PC で画面領域をはみ出すページ全体のスクショを撮る方法。

そもそも画面一部のスクリーンショットだけじゃなくて、 画面領域をはみ出すページ全体のスクショを撮ることができる ことを知らない人もいるかも、と思ってこの記事を書いています。

例えばこういう画像としてダウンロードできます。

やり方を二つ紹介します

Chrome Developer Tool を使う方法

1. developer tool を開く
2. 
3. 

Chrome 拡張を使う方法

色々あるかと思いますが、使ってみて便利そうだったものを紹介します。非エンジニアに紹介するなら上記の方法よりいいかもしれません。

ウェブページ全体をスクリーンショット - FireShot

https://chrome.google.com/webstore/detail/take-webpage-screenshots/mcbpblocgmgfnpjjppndjkmgjaogfceg/related?hl=ja

蛇足

Widonwsだと以下のショートカットでできるらしいです。未検証。

同僚曰く 「Windows＋SHIFT＋S が最強に便利」

Mac PCでショートカットを調べてみてすぐに出てこなかったのですが、もし知っている方いれば教えていただけるとありがたいです。

PCのDNSキャッシュをクリア

sudo dscacheutil -flushcache

chromeのDNSキャッシュをクリア

chrome://net-internals/#dns へアクセス
Clear host cacheをポチってchrome再起動

hostsファイルのパーミッションを変更

結局これで解決した

chmod 644 /private/etc/hosts

なんでパーミッション変わってんの...

【ゴール】

日付入力の際に、今日以降の日付しか入力できないように
バリデーションをかける

【メリット】

■　UXの向上
■　validate理解度向上

【開発環境】

■ Mac OS catalina
■ Ruby on Rails (5.2.4.2)
■ Virtual Box:6.1
■ Vagrant: 2.2.7

【実装】

※任意のメソッド名でvalidateを作成
※メソッドの処理を追記
　①「return if start_day.blank?」　で空かどうか判断
　②「if start_day < Date.today」で今日の日付を取得 & 条件分岐　＆　比較
　③「errors.add」でエラー文もついでに定義
　

model/item.rb

validate :date_before_start
validate :date_before_finish



  def date_before_start
    return if start_day.blank?
    errors.add(:start_day, "は今日以降のものを選択してください") if start_day < Date.today
  end

  def date_before_finish
    return if finish_day.blank? || start_day.blank?
    errors.add(:finish_day, "は開始日以降のものを選択してください") if finish_day < start_day
  end

以上！！

【合わせて読みたい】

■RubyとRailsにおけるTime, Date, DateTime, TimeWithZoneの違い
https://qiita.com/jnchito/items/cae89ee43c30f5d6fa2c

■ 【ERROR メッセージ表示】rails 部分テンプレートでいつでも使える　簡易版
https://qiita.com/tanaka-yu3/items/63b189d3f15653cae263

■ 【Date.today】 今日だけの情報を取り出す方法　rails
https://qiita.com/tanaka-yu3/items/741711bd743b80eda51a

はじめに

macOS Big Surのデベロッパ向けベータ版が公開されましたね。
早速インストールしてみたところ、愛用しているKarabiner-Elementsが動作しなかったため¹、macOS標準の機能を利用してキー入力をリマップする方法について調査し、本記事としてまとめました。

macOS Big Surのデベロッパ向けベータ版は、本日より、developer.apple.com/jpを通じてApple Developer Programのメンバーに提供されます。Macユーザーに対しては来月中にパブリックベータプログラムがbeta.apple.comで提供されます。macOS Big Surは今秋、無料のソフトウェア·アップデートとして提供されます。互換性のあるMacのモデルを含む詳しい情報は、apple.com/macos/big-sur-previewをご覧ください。提供される機能は変更される場合があります。一部の機能は、国や地域、言語によっては利用できない場合があります。
https://www.apple.com/jp/newsroom/2020/06/apple-introduces-macos-big-sur-with-a-beautiful-new-design/

本記事では、次のmacOS標準の機能2つを組み合わせてリマップを実現しています。²

1. 修飾キーのアクション変更
2. hidutil³を利用したリマップ

リマップ元の物理キー	1. 修飾キーのアクション変更	2. hidutilを利用したリマップ	リマップ先の論理キー
Caps Lock4	Caps Lock ↓ Left Command	ー	Left Command
Left Command	Left Command ↓ Left Control	Left Control ↓ 英数	英数
Right Command	Right Command ↓ Right Control	Right Control ↓ かな カナ	かな カナ

この方法は、macOS Sierraで導入されたhidutilを利用しているため、macOS Sierra以降で動作します。
なお、macOS CatalinaおよびBig Sur（ベータ版）については動作検証も実施済です。

修飾キーのアクション変更

1. 「システム環境設定」アプリで、「キーボード」を選択。
2. 「修飾キー...」を選択。
3. 次のように「修飾キー」のアクションを変更します。（Caps Lockについてはお好みで。）⁵

hidutilを利用したリマップ

hidutilにリマップ元およびリマップ先のキーコード（hex）⁶を指定して実行します。

$hidutil property --set '{"UserKeyMapping":[
  {
    "HIDKeyboardModifierMappingSrc": 0x7000000E0,
    "HIDKeyboardModifierMappingDst": 0x700000091
  },
  {
    "HIDKeyboardModifierMappingSrc": 0x7000000E4,
    "HIDKeyboardModifierMappingDst": 0x700000090
  },
]}'

今回利用したキーコード（hex）は以下となります。

キー	キーコード（hex）
Left Control	0x7000000E0
Right Control	0x700000091
英数	0x7000000E4
かな カナ	0x700000090

なお、hidutilで設定した値はmacOSの再起動時にクリアされてしまいます。
対処方法としては、~/Library/LaunchAgents に以下の com.example.KeyRemapping.plist⁷ を配置することで、macOS起動時に毎回hidutilが実行されるようになります。

com.example.KeyRemapping.plist

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
    <key>Label</key>
    <string>com.example.KeyRemapping</string>
    <key>ProgramArguments</key>
    <array>
        <string>/usr/bin/hidutil</string>
        <string>property</string>
        <string>--set</string>
        <string>{"UserKeyMapping":[
          {
            "HIDKeyboardModifierMappingSrc": 0x7000000E0,
            "HIDKeyboardModifierMappingDst": 0x700000091
          },
          {
            "HIDKeyboardModifierMappingSrc": 0x7000000E4,
            "HIDKeyboardModifierMappingDst": 0x700000090
         }
        ]}</string>
    </array>
    <key>RunAtLoad</key>
    <true/>
</dict>
</plist>

参考文献

• macOS Big Sur
• Karabiner-Elements
• Karabiner completely broken on macOS Big Sur #2331
• Remapping keys on macOS
• USBキーボードのキーコード
• Technical Note TN2450 Remapping Keys in macOS 10.12 Sierra

---

1. すでに Karabiner completely broken on macOS Big Sur #2331 として、Issue登録されていたので今後の改善に期待しています。 ↩

2. 今回の「Left Command」のように、リマップ元とリマップ先に同じキーがあるとhidutilだけでは実現できなかったため、修飾キーのリマップを組み合わせています。リマップ元とリマップ先に同じキーがないリマップの場合はhidutilだけで事足りると思います。 ↩

3. hidutilはmacOS Sierraから導入されているキーリマップツールです。 ↩

4. Apple内蔵キーボードはCaps Lock。外付けのHHKB Professionalも利用しているので、そちらはLeft Controlをリマップしています。 ↩

5. macOS Big Surはまだベータ版のため、スクリーンショットはmacOS Catalinaで採取したものになります。 ↩

6. USBキーボードのキーコード はTechnical Note TN2450 Remapping Keys in macOS 10.12 Sierraにも載っていなかった「英数」、「かな カナ」キーの記載もあり、とてもわかりやすかったです。 ↩

7. https://gist.github.com/chuyeow/2ab2d3e6a649389cea58f4d31f7f6d53#file-com-example-keyremapping-plist を参考にしています。また、好みの問題ですが私はexampleの部分をuserIdに変更して利用しています。 ↩

このページの目的

MMD関連のツールはWindows前提です。

Mac OS CatalinaではWineが動作しないため、Parallels Desktopを使ってMacOS上でWindowsを動かし、MMD制作環境を作成します。

環境

MacBook Pro 2019年モデル (OS: MojaveからCatalinaにアップグレード済)

なぜParallels Desktopを選んだか

MacでWindowsを利用する方法は複数ありますが、このページの作者は下記の理由でParallels Desktopを選びました。

一言で言えば他の方法がとにかく面倒だからです。

• Windows用のパーティション分割が不要
  • BootCampが面倒
• 動作が軽快
  • VMWare FusionとVirtualBoxは重い
• MacOSとWindowsの移動がシームレスにできる
  • BootCampだと再起動が必要
  • MacとWindowsでドキュメントやダウンロードフォルダが共有できる
  • Coherenceという表示を使うとDockからWindowsが呼び出せる

このページでやること

Step 1 Parallels Desktopのインストール

公式からdmgをダウンロードし、表示される手順に沿ってインストールします。

今回は無料版で、IE11が苦手なのでLegacy Microsoft Edge for Windowsを選びました。ブラウザは後からインストールできるので、Windows10ならどれを選んでも心配ないと思います。

起動ユーザのパスワードが表示されたら控えておきましょう。忘れるとWindowsにログインできません。

https://www.parallels.com/jp/products/desktop/trial/

Step 2 Windowsの設定

Windows起動直後は英語のみなので、日本時間、日本語の設定をします。インストーラなどの表示がわかりやすくなるので日本語設定はおすすめです。

時刻

Settings-> Date and Time で日本のタイムゾーンを選択します

言語

Settings-> Time and Languages で日本語パックをインストールします

日本語を選択後、再起動すると画面表示が日本語になります。

システムロケールの設定

下記のページを参考に行いました。これを設定しないと所々文字化けします。

※この章はMMDを動かしてから気がついて追加したので、下の章でのMMDは画面が所々文字化けしています

http://thought.hitoyam.com/entry/2011-02-25-parallelswindows7misconversion

解凍ソフト

Windows標準だとトラブルになりやすいので、Explhzをインストールしておきます

ダウンロードしたファイルのブロック解除設定

dllがブロックされ起動しなくなる問題の回避策です
https://www.atmarkit.co.jp/ait/articles/1603/11/news050.html

その他お好みで

メモ帳とEdgeが苦手な方は、テキストエディタとブラウザがあると便利かもしれません。

MMDでテキストファイルを編集する場合があるので、サクラエディタなどテキストエディタはある方が良いです。

Paralles Desktopの高速化も必要があれば行いましょう。
https://mac-windows-pc.com/parallels-desktop-settings#toc11

MMDとPMXEditorのインストール

https://sites.google.com/view/vpvp/ から 1.4 MikuMikuDance(64bitOS Ver) をダウンロードして適当な箇所に解凍します。

この1つのzipにMMDとPMXEditorが含まれていますので、それぞれを使えるようにします。

MMDのセットアップ

.Net FrameworkはWindowsにインストール済でした。

MMDのReadmeに記載されているランタイムをインストールします。ファイル名が同じですが全て必要です。
インストール時に出るポップアップが文字化けしましたが特に問題ありませんでした。

• http://www.microsoft.com/ja-jp/download/details.aspx?id=15336
• http://www.microsoft.com/ja-jp/download/details.aspx?id=14632
• http://www.microsoft.com/ja-jp/download/details.aspx?id=35&

MMDのReadmeに記載がありませんが、Side by SideエラーでMMDが起動しないため、Visual C++ 2005 Service Pack 1 再頒布可能パッケージのインストールも必要でした。
トラブルシューティングは下記が参考になりました
http://akatonboaka.blog86.fc2.com/blog-entry-117.html

以上４つをインストールして　MikuMikuDance.exe をダブルクリックして画面が起動すればMMDセットアップは成功です。

モデルを開いてみましょう。ここでは 眠い様 の期間限定配布モデルを開きます。

無事にモデルが開けました。これでMac OSでもMMDを使ってモデルを動かせます。

PMXEditor

画面が崩れるので下記を参考にして起動します。以降はお好みでプラグインを入れましょう、
https://ch.nicovideo.jp/rightsideonrococo/blomaga/ar992053

有償版へのアップグレード

トライアル期間が過ぎて使いたい場合、画面の指示に従ってライセンスキーを購入します。

オンライン決済できるクレジットカードとメールアドレスが必要です。

Manchester United vs Sheffield United İngiltere Premier Ligi Maçı 19:30 İngiltere saatiyle başlar ve BT Sports İngiltere'de canlı yayın yaparken NBCSN maçı ABD'de canlı yayınlayacak. Sonunda onay işareti bulunan bağlantılar zaten kontrol edilmiş ve çalışıyor. (çoğu başlama vuruşuna daha yakın başlar)

Hayat Ben Manchester United vs Sheffield United Live

lIvE?►Burayı Tıklayın

lIvE?►İngilizce Premier Lig Canlı

Hayat ?►Manchester United vs Sheffield United Live

Geçtiğimiz Cumartesi, Manchester United'ı 1-2 kaybetti. Bu onu Sheffield United için üst üste ikinci kayıp yapar.

Manchester United, bu sezon Sheffield United'a karşı ilk yarışmalarını bir baharda bıraktı. Sheffield United bir mermiden kaçtı ve Manchester United'ı 1-0 tamamladı. Sheffield United, ekiplerin son kez karşılaştığı Manchester United'a verdikleri 0–1 yenilgisi için bu geri ödemeyi düşünebilir.

Sheffield United’ın zaferi onları 1–0–1'e (dört puan) yükseltti, Manchester United’ın kaybı ise onları 0–2'ye (sıfır puan) düşürdü. Sheffield United'ın son başarılarını tekrar edip edemeyeceğini veya yeni gelen Manchester United'ın geri döndüğünü ve servetini tersine çevirip çeviremediğini göreceğiz.

Manchester United vs Sheffield United İngiltere Premier Ligi Maçı 19:30 İngiltere saatiyle başlar ve BT Sports İngiltere'de canlı yayın yaparken NBCSN maçı ABD'de canlı yayınlayacak. Sonunda onay işareti bulunan bağlantılar zaten kontrol edilmiş ve çalışıyor. (çoğu başlama vuruşuna daha yakın başlar)

Hayat Ben Manchester United vs Sheffield United Live

lIvE?►Burayı Tıklayın

lIvE?►İngilizce Premier Lig Canlı

Hayat ?►Manchester United vs Sheffield United Live

Geçtiğimiz Cumartesi, Manchester United'ı 1-2 kaybetti. Bu onu Sheffield United için üst üste ikinci kayıp yapar.

Manchester United, bu sezon Sheffield United'a karşı ilk yarışmalarını bir baharda bıraktı. Sheffield United bir mermiden kaçtı ve Manchester United'ı 1-0 tamamladı. Sheffield United, ekiplerin son kez karşılaştığı Manchester United'a verdikleri 0–1 yenilgisi için bu geri ödemeyi düşünebilir.

Sheffield United’ın zaferi onları 1–0–1'e (dört puan) yükseltti, Manchester United’ın kaybı ise onları 0–2'ye (sıfır puan) düşürdü. Sheffield United'ın son başarılarını tekrar edip edemeyeceğini veya yeni gelen Manchester United'ın geri döndüğünü ve servetini tersine çevirip çeviremediğini göreceğiz.

Manchester United vs Sheffield United İngiltere Premier Ligi Maçı 19:30 İngiltere saatiyle başlar ve BT Sports İngiltere'de canlı yayın yaparken NBCSN maçı ABD'de canlı yayınlayacak. Sonunda onay işareti bulunan bağlantılar zaten kontrol edilmiş ve çalışıyor. (çoğu başlama vuruşuna daha yakın başlar)

Hayat Ben Manchester United vs Sheffield United Live

lIvE?►Burayı Tıklayın

lIvE?►İngilizce Premier Lig Canlı

Hayat ?►Manchester United vs Sheffield United Live

Geçtiğimiz Cumartesi, Manchester United'ı 1-2 kaybetti. Bu onu Sheffield United için üst üste ikinci kayıp yapar.

Manchester United, bu sezon Sheffield United'a karşı ilk yarışmalarını bir baharda bıraktı. Sheffield United bir mermiden kaçtı ve Manchester United'ı 1-0 tamamladı. Sheffield United, ekiplerin son kez karşılaştığı Manchester United'a verdikleri 0–1 yenilgisi için bu geri ödemeyi düşünebilir.

Sheffield United’ın zaferi onları 1–0–1'e (dört puan) yükseltti, Manchester United’ın kaybı ise onları 0–2'ye (sıfır puan) düşürdü. Sheffield United'ın son başarılarını tekrar edip edemeyeceğini veya yeni gelen Manchester United'ın geri döndüğünü ve servetini tersine çevirip çeviremediğini göreceğiz.