• ポケモンGO!をスマホで生放送配信する方法(android/iphone)【ニコニコ生放送】

    2016-07-22 18:3611

    ども。@どMなキョンです

    いよいよ7/22から配信開始されたポケモンGO!ですが、そうなるとこのゲームを配信しながらプレイしたいという人もいるはず。


    過去にパズドラを配信する方法なんてのを書きましたが、あの頃とだいぶ環境も変わってるので新しく書いてみようと思います

    ---------はじめに ポケモンGO!の配信時の注意

    歩きスマホに注意というのはもちろんですが、自宅から配信を始めると住んでいる場所が割れることがあります。自宅から離れたところから配信をはじめて、帰る前に配信を切りましょう

    このアプリはスマホの画面をリアルタイムでミラーリングするので、LINEや電話の着信など全ての画面が映ってしまいます。プレイ専用の端末を用意するなどして、個人情報が漏れないようお気をつけください


    -----詳しい説明---

    mobizenというアプリをインストールします

    https://www.mobizen.com/?locale=ja

    ちなみに、音は入らないので、イヤフォン端子からPCにライン入力するなどしてください






    PC、スマホの両方に Mobizenをインストールします(iphone版は下の方で説明しますのでとりあえずPC用ソフトだけインストール)

    PC
    https://www.mobizen.com/?locale=ja

    android
    https://play.google.com/store/apps/details?id=com.rsupport.mobizen.cn

    そして、データ通信に対応したUSBケーブルでスマホとPCを接続しておきます
    (画面を映すときは常にUSBケーブル接続になります)




    インストール完了。



    ↑スマホ版もインストール。今回はFacebookで認証しました(メアド、google+でもOK)



    ↑PC版を起動したところ。 認証コードが出るのでスマホに認証コードを入れます


    接続に失敗しました。なぜだ。




    ↑スマホの画面を見ると、「開発者向けオプション」「USBデバッグ」をオンにしろとある




    ↑オンにしました

    さらに調べると、パソコンに認識させるには、手持ちのandroidの機種に対応した ADB USBドライバーというのが必要らしい。

    「自分のスマホの型番 ADB USBドライバー」で検索



    自分のはSHARP製だったので、とりあえずダウンロードします
    ZIP圧縮されたファイルなので、解凍しておきます



    ↑解凍したところ。ファイルの場所を覚えておきます

    今回のケースでは
    ダウンロード/usb_driver_SHARP になります



    マイコンピュータを右クリック → プロパティ → システムの 「デバイスマネージャー」 を開き 「ほかのデバイス」→ 「Android ADB Interface」を右クリック → 「ドライバー ソフトウェアの更新」を押します




    「コンピューターを参照してドライバーソフトウェアを検索します」を押して
    さっきZIPを解凍したところを指定します

    (今回はダウンロード/usb_driver_SHARP)




    ↑デバイスソフトウェアをインストールします



    完了しました

    この状態で 再度 mobizenを起動、認証番号をいれると スマホの画面がPCに表示されるはず。










    ------■■■■ iphone版 ■■■■------

    ちなみに、iphoneの画面をPCに映す時は、左上の iOSボタンで切り替えます






    Bonjour Print Services for Windowsをインストールしろと言われるのでインストールします
    https://support.apple.com/kb/DL999?viewlocale=ja_JP&locale=ja_JP









    iPhoneとPCをケーブルで接続し、iPhoneの「AirPlay」メニューから、Mobizenを選択します
    あとは、android版と同じように認証して使用してください





  • 広告
  • 2016年版 Twitterに高画質な画像をアップする方法【透過PNG】

    2016-06-13 11:364


    ども。@どMなキョンです。

    仕様変更の多いTwitterですが、最近ではPNGがJPGに強制的に変換されるなどと
    話題になっていたのでいろいろと調べてみました

    まず、過去の自分のブログを見てみると
    http://ch.nicovideo.jp/dom_kyon/blomaga/ar856915

    2014年時点で画像は5MB以下、アニメーションGIFは3MB以下との記載がある。
    今はどうなっているのか。
    試しに、10MBのJPGをアップしてみる。

    アップできた。が、やはり縮小されているようで、実際にアップされているのは1.22MBのJPGで、1/10まで圧縮されている。

    PNGはどうか。

    23MBもあるので少し時間がかかったが、アップされた。
    こちらも1.15MBに圧縮されていて微妙にJPGより劣化している

    このへんの仕様変更は、
    「デジカメで撮った画像でもガンガンアップしてね、圧縮はTwitterがやるからね」
    ということなのだろう。

    ただ、TwitterのJPG圧縮があまりに適当なので「少しでも綺麗に見せたい」と思っている、絵師やクリエイターにとっては非常に気になるところなのである




    ↑こちら、JPG圧縮が苦手とする「赤と黒」で描かれたイラスト。137kb
    これをツイートしてみると

    容量は84kbになっていたが、問題はその画質。


    ↑もとの画像


    ↑ツイートした画像

    よく見ると、かなり潰れているのが分かる

    少し前は、これを回避するために、「PNG形式でツイートすると劣化しない」という方法が流行したのだが、2016年のいまPNGをツイートするとどうなるか。

    なんと、PNGもJPGに強制変換され、84kbになっていた。当然、細かい部分は潰れている。
    うーん。なんてことだ。Twitterも終わったな。

    いろいろ調べると、「透過PNGにすれば劣化しない」という情報をみつけた。

    透過PNGとは、画像の一部が透けているというもので、公式ホームページなんかでよく使われているアレだ。



    ↑フォトショップなどで開くと、格子状になってる背景が透明部分になっているのがわかる。


    横から見るとこんな感じか。

    何もない背景の上に、イラストが描かれたセル画が載ってると思ってもらえればいい。(グラフィックソフトではこのセル画のことをレイヤーと呼ぶ。)コスプレイヤーではない。

    ちなみに、これをツイートするとこんな感じに見える

    「おいおい、俺の描いた絵には透明にするところなんかねえぞ」
    とおっしゃられる方もいると思うので説明すると

    「画像のどこでもいいから1ピクセルでも透明になってればいい」

    ということらしいのだ。

    そのやり方は、フォトショップ(有料ソフト)の場合は
    レイヤーの背景を右クリックして、「背景からレイヤーへ」を選択
    (これで、絵がセル画状態になる)



    次に、画像の目立たないところ(四隅とか)を1ピクセルだけ選択して
    deleteボタンで消去。消えたところが格子状になっているのがお分かりいただけるだろうか






    あとはこれをPNGで保存すればOK。

    無料ソフトで透過PNGを作るには「GIMP」をインストール
    http://forest.watch.impress.co.jp/library/software/gimp/




    起動したらこの窓に画像を放り込んで
    「レイヤー」→「透明部分」→「アルファチャンネルの追加」を選択
    これで、透明なセル画が1枚重なったことになる。






    ↑「チャンネル」に「アルファ(セル画)」が追加されているのを確認したら、
    左のツールから□アイコンを選び、画像の端っこの1ピクセルを選択、
    deleteを押す。すると消えたところが白くなるはず。



    ↑そのまま deleteをもう一度押してさらに消去。すると透明を意味する格子模様が出てきます。※格子模様が出ていないと透明になっていません。僕はここでハマりましたので注意。



    ↑ファイルから「名前をつけてエクスポート」→ [-]ファイル形式の選択 を押すと
    拡張子がずらっとでてくるので、下の方の「PNG画像」を選び、ファイル名を打ち込んで
    一番下の 「エクスポート」を押すと、透過PNGが保存されるので、それをツイートします

    ↑ちゃんとPNGのままツイートされました。

    お絵かきソフト「SAI」での透過PNGの作り方はこのへんを見てくだSAI
    http://www.pixiv.net/member_illust.php?illust_id=8145712&mode=medium

    では、透過PNGはどのくらいの容量までアップできるのだろうか。
    明らかに容量の多そうな画像を用意して、検証してみる


    3.56MBの透過PNG→JPGに強制変換されてしまった

    3.04MBの透過PNG→JPGに強制変換されてしまった

    ↑2.84MBの透過PNG→PNGのままいけた!!
    ということで、2016年現在の透過PNGの壁は、3MB未満あたりらしいですね。
    それより大きな画像は、なるべく高解像度なJPGをそのままブチ込むしかないと思います。


    -------------------------------
    次は、Twitterヘッダーの容量制限について。
    まず、ヘッダーもJPGやノーマルなPNGは強制的にJPGに変換され劣化する。

    これを踏まえて。



    ↑先の方法で作った透過PNGなら、綺麗にヘッダー設定できた。容量は566kb



    ↑なら、容量がデカそうなPNGはどうだ。元データ=1.75MB




    ↑見事に劣化した。




    ↑仕方ないので画像を少し削って透明部分を増やしてみる。1.35MB まだ劣化してる



    ↑1.14MBでようやく綺麗になった。

    結論から言うと、ヘッダーに関しては透過PNGであっても1MBを超えると劣化する
    ということになるのかな。1.75MBの透過PNGも、ツイート画像としてなら劣化なくツイートできた

    うーむ。それでもなんとか情報量の多い画像をヘッダーにするにはどうしたらいいのか。
    そこで思いついたのが PNG-8(透過あり) という形式



    これは色数を256色以下に減色することで容量を抑える、GIF画像みたいなものらしい



    ↑遠くから見た感じはまぁまぁキレイ。



    さすがに寄ってみると、昔のパソコンみたいな画面だけども
    とりあえずこれをヘッダーにしてみる




    ↑おおww いいんじゃないっすかwwww

    ちなみに、PNG-8であろうと、やはり透過PNGにしないと結局JPGに変換されるので注意。

    まとめ
    劣化せずに画像をアップしたいなら透過PNG
    ただし、通常ツイートは3MBまで、ヘッダーは1MBまで
    それを越えると強制的にJPG変換

    この情報は 2016.6のものです。新しく仕様が変わったりしていたら
    こちらまでご連絡いただけるとうれしす
    https://twitter.com/dom_kyon
  • とりあえずPCからTwitterに動画をアップする方法

    2015-11-24 21:473

    今回はとりあえずアップできればいいやって人用の記事。
    (高画質にこだわる人はこっち


    ①そのまま ツイート欄にぶっ込んでみる

    大抵の場合はこれで勝手に20秒のトリミングがかかって、投稿できるはず








    ②なんか拒否られるとき






    PC版のLINEをインストールしてる人は、自分だけのグループを作って
    そこに動画を投げ込んでみる (3分以内の動画の場合)
    そうすると動画を変換してくれるので、それをダウンロードしてからTwitterにアップ。




    ③youtubeに一度アップしてみる(3分以上の場合)

    youtubeにアップすると、大抵のフォーマットをH.264のMP4にしてくれます
    それをダウンロードしてからTwitterに放り込めばOKという訳。

    ちなみに、Twitterに放り込める動画は500MBまでという制限があります

    ※これは、500MBの動画を公開できるということではなく、
    Twitter側で処理して20秒にトリミングできる動画の容量上限が500MBですよということ。

    結局は、20秒までの動画になります。




    それ以上の動画を公開したいってときは、もうyoutubeにアップしてリンクを貼ったほうが良さそうです