ハチミツ工房

Unity3D,MonacaでAndroidゲームを作ります。Javascriptでなんとかなるかなあ。

7SPOT(無料Wi-Fi)にMacで接続できないときの対処法

ファミレスやカフェなどが提供している、会員制(登録無料)のWi-FIがつながらないときのトラブルシューティングです。

ちなみにわたしは、デニー7SPOTでした。

ほかのものでも使えるかもしれないです。

 

<確認すること>

Wi-FiはONになっている

・つなぎたいWi-Fi(7SPOT等)につながっている

・でもブラウザを開いても、ブラウザ標準の「接続できません」と表示される

 

【対処法】

<STEP1>

Macの「システム環境設定」>「ネットワーク」>「アシスタント」>「アシスタント」を開く

f:id:usaginoizawa:20160627145439j:plain

<STEP2>

ネットワーク設定アシスタントが開くので、

「ネットワーク環境名」に適当な名前をつけて「続ける」をクリック

f:id:usaginoizawa:20160627145506j:plain

<STEP3>

「LAN(ローカル・エリア・ネットワーク)に接続します」を選択して、「続ける」をクリック

f:id:usaginoizawa:20160627145517j:plain

<STEP4>

「接続の準備はできましたか?」と聞かれたら「続ける」をクリック

f:id:usaginoizawa:20160627145858j:plain

 

<STEP5>

最後に「IPアドレス」を入れてね、みたいな画面に来るのですが、

この画面に来た時点で、ブラウザを開いて接続を試してみてください。

(私は、なぜか接続できるようになっていましたw)

f:id:usaginoizawa:20160627145935j:plain

 

なんとももやっとした解決法ですが、つながればOKですよね。

ぜひ試してみてください!

 

DreamweaverのEmmetをカスタマイズ - Kubeなどの独自タグを認識させる

DreamweaverでEmmetを使う際、HTML5準拠していないタグは認識されません。

KubeなどのHTML/CSSフレームワークの独自タグを利用するには、設定ファイルの編集が必要です。

実際の利用例

row>col

これを変換すると・・・

<row>
<column cols=""></column>
</row>

こうなるようにカスタマイズします。

カスタマイズする

設定ファイルを編集します。対象ファイルは2つです。
(ファイルを編集する際は、必ず元ファイルをバックアップしておきましょう)

1: emmet-app.js(2箇所) 

<ファイルの場所>

/Applications/Adobe Dreamweaver CC 2015/configuration/Shared/Emmet/Emmet/emmet-app.js

まずは、12449行目あたりにある

known_html_tags = 

の末尾にタグを設定します。
私は「row」と「column」を追加しました。

var known_html_tags = " html head title base link meta style script noscript body section nav article aside h1 h2 h3 h4 h5 h6 hgroup header footer address p hr pre blockquote ol ul li dl dt dd figure figcaption div a em strong small s cite q dfn abbr data time code var samp kbd sub sup i b u mark ruby rt rp bdi bdo span br wbr ins del img iframe embed object param video audio source track canvas map area svg math table caption colgroup col tbody thead tfoot tr td th form fieldset legend label input button select datalist optgroup option textarea keygen output progress meter details summary command menu main template row column ";

次に、11587行目あたりにある

var elementTypes = 

blockLevel:

の末尾にタグを設定します。
同じく「row」と「column」を追加しました。

var elementTypes = {
    〜中略〜
    blockLevel: 'address, applet, blockquote, button, center, dd, del, dir, div, dl, dt, fieldset, form, frameset, hr, iframe, ins, isindex, li, link, map, menu, noframes, noscript, object, ol, p, pre, script, table, tbody, td, tfoot, th, thead, tr, ul, h1, h2, h3, h4, h5, h6, row, column'.split(', '), 

これでタグの認識は完了です。

2: snippets.js

次に、実際に変換されるタグの内容を設定します。

<ファイルの場所>

/Applications/Adobe Dreamweaver CC 2015/configuration/Shared/Emmet/Emmet/snippets.js

596行目あたりにある、

"html": 

の「abbreviations」にショートカットとタグの一覧がズラーッと並んでいると思います。ここに「"ショートカットの文字": "出力されるタグ"」の形式で記述します。
場所はお好みのところで大丈夫です。

私は上記と同じく「row」と「column」の2行を追加しました。

"html": {

〜中略〜

  "abbreviations": {
    "!": "html:5",
    "a": "<a href=\"\">",

〜中略〜 

    "row": "<row>",
    "column": "<column cols=\"\">",

これで設定は完了です。

Dreamweaverを再起動すると、設定が反映されているはずです。

さらにカスタマイズ

これで十分便利になったのですが、いちいち「column」と打つのが大変なことに気づきます。ですので「col」で変換されるように設定しなおしました。

"html": {

〜中略〜 

    "row": "<row>",
    "col": "<column cols=\"\">",

なお、もともと「col」には「<col>」というタグが設定されています。
あまり利用することのないタグなのでこちらは消してしまいましょう

(利用される方はこちらの編集は割愛してください)

 

以上でカスタマイズは完了です!

よいコーディング生活を!

Android Studio - Messages欄に「android -23 requires compiling with jdk 7...」とエラー表示されるときの対処法

Android Studioをインストールした直後。

Android -23 requires compiling with jdk 7..】

というエラーが起きる方多いんじゃないでしょうか。

これつまりはJavaのバージョンが古いだけなので、公式サイトから持ってくればOKです。

 

公式サイトからダウンロードする

以下のサイトから、ダウンロード→インストールしてあげてください。

Java SE Development Kit 7 - Downloads | Oracle Technology Network | Oracle

<ダウンロード手順>

i ) こちらからダウンロードする

f:id:usaginoizawa:20150820002719p:plain

ii ) ダウンロードしたものをダブルクリックでインストール開始

iii ) 手順に従っていけばOK!

 

Android Studioの設定をする

インストールが終わったら、Android Studio側の設定をしましょう。

といっても、いまJavaをインストールしたフォルダを設定するだけなので一瞬です。

<設定の手順>

i ) 「0: Messages」の【Android -23 requires compiling with jdk 7..】というエラーのひとつ下のテキスト(リンク色)をクリック(フォルダがどうのこうの...みたいなやつ)

ii ) フォルダのツリーが出てくるので

【/Library/Java/JavaVirtualMachines/1.6.0.jdk】が選択されているところを、
【/Library/Java/JavaVirtualMachines/jdk1.7.0_79.jdk】に変更する

(※jdk 7 というのは、フォルダ的には「1.7.0」と表記するようです)

iii ) これでOK!あとはAndroid Studioが勝手にやってくれます。

上記の場所にフォルダがない場合は、こちらを参照してみてください。

【Android Studio】JDKのバージョンが合わない場合の対処法! | iDEA CLOUD/dev

 

ひとまずエラーは消えましたね!

 

Androidで.apkがインストールできない時の対処法

「インストール」が押せない??

MonacaにてAndroidデバッグビルドを行い、「.apk」を開いたときのこと。インストール画面は正常に開くのですが、そこから先に進めない…。

※参考:Monaca - HTML5モバイルアプリ開発プラットフォーム 

f:id:usaginoizawa:20140824143558p:plain
※右下の「インストール」を押すだけなのだが…?

「インストール」を押してもうんともすんとも言わない。

「キャンセル」は押せるんですよ。なぜか「インストール」だけ押せない。
まるで何かしらの膜が邪魔をしてるみたい…。

 

原因はほかの常駐アプリ

だめもとでフォーラムに投げたところ…
どうやら他の常駐アプリが悪さをしているらしい、とのこと。

> 他のapkファイルはインストールできますか?
>何か他のソフトが邪魔して、インストールボタンが押せないのではないでしょうか?
- ナッツイータさん

参照:Androidのデバッグビルドアプリがインストールできない | MonacaでHTML5モバイルアプリ開発

 

そこで1つずつ常駐アプリを消してトライしてを繰り返したところ
…ついに見つけました!この「電球マーク」のアプリ

f:id:usaginoizawa:20140824144818p:plain
普段気に留めない常駐アプリだが…。

「明るさ調整」という、文字通り画面の明るさを調節できるアプリ。

これを停止したら見事解決!

無事インストールできるようになりました(^o^)/

 

このアプリの「イメージフィルタ」が邪魔をしていたのかな?
まあ何やかんやいろいろあるのだろうけど、ひとまず直ってよかった。

おそらく他にもいろんなアプリやパターンがあると思います。
みなさんも困ったらバックグラウンドで起動しているアプリを疑ってみてはいかがでしょうか。

 

ちなみにバックグラウンドのアプリ停止方法はこちら

[設定] > [アプリ] > [実行中] > アプリを選択 > [停止]

(※必須のアプリもあるかもなので、作業の際はくれぐれもご注意を)

f:id:usaginoizawa:20140824145834p:plain

Unity 3DのGUI Text, GUI Textureがプレビューで表示されない

GUI系のGameObjectの位置座標は、他のものと異なり、端末画面の左上から右下にかけて0〜1の値を取ります。

そのため座標がマイナスだったり1以上だったりすると、画面外として扱われて表示されません。(※Scene上のどこに置いても同様)

解決法

f:id:usaginoizawa:20130811151424p:plain

  • Transformの「Position」を0.0〜1.0の間にする。
  • 文字サイズや「Alignment」leftやrightに飛んでいないかを確認する

ちなみに、

  • Transform > Position「X:0,Y:0,Z:0」
  • GUI Text > Anchor「middle center」

にするとぴったり画面中央に表示されます。

f:id:usaginoizawa:20130811151859p:plain