グリマスのボイスを簡単にダウンロードできるブックマークレットを作りました

こんにちは。

今回は、GREEのミリオンライブ!内にあるボイスを

ダウンロードしやすくするための

ブックマークレットを作成しましたので、

ご紹介したいと思います。

これを使えば、

わざわざページのソースからURL抜いて〜みたいなことは

しなくても大丈夫です。

機能説明

1.アイドル詳細のボイス一覧について

2パターン用意しました。

1つ目は、ゲーム内のページに直接音声ファイルを埋め込むもの。

スクリーンショット 2017-10-31 22.48.41

2つ目は、ボイスの音声ファイルを新しいウィンドウで一覧表示するもの。スクリーンショット 2017-10-31 22.48.50.png

アップデート

2.誕生日ボイス・ボイスドラマについて

誕生日ボイスやボイスドラマの音声ファイルを別窓で表示できるものも作りました。

スクリーンショット 2017-11-01 22.01.38.png

そもそもブックマークレットって何?

ざっくりいうと、

ブックマークをポチッと押すだけで

ページ内をあれこれしてくれる

便利なプログラムです。

導入方法

今回はGoogle Chrome(Windows, Mac)で説明します。

他ブラウザでもやり方は同じです。

(他ブラウザでの動作確認はしてませんご了承ください)

1.ブックマークバーで右クリックして、「ページを追加」をクリック

スクリーンショット 2017-10-31 22.40.04

2.下のような画面になります

スクリーンショット 2017-10-31 22.40.54

3.名前はお好みで、URLの部分に以下のコードをそのまま貼り付けてください

コードは以下のリンクから取得します

スクリーンショット 2017-11-18 23.32.04.png

(※途中で改行はしないでください!)

アイドル詳細の1つ目の方のコード

アイドル詳細の2つ目の方のコード

誕生日ボイス・ボイスドラマの方のコード

 


追記3

※無駄な記述部があったため修正しました。

動作には影響ありません。


追記4

コード文が一部欠損しており、

何度修正してもwordpress上で反映されない不具合があったため、

表示方法を変更しました。


4.任意のフォルダやブックマークバーに保存すれば導入完了です


追記

うまく動かない場合はコード中のvar sounds=以降にある

document.getElementById(‘gree-game-container’).firstChild.contentWindow.

の部分を削除してみてください。

MacのSafariの場合はこれで動きました。


追記2

ユーザーエージェントがスマートフォンの場合、

上記「追記」の対策を行ってください。

GoogleChromeやSafariでユーザーエージェントをiPhoneにした場合はそれで動きました。

これはPC版サイトがインラインフレームという外箱みたいなものを用意していて、

その中にスマホ用サイトを埋め込んでいる形をとっているためです。

document.getElementById(‘gree-game-container’).firstChild.contentWindow.

という部分はその外箱を考慮した記述なので、

ユーザーエージェントがスマートフォンの場合はこの部分は要らないということになります。


使い方

アイドル詳細の方

1.まずはPCブラウザ版ミリオンライブ!を開いて、アイドル一覧へ

スクリーンショット 2017-10-31 22.34.20

2.お好きなアイドルを選んで、詳細画面へ

スクリーンショット 2017-10-31 22.35.51

3.下にスクロールするとボイス一覧がありますね

スクリーンショット 2017-10-31 22.36.09

4.この状態で先程作成したブックマークをどちらか1つクリックすると

以下のようにプレーヤーが表示されます。

5.プレーヤー右端の矢印のマークをクリックすれば保存することができます

誕生日ボイス

1.誕生日ボイスの場合は「その他」タブから

スクリーンショット 2017-11-01 22.01.07

2.緑の再生ボタンを押して

スクリーンショット 2017-11-01 22.01.22

3.この状態で先程のブックマークをクリックしましょう

誕生日ボイスは再生ボタンを押さないと音声ファイルのURLが出てこないので、

いちいちアニメーションを再生する形になってしまいます。

ご了承ください。

ボイスドラマの方

1.ボイスドラマのPSL編やキャラバン編、アイドルエピソードを開く

2.再生ボタンを押す

スクリーンショット 2017-11-01 22.29.35

3.この画面で誕生日ボイス同様ブックマークをクリックしましょう

注意点

実は「ボイス」タブではなく「プロフィール」,「その他」を表示した状態でも

この機能を使うことができますが、

違うページへ遷移した場合音声ファイルの埋め込みはリセットされてしまいます。

スクリーンショット 2017-10-31 22.36.09

追記

また、使用するブラウザによって表示されるプレーヤーのデザインが異なります。

スクリーンショット 2017-11-01 1.05.37.png

ダウンロードボタンが見当たらない場合でも

右クリックメニューから別名でダウンロードができるかもしれないで、

おためしください。

(画像はSafariの例)

最後に、あくまでも私的利用の範囲内でお願いします!


不明点や改善点等はコメントかTwitter(@nbleft)までお願いします。

広告

DELL inspiron 15R SE 7520 のHDDを換装する

どうも。

今回は備忘録として、

ノートパソコンのHDD不良による故障を

HDD換装によって自己修理する流れを書き留めます。

 


製品

 

img_3654

修理するパソコンは、

DELL inspiron 15R SE 7520

購入したのは2013年4月なので、もう3年以上経っています。

後継機が出ているので、この型はもう販売していないと思います。

 


 

症状

 

このパソコンは過去に何度もぶっ壊れては直しを

繰り返してきました。

その問題のほとんどは、OSが起動しなくなるというもの。

 

そういう場合はだいたいリカバリディスクを使うと直るのですが、

リカバリディスクはおろかスタートアップ修復すら

立ち上がらなくなるレベルにまでなったので、

次なる手段としてOSをクリーンインストールすることで

強制的に解決していました。

 

こういった問題の主たる原因は、

HDDの損傷です。

 

OSクリーンインストールでだましだまし直したところで、

また同じ問題が発生するのは目に見えているので、

ついにHDDを新品に交換することにしました。

(パソコン新調する金があるなら是非そちらをおすすめしたい。)

 


用意するもの

 

  • 精密ドライバー
  • 内蔵HDD(2.5インチ, 9.5mm)
  • 新しいOSのインストールメディア

 

HDDはサイズが何種類かありますが、

このPCでは2.5インチ、9.5mmのものです。

1TBでだいたい6千円あればお釣りが来ます。

私は価格.comで売れ筋1位だった

TOSHIBA MQ01ABD100をドスパラの通販で購入しました。

(祝日の14時に注文したら1時間で発送完了されて、翌日午前に届きました。早すぎ。)

 

OSはお好きなものを用意してください。

私はMicrosoftが大学と提携して関係者向けに無料配布している

Windows7を使用しました。

(Microsoft Imagineというサービスです。旧名Dream Spark。)

.isoファイルを落として、USBメモリに焼きました。

 

 


手順

 

HDDを交換してOSをクリーンインストールします。

 

DELLの製品サポートのページで、

PCの底面に記載されているサービスタグを入力すると、

自分の使用しているPCについての情報を得ることが出来ます。

オーナーズマニュアルには分解方法が書かれているので、

そちらを参考にするとよいでしょう。

 

ではHDDの交換手順を説明します。

 

まずはACアダプタを外し、バッテリーを抜き取ります。

img_3656

電源が接続されていない状態で作業しましょう。

 

次に底面の3箇所のネジを外します。

IMG_36572.png

L字型のカバーがいくつかのツメでハマっているので、

ゆっくり剥がすようにして外します。

写真向かって上の方から外していくと外しやすいと思います。

 

カバーを外すと、このようにHDDとメモリが入っています。

img_3658

 

HDDを固定している4つのネジを外します。

img_36592

 

黒くて薄い弁がついているので、

これをつまんで少し上に持ち上げ(①)、

引っ張って端子から外します(②)。

IMG_36602.png

 

HDDを外しました。

img_3661

 

HDDの両側面のネジ2箇所ずつ計4つを外し、

固定用の薄い金属板を外します。

img_3662

 

が、

ここのネジがマジで固い。

全然回らん。

 

どう頑張っても1つしか外せませんでした。

もうマヂ無理。

img_3664

 

でも金属板のカバーが無いとHDDが固定できないし…

 

せや!

img_3665

強硬策に出ました。

この金属板はとても柔らかいので、

1つだけ外れたところからひん曲げて金属疲労でちぎってやりました。

持ち運ばないし、1箇所固定できてればいいよね…。

 

歪んだ切れ端はペンチで整形すれば問題なく装着できました。

img_3666

 

あまり推奨されない行為なので、みなさまに於かれましては

どうにかして外してください。

 

あとはHDDを外した逆の順番で取り付けて、

カバーを戻せば換装作業は終了です。

 

電源を入れたらすぐに[F12]キーを押して、

予め作成したインストールメディアの入ったUSBメモリを挿入し、

USB Storage Deviceを選択して起動します。

img_3669

CDやDVDの場合はそちらを選択してください。

 

あとは通常のOSインストールになります。

img_3672

 

 

このままOSインストールを終えても、

無線LANやグラフィックなどのドライバが何もない状態ですので、

必ず購入時に付属していたドライバインストールメディアから

適宜インストールしてください。

 

おわり。

 


 

余談

 

今回取り上げたDELL inspiron 15Rですが、

HDDの換装手順をググって出てくるのはだいたい

私の使っているものの後継機になります。

どうも私の使っている型についてのHDD換装方法が書かれた記事が

見つからなかったので、こちらで紹介しました。

ついでに製品仕様書にHDDの仕様が書かれていなかったので、

まとめて書き留めておきました。

 

たいていのノートPCだとHDDやメモリの換装は

今回のように底面のネジをいくつか外すだけで簡単に交換できるのですが、

どうやらそのinspiron後継機は

キーボード、パームレスト、ディスプレイ、マザーボードまで外さないといけないようで

ちょっと面倒な感じになっているみたいですね。

BTOパソコンが売りでオーナーズマニュアルまで用意するのに、

なんでこんな面倒くさい仕様にしてしまったんだか…。