ココロモチ、PSO2

ファンタシースターオンライン2(PSO2)で活動するマイキャラをゆるゆる眺めるブログです。

メイクパターン適当にまとめメイクパターン適当にまとめ インナーウェア適当にまとめインナーウェア適当にまとめ リボン・シニヨン(頭部アクセサリー)適当にまとめリボン シニヨン適当にまとめ カチューシャ・ヘアバンド(頭部アクセサリー)適当にまとめカチューシャ ヘアバンド適当にまとめ コサージュ・花飾り(頭部アクセサリー)適当にまとめコサージュ 花飾り適当にまとめ イヤリング・ピアス<br />適当にまとめイヤリング ピアス適当にまとめ メガネ・サングラス・ゴーグル適当にまとめメガネ サングラス ゴーグル適当にまとめ 眼帯・アイパッチ・目隠し適当にまとめ眼帯 アイパッチ 目隠し適当にまとめ タイツ・ストッキング・ソックス適当にまとめタイツ ストッキング ソックス適当にまとめ

カテゴリ: ブログ制作関連

今回はPSO2のゲームプレイとは関係が無い、ブログ運営についての覚え書き+αです。
なので、ブログとかそういうのに興味がない人にはゴメンナサイな内容となっています(本当)

だって、春やん?
新入学や新社会人な人のための季節物記事って大切やん?(震え)
PSO2
そんなわけで、難しい事ではなく経験則から感じた、ブログ運営にあたっての最近の基本的に知っておきたい事をなるだけ簡潔にメモしておこうと思います。

◆1 見てもらう人の環境になるだけ合わせたいよね。

ハイ。仕事だと今もって「NN4.7ガー」とか「JavaScriptガー」とかメンドクサイのですが、そんなレガシーサポートは“特別な事”と割り切って良いと思います。

こちら↓、最近の“ココロモチ、PSO2”の10万ビューのユーザー端末の内訳です。
ブログ運営で知っておきたいマメ知識
ほとんどの人(92.4%)はスマホかパソコンのフルブラウザで閲覧している事が分かります。
そして、その中でも大きな割合を占めているのがAndroid、iPhone、Windows7以降ですね。

◆2 つまるところ、ブログサービスが簡単なわけじゃん?

そうなると、作るにあたってデザインやレイアウトを気にするのはこの3機種と言う事になって、それらにシステム側で全て自動で対応してくれるのが、レンタルブログなどのウェブサイトシステム込みのレンタルサーバー:レンタルスペースです。
便利で簡単なブログを利用する
他にも有名なFacebookなど、色んなレンタルサービスを各社提供しています。
そんな多々あるウェブサイト配信系サービスの中でも「配信しやすい。」「記事を簡単に作成しやすい。」の2点で現在はブログを選択する人が多いのです。

そして・・・

色々と慣れてくると・・・

ブログというスタイルに飽きます(; ・`д・´)

◆3 自分でHTMLコードを書いたりって・・・何それ美味しいの?

各機種各ブラウザ自動対応に簡単記事作成だと、どうしても、レンタルブログ然としたレイアウトスタイルから抜け出すことは難しくて、サーバースペースだけ借りてブログシステムそのものを自分で構築したり、いわゆるウェブサイトやホームページと呼ばれるものを作るという泥沼へ足を踏み入れます(震え)
自分でウェブサイトをデザインして運営する
一言で言うと、各機種対応やレイアウトに関して全て自力で処理しなくてはいけないのでメンドクサイです。
でも、思うがままにデザインを構築できるというのは表現と創造の楽しみですよね~。

こちらは↓、“ココロモチ、PSO2”のレスポンシブシングルデザインサイトです。
ココロモチ、PSO2 | Designers Editionhttp://kururi-pso.blog.jp/designers/

スマホだとその操作はできませんが、パソコンブラウザの方はウィンドウサイズの変更を試してもらったり、主要ないくつかのブラウザで見てもらうと、「自分で作れば、こういう物も作れるのか!」と少し理解してもらえるかと思います。

もう少し、続くよヽ(o゜ω゜o)ノ

◆4 JQueryのバージョンは1.xと2.xのどれを使えばいいの?

次は、レンタルブログでも自前サイトでも、今では無くてはならない便利なアニメーションなどを動かすためのスクリプトにJavaScriptというものが有ります。
このJavaScriptというのは画像を動かしたり変更したりと様々な“動き”を実現するためのプログラム言語で、ブログやホームページのHTML記述内に書き込めるというとても便利な言語です。

JavaScriptでどういうことができるのかというと、マウスを画像に合わせると色が変化したり、↓こういうことができたりとウェブサイトを彩る“仕掛け”をページに埋め込むことができます。


コナミコマンドに対応した(; ・`д・´)
ハイ、超有名なゲームコマンドですね。Facebook公式やTwitter公式でも使えたりします。

→→→サンプルページ http://kururi-pso.blog.jp/designers/
konami command
※自分のブログにもコナミコマンドを埋め込みたい方は「 JQuery konami command 」で検索すると色々と出てきます。
無利用プランにもフリースペース
そんなんで、お手軽に使えるJavaScriptですが、お手軽な分だけに多くの人が色んなJavaScriptのプログラムを配布していて、バージョン対応も様々なんですよね。
そうすると、複数のJavaScriptを使用したためにブラウザでの表示が挙動不審になってしまう事も多く見られます。

そういう問題を解決してくれるのがJQueryというJavaScriptの共通エンジンです。
ファイル名は jquery.min.js となっていて、ページ内での呼び出しは、
1.x系ならば、

2.x系ならば、

こういう形で、Googleなどのライブラリ配信サーバーから利用できます。
その場合のファイル名の前のディレクトリ名は、バージョンを示していることが一般的です。

今まではAAAAというJavaScriptで画像の“色”を変更するためには、AAAAの中に画像のサイズやら何やらを取得するための命令を書いて、BBBBというJavaScriptで画像を“動かす”ためにも、BBBBの中で画像サイズやら何やらを取得するための命令を書かなければいけなかったのです。

でも、JQueryルールで作られたAAAA.JQueryとBBBB.JQueryなら、「この画像を動かせ」と命令するだけで画像に関する情報取得やらはJQuery本体がやってくれます。
これなら製作者が違うAAAA.JQueryとBBBB.JQueryでも安定して動作します。

そんな便利なJQueryですが、バージョンの多さに「どれを使えばいいの?」と悩む人が多いと思います。
ここ最近(2015年)思う、色んなJQuery JavaScriptを扱いながらの経験から、
  • ブラウザでのスクロールや移動などのマウスに追従させる“動き”で互換性を持たせたいのなら1.x系
  • スクロールや移動系が無くてスマホなどの新しい機種へ安定して“軽快に”動作させたいのなら2.x系
といった感じです。
ちなみに1つのページ内で複数のバージョンの jquery.min.js を呼び出す事は可能ですが、挙動不審の原因の一番手となります。
それなら、「古いバージョンのJQuery JavaScriptも2.x対応で書き直せばいいのは?」と思いますよね。でも、軽快動作と高い互換性の確保という事で、現在まだサポートしてない“動き”もあったりなのです。

最後に、JQueryは自前で用意するよりもGoogleなどの共通配信ライブラリを利用した方が便利なので、その配布先URLを記載しておきます。

Google Hosted Libraries
https://developers.google.com/speed/libraries/devguide#jquery

早朝はまだまだ足元が寒い日が続きますね~
陽が昇らない時間に出社して朝10時の締め切りに追われる毎日です。その分、ランチタイムは帰宅時間なので中の人にとっては夕食が安上がりで助かっています()

今日はいつものゲーム内活動の日記とは違いまして雑文です。
というのも、昨夜、新しいコスも増えたしスクショを撮ろうかなとと色々やっていたものの、
140313_1
なーんか、全然気に入った一枚が撮れない(; ・`д・´)…ゴクリ…(`・д´・ ;)

そういうときもあります><;

そんなわけで、今日はコスチューム絡みのスクショではなくて、何となく気に入ったけれども掲載することが無かったスクショでもアップしようかな+今さら聞けないスクショの保存形式の違いなどを~

↓こちらは光源の明るさ確認でテスト撮影していたときのボツな1枚。
理由は谷間の影が無いから(震え)
(コスチューム : シャルテリアクーレント紅)  ↓クリックすると大きな画像を表示できます。
シャルテリアクーレント紅
ちなみに、このブログの“本日の一枚”系のスクショの横縦(縦横)比率は297:210で最近は統一しています。
ハイ、Aサイズ(A4とかA3とかの用紙サイズ規格)なんです。

というのも、写真集などで使われる一眼レフというカメラの写真のサイズが3:2で、仕事柄そういったモノを日常的に扱っていて見慣れているということもあり、3:2に近く紙面サイズである297:210にトリミングして掲載しています。
(豆: デジカメ=4:3と16:9、写真のLサイズ=5:3.5)

PSO2でのスクショの保存形式はBMPで保存して、切り抜いてサイズを合わせてから、JPG形式でブログに掲載しています。

オプションウィンドウでBMPの他にもJPGとPNGという方式を選べるのでここで少し簡単に説明を。
※サンプル画像は説明通りのBMP、JPG、PNGファイルを表示させています。使用しているブラウザやスマホの種類によっては表示できない場合があるかもしれません。

BMP形式ファイル BMP は全ての画素に一つずつ色情報を持たせたいわゆる無圧縮画像です。

サイズもかなり大きいのでそのままではブログなどに掲載するのには向いていませんが、トリミングしたり解像度を変更したりするための加工用原画として優秀です。

JPG(80)形式ファイルJPG(30)形式ファイル JPG は視覚的に問題が無いように最適化した写真用の圧縮プログラムで圧縮する形式で、圧縮率も高く、デジカメにも多く採用され、ネット上で見る写真のほとんどはこのJPG方式の画像です。

非可逆圧縮形式なのでJPGから元のビットマップ画像(1ピクセル毎に色情報を持つ画像)に戻せないのですが、圧縮率も調節できるのでさほど問題ではありません。

PNG形式ファイル PNG はJPGとは違って可逆圧縮形式なのでBMPなどの元のビットマップ画像へ戻せる形式です。

元の画像の綺麗さのまま、BMPではできない圧縮によるファイルサイズ縮小であれば「JPGよりも良さそう」と思いがちですが、そこまで圧縮率は高くなくて、ブログで使用するのに向いているとは言い難いです。

沢山のスクショを撮ってゴミは即削除して即時作業をしたいのならBMP、長期保存でいつか使うかも?ならば、サイズが小さなPNGで作業時にBMPに戻すといった保存の仕方がハードディスクの使用量を節約できます。

どちらにしてもブログなどに掲載するときはスマホなどで閲覧する人も多いのでJPG形式にしてファイルサイズを抑えてからアップするのが良いかと思われます(=サイズ変更などの加工も不要ならJPGで保存でOK)。
画面サイズ参考


日々、大量にスクショを撮る事もですが、かなり素早く連打して撮ると、プレイ画面がモタついたり、BMPで保存するととんでもなくディスク容量を使いますよね~

ウチではRAIDシステムという仕事用の機材を公私混同職権乱用で使用中です()
今なら、大容量メモリーを間借りした仮想ディスク(Google検索用ワード : ラムディスク=RAMDISK)を作ってそれを使うのが圧倒的に速いしスマートかな?

プレイ内容とは関係が無い記事になってしまいました(; ・`д・´)

ついでにポーズとカメラアングルテスト中に撮れたボツな1枚を~
(コスチューム : 七森中学校冬服)  ↓クリックすると大きな画像を表示できます。
七森中学校冬服
表情はイイ感じなんだけどボツなんですよねぇ()

少しずつ暖かい日差しの日も増えてきて、帰り道のオヤツ散策の時間が増えてきました。
まだアイスコーヒーは冷たくて飲みにくかったです><;

2月中はどうにも仕事が忙しくて、予告緊急もお目当てのヤツに参加程度でしてブログ更新もサボり気味です。
PSO2
ゲームへの参加がなかなか覚束ない日々ですので、今日は少しこのブログについて等。

このブログも一応、サポーターズリンク登録済みということで、ほぼ1年ぶりにランキングを見てみました()

サポーターズリンク登録サイトって全5573件(2015年2月)もあるんですね・・・
さすがに探すのは大変なので日記カテゴリで絞り込んで(全2688件)・・・99ページ目にありました!
堂々のランク外(震え)
PSO2
ウチのブログってランキングサイトや巡回サイトへの登録規約によるバナー等は貼り付けていますが、そこをクリックすると“投票”になるようなソース変更をしていなかったりします。

PSO2一応、それなりに理由があって、
  • 公式サポーターズリンクへの登録は、PSO2ゲーム内画像(スクリーンショット)を個人ブログで使用するにあたり、著作権と二次利用権、二次著作権をSEGA(:PSO2運営)から許諾してもらうために。

  • 巡回サイトへの登録は、こんなブログでもチラ見してくれる方がいるので更新情報などを取得しやすくするために。

そういうわけでして、根本的なブログの運営方針が、

自分のためのOKスクショ保管場所であり、PSO2私的時事記録なのです。

なので、イイネ!ボタンやツィートボタンなどの拡散ボタン系は要らないという事でその手のものも外しています。
ココは“保管処理が便利なブログシステムを利用した閲覧タイプのストレージ”と位置づけて利用しているんです。

つくづく、自分勝手なブログですね(; ・`д・´)

これからもその辺は変わることなく、ぎゅうにゅうたんのたまにパンチラスクショと記録とコスチューム見本的スクショを掲載していきたいと思います()

ただし、

“見てもらうために” は、ブログの一般的な目的であり、そうやって運営しながらアクセス数の増減を見ることはとても楽しい事だと思います。
これからブログを始める方には、そういった目標の方がオススメです。
ぎゅうにゅうたん
今のブログって、スマホ携帯にも画像処理を含めて自動対応だし、WordやExcelを操作するよりも簡単に記事を作成できます。
このブログは無料プランでやっていますが、物足りないと感じる部分は今の所ありません。

PSO2は幾度となくユーザー同士のコミュニケーション向上に対するアプローチやコンテンツを拡充してきました。
でも、MOという性質上、どうしても“出合い”や“一緒にプレイ”をやりにくいですよね。
ロビーの少人数ブロック分けや、“露店では無い”ビジフォンシステム、色々と便利な反面で物足りないと感じる部分も多いのです。
PSO2
幸いにして、自分にそれらを少し補ってくれるのがブログなんですよ~
ブログのコメント欄でやりとりしてゲーム内で遊んでもらったり、「ブログ見てますよ~」から世間話が始まったり。

ブログの作成や運営を“推し的に”勧めるわけではありませんが、興味を持たれた方は、イケてないと感じたら削除すればOKなので(震え)、手軽な気持ちで始めてみてはいかがでしょうか?

・・・上手くまとめた!

いやぁ、ホントに仕事に忙殺されてまして・・・><;
のんびりゲームをしてブログを書いて~は3月くらいからになりそうです。
そんな、何を書いているのか中の人もさっぱり分からない気持ちでの今日のデジイチ。

(コスチューム : サクヤmodeN・レプカ茜)  ↓クリックすると大きな画像を表示できます。
サクヤmodeN・レプカ茜
追加カラーバリエーションのサクヤmodeN・レプカです。
この追加されたタイプはストッキング無しなんですよ~
※アップした当日、茜ではなく紅と誤植していました。ご連絡ありがとうございました><;

↑このページのトップヘ