Warning: "continue" targeting switch is equivalent to "break". Did you mean to use "continue 2"? in /home/3rd-i/www/3rdi-jp.com/wp-includes/pomo/plural-forms.php on line 210

Warning: Cannot modify header information - headers already sent by (output started at /home/3rd-i/www/3rdi-jp.com/wp-includes/pomo/plural-forms.php:210) in /home/3rd-i/www/3rdi-jp.com/wp-includes/feed-rss2.php on line 8
admin – mitsu site https://www.3rdi-jp.com あれこれ Tue, 16 Apr 2013 07:01:16 +0000 ja hourly 1 https://wordpress.org/?v=4.9.3 intel XDK (HTML5開発ツール)のインストール https://www.3rdi-jp.com/intelxdk_html5%e9%96%8b%e7%99%ba%e3%83%84%e3%83%bc%e3%83%ab%e3%81%ae%e3%82%a4%e3%83%b3%e3%82%b9%e3%83%88%e3%83%bc%e3%83%ab/ https://www.3rdi-jp.com/intelxdk_html5%e9%96%8b%e7%99%ba%e3%83%84%e3%83%bc%e3%83%ab%e3%81%ae%e3%82%a4%e3%83%b3%e3%82%b9%e3%83%88%e3%83%bc%e3%83%ab/#respond Tue, 16 Apr 2013 07:01:15 +0000 http://www.3rdi-jp.com/?p=450 関連記事はありません ]]> HTML5を利用したアプリケーション開発ツール「XDK」がintelからリリースされたとの事ですので、早速インストールしてみました。(ツールのサイト: http://html5dev-software.intel.com/ )

このツールは、Webブラウザのchromeで動作するように出来ています。また、「Java Runtime」 の実行環境が必要となります。

インストール手順

インストールはとても簡単ですが、「XDK」にchrome.exeのフォルダ位置を指定する必要があります。環境によって配置位置が異なりますので注意が必要です。

  1. Chromeストアにアクセスして、「XDK」を検索します。
  2. 「chromeに追加」ボタンをクリックして、インストールします。
    xdk_01
  3. chromeのナビゲーションバー右側に、「XDK」のアイコンが追加されます。
  4. アイコンをクリックして起動します。
    xdk_03
  5. 初回起動時に、プロジェクトの保存フォルダを任意の位置に指定します。(「ドキュメント」フォルダなどわかり易い場所に指定します。)
    xdk_02
  6. ログインダイアログが表示されます。
  7. intelのディベロッパーID登録をおこなっていない場合には、「Email:」欄にメールアドレスのみ記入し、「submit」ボタンを押します。
    xdk_04
  8. 「Email Address(メールアドレス)」「First Name(名)」「Last Name(姓)」「Password」欄に入力します。
    ※Passwordは最低でも1文字を記号にする必要があります。
  9. 「next」ボタンを押して登録を完了します。
    xdk_05
  10. ツールの画面が表示されれば、インストール完了ですが、うまくいかない場合には以下をチェックします。
    xdk_06
  • 規定のブラウザが、Chrome以外になっていないか?(私は、FireFoxに指定されていて上手く動きませんでした。)
  • Chromeのパスが、「XDK」に正しく設定されているか?タスクトレイの「XDK」アイコンを右クリックして、「Set Chrome Location」を選択しChromeの位置を指定します。
    xdk_07

参考サイト: chromeのインストール位置

http://q.hatena.ne.jp/1307262526

使用方法については、後日レポートしてみたいと思います。

]]>
https://www.3rdi-jp.com/intelxdk_html5%e9%96%8b%e7%99%ba%e3%83%84%e3%83%bc%e3%83%ab%e3%81%ae%e3%82%a4%e3%83%b3%e3%82%b9%e3%83%88%e3%83%bc%e3%83%ab/feed/ 0
HGUCで、RGM-79 ジムの系譜を追う https://www.3rdi-jp.com/hguc%e3%81%a7%e3%80%81rgm-79-%e3%82%b8%e3%83%a0%e3%81%ae%e7%b3%bb%e8%ad%9c%e3%82%92%e8%bf%bd%e3%81%86/ https://www.3rdi-jp.com/hguc%e3%81%a7%e3%80%81rgm-79-%e3%82%b8%e3%83%a0%e3%81%ae%e7%b3%bb%e8%ad%9c%e3%82%92%e8%bf%bd%e3%81%86/#respond Wed, 27 Feb 2013 14:03:39 +0000 http://www.3rdi-jp.com/?p=417 関連記事はありません ]]> バンダイから発売されているガンダムのプラモデルHGシリーズは、最もリーズナブルな価格帯(実売500円位~、平均1000円程度)ながらクオリティも満足出来るシリーズです。

http://bandai-hobby.net/site/gunpla_list_hguc.html

バンダイホビーサイト(http://bandai-hobby.net/site/gunpla_list_hguc.html)

また、宇宙世紀シリーズ(機動戦士ガンダム~機動戦士Vガンダム)に登場するモビルスーツをキット化しているHGUC(ハイグレード・ユニバーサル・センチェリー)では、かなりレアなモビルスーツもキット化しています。

HGUCチェックリスト(PDF)

今回は、地球連邦軍の量産型モビルスーツ「ジム」の系譜を追いながら、ガンプラを製作したいと思い、情報をまとめてみました。

製作方法について

ガンプラの製作は、時間とクオリティのバランスを考え、以下の様な条件で行なっています。

  1. 通常のプラモデル用ニッパでゲートを少し残して切り離します。
  2. 目立たない部分は、ゲートカット用の薄刀ニッパで処理します。
  3. 表面で目立つ場所にあるゲートは、モデラーズナイフで処理します。
  4. そのまま接着剤なしで組み立てます。一般的に、素組(ストレート組)と言われるやり方です。
  5. バーニアの内部など、部分塗装が必要な箇所がある場合、ガンダムマーカーで塗装します。
    必要であればマスキングしますが、面倒なのであまりしてません。

  6. デカールなどのシールを貼り付けます。
  7. 艶消しのトップコートを吹きかけます。
  8. スジボリ部分に墨入れをします。
  9. パーツのエッジ部分に、リアルタッチマーカーを使って少し影を入れます。(結構大変なので、程々に…)

以上、です。
以前は、接着剤を使ったゲート処理を行い、ヤスリを掛け、塗装を行う、と言った作業を行なっていたのですが、休日くらいしか、製作が行えないので妥協点として上記の製作方法に落ち着きました。

特に、艶消しのトップコートは効果絶大で、プラスチックの安っぽさが消え、マットな質感が重みを感じさせますので、利用していない方は是非お試し下さい。

ジムの系譜

初代ジム~ジェスタまで、表にまとめてみました。(2013-02-27現在)

名称 型番 主な登場シリーズ HGUC型番
ジム RGM-79 機動戦士ガンダム 20
先行試作量産型ジム RGM-79[G]  ―  ―
先行試作量産型ジム(宇宙戦仕様) RGM-79E  ―  ―
陸戦用ジム RGM-79F 機動戦士ガンダム 第08MS小隊  ―
デザートジム RGM-79 MSV  ―
ジムスナイパー RGM-79[G] 機動戦士ガンダム 第08MS小隊  ―
ジムスナイパーカスタム RGM-79SC 機動戦士Ζガンダム  ―
ジムスナイパーII RGM-79SP 機動戦士ガンダム0080 ポケットの中の戦争  ―
ジムトレーナー TGM-79 MSV  ―
ジムライトアーマー RGM-79LA MSV  ―
ジムストライカー RGM-79FP ハーモニー・オブ・ガンダム 72
アクアジム RAG-79 機動戦士ガンダムUC  ―
ジムキャノン RGC-80 機動戦士Ζガンダム  ―
ジムキャノンII RGC-83 機動戦士ガンダム0083 STARDUST MEMORY 125
ジム寒冷地仕様 RGM-79D 機動戦士ガンダム0080 ポケットの中の戦争 38
ジムコマンド RGM-79G 機動戦士ガンダム0080 ポケットの中の戦争 46
ジムコマンド(宇宙戦仕様) RGM-79GS 機動戦士ガンダム0080 ポケットの中の戦争 51
ジム改 RGM-79C 機動戦士ガンダム0083 STARDUST MEMORY 113
パワードジム RGM-79 機動戦士ガンダム0083 STARDUST MEMORY 67
ジムカスタム RGM-79N 機動戦士ガンダム0083 STARDUST MEMORY 120
ジムクゥエル RGM-79Q 機動戦士ガンダム0083 STARDUST MEMORY 74
ジムII RGM-79R(RGM-179) 機動戦士Ζガンダム
機動戦士ガンダムZZ
機動戦士ガンダムUC
131
ジムII・セミストライカー RMS-179 機動戦士Ζガンダム
機動戦士ガンダムUC
 ―
ネモ MSA-003 機動戦士Ζガンダム
機動戦士ガンダムZZ
機動戦士ガンダムUC
140(UC)
(Z)
ジムIII RGM-86R 機動戦士Ζガンダム
機動戦士ガンダム 逆襲のシャア
機動戦士ガンダムUC
126
ジェガン RGM-89 機動戦士ガンダム 逆襲のシャア
機動戦士ガンダムUC
機動戦士ガンダムF91
97
ジェガンA2型 RGM-89A2 機動戦士ガンダムUC  ―
ジェガンD型 RGM-89D 機動戦士ガンダムUC  ―
ジェガン(エコーズ仕様機) RGM-89De 機動戦士ガンダムUC 123
プロト・スタークジェガン RGM-89S 機動戦士ガンダムUC  ―
スタークジェガン RGM-89S 機動戦士ガンダムUC 104
ジェガンJ型 RGM-89J 機動戦士ガンダムF91  ―
ジェガンM型 RGM-89M 機動戦士ガンダムF91  ―
ジェガンR型 RGM-89R 機動戦士ガンダムF91  ―
ジェスタ RGM-96X 機動戦士ガンダムUC 130
ジェスタ・キャノン

RGM-96X 機動戦士ガンダムUC  ―
ベース・ジャバー
重力下での戦闘には欠かせないこのユニットも組み合わせて製作したいですね。
機動戦士ガンダムUC

購入メモとして、自分なりにまとめてみましたが、お役に立てれば幸いです。

photo by: amika_san
]]>
https://www.3rdi-jp.com/hguc%e3%81%a7%e3%80%81rgm-79-%e3%82%b8%e3%83%a0%e3%81%ae%e7%b3%bb%e8%ad%9c%e3%82%92%e8%bf%bd%e3%81%86/feed/ 0
Androidタブレット用のクオリティチェックリスト https://www.3rdi-jp.com/android%e3%82%bf%e3%83%96%e3%83%ac%e3%83%83%e3%83%88%e7%94%a8%e3%81%ae%e3%82%af%e3%82%aa%e3%83%aa%e3%83%86%e3%82%a3%e3%83%81%e3%82%a7%e3%83%83%e3%82%af%e3%83%aa%e3%82%b9%e3%83%88/ https://www.3rdi-jp.com/android%e3%82%bf%e3%83%96%e3%83%ac%e3%83%83%e3%83%88%e7%94%a8%e3%81%ae%e3%82%af%e3%82%aa%e3%83%aa%e3%83%86%e3%82%a3%e3%83%81%e3%82%a7%e3%83%83%e3%82%af%e3%83%aa%e3%82%b9%e3%83%88/#respond Thu, 24 Jan 2013 08:04:20 +0000 http://www.3rdi-jp.com/?p=409 関連記事はありません ]]> Samsung –Google Unveils the Highest Resolution Tablet Nexus 10

Androidタブレット用のアプリケーション開発って、どんな所に気をつけて作ればよいのか?の調査が必要となりましたので、色々と調べていたら、本家Googleが、Androidタブレット用のクオリティチェックリスト、「Tablet App Quality Checklist」を公開していました。
(http://developer.android.com/intl/ja/distribute/googleplay/quality/tablet.html)

英語のみの提供なので、ざっくり翻訳してみました。
Google翻訳をベースとしていますので、精度が低いかもしれませんが、お役に立てれば幸いです。

内容的におかしいところや間違いが有りましたらご指摘頂けると助かります。

以下内容です。

タブレットアプリクオリティチェックリスト

チェックリスト目次

  1. 基本的なアプリの品質に関するテストを行う。(http://developer.android.com/intl/ja/distribute/googleplay/quality/core.html)
  2. レイアウトをタブレット向けに最適化する。
  3. 拡大化された画面を有効活用する
  4. タブレット用にデザインされたパーツを利用する
  5. 文字やタッチアイテムの調整を行う
  6. ホームスクリーンウィジェットの調整を行う
  7. アプリのフル機能を提供する
  8. タブレットに無いハードウエア機能を利用しない
  9. 多くのスクリーンサイズに対応出来るようにする
  10.  効率的にGoogle Playに公開する

Google Playでアプリを公開する前に、アプリが魅力的な機能と直感的で良く設計されたUIを介してタブレットのユーザの基本的な期待を満たしていることを確認することが重要です。

Android端末の中で成長しているタブレットには、ユーザの関心と収益化のための新たな機会を提供しています。アプリがタブレットのユーザをターゲットにしている場合、このドキュメントに書かれている、重要な品質の側面、機能セット、UIに焦点を当てることで、アプリの成功に重大な影響を及ぼすことができます。いくつかの小さなタスクやベストプラクティスで構成される各項目は、チェックリストとして利用できます。

以下のリストには便宜上番号が付いていますが、開発するアプリにあった順番でチェックできます。よりよいアプリをユーザに提供するために、出来る限り以下のチェックリストに従って下さい。

1. 基本的なアプリの品質に関するテストを行う。

良いタブレットアプリのエクスペリエンスをユーザに提供する為に行う、最初のチェックポイントは、そのアプリがターゲット端末で基本的なアプリの品質を満たしているかどうかのチェックです。詳細は、基本的なアプリの品質チェックリスト(http://developer.android.com/intl/ja/distribute/googleplay/quality/core.html)を参照して下さい。

基本的なアプリの品質やタブレットアプリの品質の評価を行うために、適切なハードウエアを用意するかエミュレータ環境をセットアップする必要があります。詳細については、テスト環境のセットアップ方法(http://developer.android.com/intl/ja/distribute/googleplay/quality/tablet.html#test-environment)を参照して下さい。

関連ドキュメント:

2. レイアウトをタブレット向けに最適化する。

Androidは幅広い画面サイズや機能の異なる端末で動作するアプリを容易に開発出来ます。この汎用的な互換性は、一つのアプリで多様な端末への対応が行えるので、開発を容易にします。ただし、どんな画面サイズのユーザにも満足してもらえるように、タブレットでは特にレイアウトやUIコンポーネントを最適化する必要があります。タブレットでは、アプリのレイアウトやUIコンポーネントを最適化することで、新しい機能、新たな内容の提供、その他のユーザの満足度を上げるエクスペリエンスを提供する事が出来ます。

もし、すでにスマホ用のアプリを開発済みで、タブレット用に公開したい場合、レイアウト・フォント・余白の少しの調整から始めることが出来ます。このような、7インチタブレット用や大画面用のゲーム向けなどの場合、これらの変更がアプリの出来栄えを良くします。もう少し大きなタブレットの場合、一部のUIを、複数の段落を持ち簡易ナビゲーションと追加コンテンツからなる「ストレッチUI」にデザインし直すことができます。

以下、いくつかの方法です。

  • 専用のレイアウトを「large」スクリーンと「xlarge」スクリーン用に用意します。もちろん、最小画面サイズか最小の幅と高さによるデザインも用意します。
  • 最低でも、大きい画面用のフォントサイズ・文字間隔・余白を改善し、コンテンツの読みやすさなどをカスタマイズします。
  • 横向きでも縦向きでも容易に操作できるUIの調整を行います。
  • タブレット用にはスマホ用よりも広い余白を適用します。48dpの間隔(16dpのグリッド)が推奨されています。(48dpの説明 http://developer.android.com/intl/ja/design/style/metrics-grids.html#48dp-rhythm)
  • スクリーンの隅に直接沿ったテキストを配置しないようにする。最低でも16dpの余白をコンテンツの周りに確保する。

特に、レイアウトが画面の横幅を有効利用した「ストレッチ」ではない場合。

  • 行が長すぎないようにします。最大でも1行あたり100文字以内に設定します。50~75文字が最適な状態です。
  • ListViewやmenuが横幅いっぱいにならないようにします。
  • 画面要素の幅調整に余白を使うかタブレット用に2カラムレイアウトに変更します。(次の項目を参照して下さい。)

関連項目:

3.タブレットならではの画面領域を活用する

特に横向きの場合、タブレットは、アプリが利用できる画面領域を広く持てます。特に10インチのタブレットは多くの画面領域が利用できます。7インチであっても、ユーザがコンテンツにアクセスする画面領域を更に提供してくれます。アプリがタブレットで実行される時のUIについて考える時、タブレット特有の画面領域による利点を考慮します。

以下、いくつかの方法です。

  • 新たな追加コンテンツを含めるか、既存のコンテンツのタブレット向けの代替物を利用します。
  • 2カラムレイアウトを利用して、単一画面を複合画面にまとめます。この方法は、画面領域を有効に活用できますし、利用者はより簡単にアプリを操作可能となります。
  • スクリーンの向きが変わった時にどのように複合画面が構成されるかを再編成します。
  • 一つの画面は一つのActivityサブクラスとして実装されますが、Fragmentサブクラスとして、それぞれのパネルを実装することを考慮して下さい。この様にすることで、その共有コンテンツの異なる端末間や画面間でコードを最大限に再利用することができます。
  • 例えば、large/xlargeなどのスクリーンサイズによって、または、sw600dp/sw720などの最小幅によって、異なるレイアウトを提供するのかなど、どの画面サイズで2カラム画面を利用するのかを決定します。

関連項目:

●Multi-pane Layouts (http://developer.android.com/design/patterns/multi-pane-layouts.html) Androidのマルチカラムレイアウトのデザインガイドライン。タブレットUIに、メニューやより多くのコンテンツを追加する方法などの例も紹介されています。
●Planning for Multiple Touchscreen Sizes (http://developer.android.com/training/design-navigation/multiple-sizes.html) Androidトレーニングクラスでは、タブレットとその他端末用の直感的で効果的なナビゲーションの計画について学習出来ます。
●Designing for Multiple Screens (http://developer.android.com/training/multiscreen/index.html) Androidトレーニングクラスでは、タブレットとその他端末用の直感的で効果的なナビゲーションの計画について学習出来ます。

4. タブレット用にデザインされたアイコンやパーツを利用する

アプリの見栄えを良くするために、タブレット用に用意されたアイコンやその他のビットマップパーツを使用します。具体的には、一般的にタブレットでサポートされている範囲のそれぞれに対応した密度のビットマップセットを作る必要があります。

アイコンのタイプ別のサイズ

Density Launcher Action Bar Small/Contextual Notification
mdpi 48x48px 32x32px 16x16px 24x24px
hdpi 72x72px 48x48px 24x24px 36x36px
tvdpi (use hdpi) (use hdpi) (use hdpi) (use hdpi)
xhdpi 96x96px 64x64px 32x32px 48x48px

考慮すべき他のポイント:

  • ランチャー、ノティフィケーション、アクションバーのアイコンは、アイコンデザインガイドラインに従いデザインし、物理サイズをタブレットとスマホで同じにします。
  • それぞれ個別のリソースが読み込まれるように、密度固有のリソース修飾子を使います。

関連項目:

6.タブレット用にホームウィジェットのサイズを調整する

もし、アプリにウィジェット機能があるようなら、タブレット用に最適化するいくつかのポイントがあります。

  • ウィジェットの最小サイズと最大サイズを考慮し、ウィジェットのデフォルトの幅と高さをタブレットに最適化します。
  • ウィジェットは、5行がそれ以上(縦長か正方形の場合)または、5列かそれ以上(横長か正方形の場合)で、420dpかそれ以上の大きさにリサイズします。
  • 9パッチを利用している画像が正しく表示されているかどうかを確認します。
  • システムのデフォルト余白に設定します。
  • 可能であれば、SDKのターゲットバージョンを14以上に設定します。

関連項目:

7. タブレットにフル機能を対応させる

タブレット使用者にアプリのフル機能を提供します。以下、いくつかのポイントです。

  • 少なくとも、スマフォ版にある機能はタブレット版でも実装する。
  • 多くのタブレットで使用されていないかハードウエアの実装がない場合には、その機能を無くすか、その機能と同等の機能で代替します。以下その例です。
    • スマホでは通話機能がありますが、現在のところタブレットではサポートされておりませんので、機能を省くか他の機能に置き換えます。
    • ほとんどのタブレットはGPSを実装していますが、ほとんどのユーザはジョギングをする時にタブレットは携帯しません。もし、スマホ用アプリがGPSでジョギングのログを記録するようなものであった場合、タブレットで利用されるケースではないので、タブレット用にその機能を実装する必要はありません。
  • タブレットのUIから機能や能力を省く場合、ユーザにアクセスできないようにするか、他の代替機能を提供します。(ハードウエアの機能に関する事項も参照)

8. タブレットに無いハードウエア機能を利用しない

スマホとタブレットには、センサー、カメラ、通話機能などの多少異なる機能があります。例えば、タブレットはWi-Fiはサポートしますが、通話機能をサポートしません。

すべてのユーザに単一のAPKファイルでのアプリ提供を実現するために、アプリに通常タブレットに搭載されていないハードウエア機能が必要でないかを調査します。

  • 「android:required=”false”」属性が設定されている時を除いて、アプリのmanifestに、タブレットに存在しないハードウエア機能や能力の「<uses-feature>」要素を含まないようにする。
    以下の様な機能を含まないようにします。

    • android.hardware.telephony
    • android.hardware.camera (refers to back camera), or
    • android.hardware.camera.front
  • 同様に、「<uses-feature>」要素に「android:required=”false”」属性が設定されている時を除いて、タグレットに実装されていない機能について「<permission>」要素を指定しない。

全てのケースで、通常アプリはハードウエアの機能がなければ動きません、それに代わる機能が提供される必要があります。例えば、GPSがサポートされていない端末であれば、ユーザが手動で位置を設定する機能を提供します。アプリは、ハードウエアを実働させチェックを行います。

関連項目:

9. 多くのスクリーンサイズに対応出来るようにする

多くのタブレットにアプリを配布するためには、manifestで定義された画面サイズに対応します。

  • 必要に応じて、「<supports-screens>」要素に適切な属性を追加する。
  • 「<compatible-screens>」要素がmanifestに定義してあれば、その要素には、アプリがサポートする全てのサイズと密度の組み合わせに関して、属性の追加が必須です。もし可能であれば、この要素を利用しなくても構いません。

関連項目:

10. 効率的にGoogle Playに公開する

  • 全てのスクリーンサイズのスマホ・タブレットに対応するアプリを一つのAPKファイルで公開する。
    • ユーザがアプリを、検索・閲覧・プロモーションで見つけやすくする。
    • ユーザが新しい端末を購入した時にアプリを簡単に復元できる。
    • アプリのダウンロードステータスや順位が、すべての端末の情報を統合して集計される。
    • タブレット用のアプリを別に公開すると、ブランドの評価が分散されます。
  • もし必要であれば、代替案として「Multiple APK Support(http://developer.android.com/intl/ja/google/play/publishing/multiple-apks.html)」を使って公開する方法があります。もちろん、一つのAPKファイルでの配布をお勧めします。
  • アプリ紹介ページで、タブレットの機能を目立たせるようにします。
    • 少なくとも1つのタブレットアプリが動作している画面キャプチャを追加します。可能であれば、画面の向きが縦・横のキャプチャをそれぞれ1つ追加することをお勧めします。これらの画面キャプチャは、アプリがタブレットに最適化されていることを明確に伝えます。
    • アプリの説明にタブレットに対応していることを明記する。
    • アプリのリリース情報とアップデート情報にタブレット対応について追加する。
    • アプリのプロモーションビデオにタブレットの情報を追加する。
  • アプリを配布設定する時に、「Developer Console」のサポート端末一覧で、ターゲットにしている端末のチェックが外れていないかを確認します。
  • ユーザにアプリを知ってもらう為に、マーケティング・広告キャンペーンの計画を練ります。

関連項目:

photo by: samsungtomorrow
]]>
https://www.3rdi-jp.com/android%e3%82%bf%e3%83%96%e3%83%ac%e3%83%83%e3%83%88%e7%94%a8%e3%81%ae%e3%82%af%e3%82%aa%e3%83%aa%e3%83%86%e3%82%a3%e3%83%81%e3%82%a7%e3%83%83%e3%82%af%e3%83%aa%e3%82%b9%e3%83%88/feed/ 0
「とびだせ どうぶつの森」のキャプチャを取ってパソコンへ転送 https://www.3rdi-jp.com/%e3%80%8c%e3%81%a8%e3%81%b3%e3%81%a0%e3%81%9b-%e3%81%a9%e3%81%86%e3%81%b6%e3%81%a4%e3%81%ae%e6%a3%ae%e3%80%8d%e3%81%ae%e3%82%ad%e3%83%a3%e3%83%97%e3%83%81%e3%83%a3%e3%82%92%e3%83%91%e3%82%bd%e3%82%b3/ https://www.3rdi-jp.com/%e3%80%8c%e3%81%a8%e3%81%b3%e3%81%a0%e3%81%9b-%e3%81%a9%e3%81%86%e3%81%b6%e3%81%a4%e3%81%ae%e6%a3%ae%e3%80%8d%e3%81%ae%e3%82%ad%e3%83%a3%e3%83%97%e3%83%81%e3%83%a3%e3%82%92%e3%83%91%e3%82%bd%e3%82%b3/#respond Wed, 09 Jan 2013 13:24:33 +0000 http://www.3rdi-jp.com/?p=378 関連記事はありません ]]> 任天堂 3DSの「とびだせ どうぶつの森」では、「L」キーと「R」キーを同時に押すことで、上画面のキャプチャを取ることができます。

ただし、撮ったキャプチャをブログに投稿したいなと思うと、SDカードを抜いてPCのメディアリーダに差しファイルをコピーとちょっと面倒です。

そこで、ある方法を使うとお手軽に、画像をパソコンに送ることが出来ます。

3DSのブラウザを利用する

やり方は至って簡単。3DSのブラウザを利用してGmailなどのWEBメールで、メールに画像を添付すればOKです。

  1. 3DSのブラウザを起動します。

    3DSブラウザは、HOME画面の右上にあります。

    3DSブラウザは、HOME画面の右上にあります。

  2. Gmailなどにアクセスします。(3DSのブラウザは最新のHTML5やJavaScriptには対応していませんので、ちょっぴりシンプルな画面が表示されますが、機能は問題なく使えます。)
  3. メールを自分宛に作成して、画像を添付します。
  4. パソコンでメールに添付された画像をダウンロードします。

いちいちメディアを取り外す必要がないので、お手軽です。お試し下さい!以下のように簡単に投稿出来ますよ。

最初はテント暮らしから、ちょっと哀愁が漂いますね。

最初はテント暮らしから、ちょっと哀愁が漂いますね。

ふたご座流星群の流れ星を観察。

ふたご座流星群の流れ星を観察。

マグロを釣り上げ、釣り大会で優勝しました。

マグロを釣り上げ、釣り大会で優勝しました。

初めての公共事業で吊り橋を作成しました。これで、随分と便利になりましたよ。

初めての公共事業で吊り橋を作成しました。これで、随分と便利になりましたよ。

ニューイヤーカウントダウンイベントで、「2013」の花火が!

ニューイヤーカウントダウンイベントで、「2013」の花火が!

新年の始まりを、村の皆とお祝いしました。

新年の始まりを、村の皆とお祝いしました。

3番目の公共事業として、噴水が出来ました。みんなの憩いの場に?

3番目の公共事業として、噴水が出来ました。みんなの憩いの場に?

村の公共事業、2番目に時計を作ってみました。

村の公共事業、2番目に時計を作ってみました。


]]>
https://www.3rdi-jp.com/%e3%80%8c%e3%81%a8%e3%81%b3%e3%81%a0%e3%81%9b-%e3%81%a9%e3%81%86%e3%81%b6%e3%81%a4%e3%81%ae%e6%a3%ae%e3%80%8d%e3%81%ae%e3%82%ad%e3%83%a3%e3%83%97%e3%83%81%e3%83%a3%e3%82%92%e3%83%91%e3%82%bd%e3%82%b3/feed/ 0
グアムでdocomo pacificのsimをiPhone4Sで使ってみました https://www.3rdi-jp.com/%e3%82%b0%e3%82%a2%e3%83%a0%e3%81%a7docomo-pacific%e3%81%aesim%e3%82%92iphone4s%e3%81%a7%e4%bd%bf%e3%81%a3%e3%81%a6%e3%81%bf%e3%81%be%e3%81%97%e3%81%9f/ https://www.3rdi-jp.com/%e3%82%b0%e3%82%a2%e3%83%a0%e3%81%a7docomo-pacific%e3%81%aesim%e3%82%92iphone4s%e3%81%a7%e4%bd%bf%e3%81%a3%e3%81%a6%e3%81%bf%e3%81%be%e3%81%97%e3%81%9f/#respond Mon, 10 Dec 2012 03:39:34 +0000 http://www.3rdi-jp.com/?p=365 関連記事はありません ]]> 所用でグアムに2泊3日で訪れ、現地での通信環境確保の為、docomo pacificのsimを購入しsimロックフリーのiPhone4で利用してみました。

docomo pacific sim

購入場所は、「micronesia mall」2回にある、docomo pacific の支店。店内はGalaxy一色でしたが、プリペイドsimを購入したいと伝えると、端末を今持っているのか?、unlocked なのか?の質問がありました。

日本では、simロックフリーと呼ぶのが一般的ですが、アメリカでは、一般的に 「unlocked」 と言われています。一瞬、ん?と思いましたが、すぐに理解できる範囲の英単語でしたので、unlockedのiPhone4Sですと答えて手続き開始です。

プリペイドプランで、simを発行してもらい、電話番号の割り当てがされます。担当の方も首からiPhone4 or 4Sを下げていて、iPhoneユーザーだった為手続きはスムーズに進みました。

今回、3日間の滞在でしたので、プリペイドの「Go!」プランを選択しました。プランの詳細は、以下docomo pacificの公式サイトを参照下さい。

docomo pacificの公式サイト pripaid – GO!の詳細

担当者による英語での入力が必要な為、iPhoneの入力を「English(us)」に設定しておくと、スムーズに手続きが進みます。

手続き時間は、20分位かかります。グアムには沢山のWiFiスポットがありますが、3Gでの通信が安定して行えるこちらの方法は、どこでも快適に利用できますので、ひとつの選択肢として考えても良いかもしれません。

]]>
https://www.3rdi-jp.com/%e3%82%b0%e3%82%a2%e3%83%a0%e3%81%a7docomo-pacific%e3%81%aesim%e3%82%92iphone4s%e3%81%a7%e4%bd%bf%e3%81%a3%e3%81%a6%e3%81%bf%e3%81%be%e3%81%97%e3%81%9f/feed/ 0
パソコンサイトとスマートフォンサイトの振り分け https://www.3rdi-jp.com/%e3%83%91%e3%82%bd%e3%82%b3%e3%83%b3%e3%82%b5%e3%82%a4%e3%83%88%e3%81%a8%e3%82%b9%e3%83%9e%e3%83%bc%e3%83%88%e3%83%95%e3%82%a9%e3%83%b3%e3%82%b5%e3%82%a4%e3%83%88%e3%81%ae%e6%8c%af%e3%82%8a%e5%88%86/ https://www.3rdi-jp.com/%e3%83%91%e3%82%bd%e3%82%b3%e3%83%b3%e3%82%b5%e3%82%a4%e3%83%88%e3%81%a8%e3%82%b9%e3%83%9e%e3%83%bc%e3%83%88%e3%83%95%e3%82%a9%e3%83%b3%e3%82%b5%e3%82%a4%e3%83%88%e3%81%ae%e6%8c%af%e3%82%8a%e5%88%86/#respond Wed, 05 Dec 2012 06:10:54 +0000 http://www.3rdi-jp.com/?p=347 関連記事はありません ]]>

昨今の急激なiOSやAndroidを搭載したスマートフォンの普及により、スマートフォン最適化が必要とされるBtoCサイトが増えてきました。

スマートフォンは、今まで多くのユーザに利用されて来たフューチャーフォン(ガラケーの方が一般的でしょうか?)にとって代わり、モバイル端末の主役として無視できない存在となっています。

フューチャーフォンの内蔵ブラウザでは、通信速度や画面ザイズの制限により、CHTML(簡略化されたHTML)をベースにしたマークアップ言語が利用され、一部FlashLiteによる表現豊かなコンテンツも存在しましたが、概ねシンプルなテキスト中心の表現が主流でした。

スマートフォンに搭載されたブラウザは、表現の豊かさはパソコンのブラウザと同じですが、画面サイズは4インチ前後と、パソコンに比べると1/3ほどの大きさしかありません。結果的に、スマートフォンならではのデザインが必要となります。この様な、スマートフォン向けにデザインを行ったサイトを、スマートフォン最適化サイトと呼ぶようになりました。

一言でスマートフォン最適化といっても、その手法は多岐に渡っています。ここでは、代表的な制作方法と、Webサーバの設定方法(Apache)について取り上げて見たいと思います。

レスポンシブサイト

Web制作者の間ではトレンドとなっている制作方法です。HTML(XHTML)を、パソコン用とスマートフォン用で共用とし、css3のメディアクエリを利用して、それぞれの横幅に合わせたデザインを記述したcssを読み込みます。

こちらのサイトで詳しく解説されています。
ゼロから始めるレスポンシブWebデザイン入門

Google推奨の方法ですが、現状のHTML(XHTML)の書き換えが必要になるなど、コストが高く付き、すぐに対応は難しいケースが多そうです。

パソコン用のページとは別に、URLの異なるスマートフォン用のページを制作する。

パソコン用のページとは別に「/sp/」などのディレクトリを作りそこにページを新たに作る方法です。従来のパソコン用のページに静的なページが多く、更新頻度が低いサイトでは採用しやすい方式です。パソコンのサイトとは別に作る為、制作の自由度は高くなります。

また、スマートフォン用に配布されているフレームワークを利用して手軽に制作を進めることができます。

主なスマートフォン用のフレームワーク

  • jQuery mobile – JavaScriptフレームワークでお馴染みのjQueryが提供するフレームワークです。多機能で様々なテーマや効果を追加することができます。
  • iUI – iPhoneの標準インターフェイスに近いシンプルなUIを簡単に構築できます。
  • jQTouch – 独自、iPhone風テーマの選択が可能です。また、多彩なアニメションを利用したUIを構築できます。

反面、パソコンサイトに更新が必要となった時、スマートフォンサイトも更新する必要があり、更新コストがかかるのがネックです。

サーバ設定の方法

スマートフォンでアクセスされた時には、「/sp/」ディレクトリに自動的にリダイレクト(転送)される仕組みが必要となります。また、スマートフォンでパソコン用のページを閲覧したいユーザーにも対応する必要があります。

スマートフォンに、パソコンサイトを見せるために、「?mode=pc」などのパラメータを付与して通常のアクセスと区別する方法が使われます。

レンタルサーバを含めた、多くのWebサーバでは「mod_rewrite」を利用可能ですので、この設定により上記機能を実現します。設定は、「.htaccess」ファイルに行います。

「.htaccess」に以下を設定。

RewriteEngine On
RewriteCond %{HTTP_USER_AGENT} (iPhone|Android.*Mobile) [NC]
RewriteCond %{QUERY_STRING} !mode=pc
RewriteRule ^$ /sp/ [R,L]

こちらで、詳しい解説がされています。
PC版とスマートフォン版サイトを自動振り分けする方法

パソコン・スマートフォンで同じURLを利用し、システムでUser-Agentから出力を振り分け

パソコンサイトがシステム化されていれば、URLを変えずにUser-Agentから、出力HTMLを出し分けることによりスマートフォンサイトを最適化可能です。

サイトがシステム化されていれば、おそらく、コンテンツの更新もCMS(コンテンツ・マネージメント・システム)を利用したり、DBを参照したりして、直接ソースコードを編集するようなことはないと考えられますので、更新コストは今ままでと同じになります。

Webサーバ上で動いているサーバサイドの言語であれば、User-Agentを参照できないものはほぼ無いと言えますので、User-Agentを判断基準に、条件分岐で、パソコン用とスマートフォン用の出力を切り替えるような仕組みを実装し、スマートフォン用のテンプレートを用意すればよいでしょう。

その他

WordPressなどのCMS(コンテンツ・マネージメント・システム)を利用している場合には、「WPtouch」などのプラグインを利用して、容易にスマートフォンに対応することも可能です。

WordPressでは、テーマを変更することで簡単に、HTML,CSSを変更できますので、「Twenty Twelve」などのテーマを利用することで、カスタマイズによりレスポンシブデザインを採用することも容易です。

まとめ

スマートフォン最適化と言ってもご紹介した通り様々な手法があり、その利点・欠点があります。実際に制作する際には、現状のサイト状況(利用ユーザー動向)、制作コスト、運用コストを考えた上で最適な方法を選びたいものですね。

]]>
https://www.3rdi-jp.com/%e3%83%91%e3%82%bd%e3%82%b3%e3%83%b3%e3%82%b5%e3%82%a4%e3%83%88%e3%81%a8%e3%82%b9%e3%83%9e%e3%83%bc%e3%83%88%e3%83%95%e3%82%a9%e3%83%b3%e3%82%b5%e3%82%a4%e3%83%88%e3%81%ae%e6%8c%af%e3%82%8a%e5%88%86/feed/ 0
Blogの整備 https://www.3rdi-jp.com/blog%e3%81%ae%e6%95%b4%e5%82%99/ https://www.3rdi-jp.com/blog%e3%81%ae%e6%95%b4%e5%82%99/#respond Wed, 28 Nov 2012 14:10:16 +0000 http://www.3rdi-jp.com/?p=336 関連記事はありません ]]> ほったらかしだったBlogを数年ぶりに整備することにしました。

CMSの変更

旧サイトは、Nucleusで構築していましたが、コミュニティもあまり賑わっていないようなので、WordPressに変更しました。変更の流れは以下の通りです。

(今回は、サーバの移転も行いました。サーバの移転がない場合には、※の作業は必要ありません。)

  • Nucleusに、NP_ImpExpプラグインをインストールします。
  • MT形式でデータをexportします。
  • ftpソフトなどを利用して、「media」ディレクトリをダウンロードします。※

参考:
KennyQi PHP Blog | NucleusからWordPressに移行!
( http://kennyqi.com/archives/1.html )

  • WordPressをインストールします。

参考:
WordPress のインストール
( http://wpdocs.sourceforge.jp/WordPress_%E3%81%AE%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB )

  • ftpソフトなどを利用して、「media」ディレクトリをアプロードします。※
  • WordPressのインポート機能を利用して、Nucleusからexportしたデータをimportします。

mixi日記の移行

一時期の気の迷いで、mixi日記に色々と書き綴っていた時期があったのを思い出し、このデータも移行しようと考えました。色々と調査すると、公式にmixi日記をexportする機能はなく、以下の方法で実行できることがわかりました。

  • fc2ブログに新しいブログアカウントを作成します。
  • 移行ツールを使ってmixi日記を抽出します。
  • fc2のバックアップ機能を使ってデータを書き出します。
  • 画像も書き出します。
  • テキストエディタを使って、fc2ドメインへの画像参照を「http://サイトのURL/wp-content/uploads/」に一括置換します。
  • WordPressのインポート機能を利用して、上記データをimportします。
  • 画像をwordpressのメディアアップロード機能を利用して、アップロードします。

参考:
いつかきっと役に立つ | fc2ブログからWordPressへ移行
( http://hatsukami.wordpress.com/2008/06/19/fc2towp/ )

あとは、下書き状態になっている記事を確認しつつアップロードします。
以上、移行方法でした。

移行も完了したので、こちらのブログにコンテンツを色々と追加したいと思います。

宜しくお願いいたします。

]]>
https://www.3rdi-jp.com/blog%e3%81%ae%e6%95%b4%e5%82%99/feed/ 0