カテゴリー: <span>Web</span>

Happy New Year 2014

Happy New Year 2014

今年もZ effectsオフィシャルブログをよろしくお願いします。

2014/1/1


ドコモのAndroid4.2.2からだとWPtouchが表示が崩れて、動作してない!?スマフォ対応しなくなったのを解決

自分のドコモのAndroid4.2.2スマフォからブログを見てみると、表示がおかしくなっている。

WPtouch

WPtouch

こんな感じで、表示がシンプルになっているし。動作もおかしくなっている。
スマフォ対策にプラグインの「WPtouch」で動作させている。携帯はプラグインの「Ktai Style」
WordpPressのバージョンアップを、最近したけど、テーマと「WPtouch」「Ktai Style」はアップデートしていない。プラグインを「WPtouch」だけにしても、正常に動作をしていない。

WPtouch

WPtouch

原因は、スマフォのOSをAndroid4.2.2からアクセスをしている事とブラウザーが考えられる。ブラウザーをドコモのではなく、Operaなどで見れることもあったが、普通には見れないと思った方がいい。「WPtouch」Android4.2.2を認識していないような感じです。もしかするとdocomo ARROWS X F-10Dだけかもしれない。

「WPtouchをAndroid 4_1 Jelly Beanに対応させてみる(その2)  8wired」(
http://8wired.jp/blog/753)に、Android 4.1への対応を参考になり、プラグイン化もされています。プラグインを入れてみたところ、「WPtouch」の表示が正常に戻りました。

WPtouch

WPtouch

 

「WPtouchをAndroid 4_1 Jelly Beanに対応させてみる(その2)  8wired」
http://8wired.jp/blog/753


Emmetの「html lang=”en”」を「html lang=”ja”」にsnippets.jsonで変更

Emmetでhtmlなどを便利にコーディングできるが、デフォルトのhtmlの設定は英語です。テキストエディターはNotepad++Emmetプラグインで利用をしています。

Notepad++

!

と入力をして、「CTR+E」で展開すると

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
 <title>Document</title>
</head>
<body>

</body>
</html>

となります。

そこで、Zen-Codingのように設定を変更をすることにしました。でも、ファイルはどれだ?

Notepad++Emmetをプラグインでの設定ファイルは「emmet」フォルダーの「snippets.json」に、「html lang=”en”」などの項目があります。まずは、この「snippets.json」ファイルをバックアップをします。

{
"variables": {
"lang": "en",
"locale": "en-US",
"charset": "UTF-8",
"indentation": "\t",
"newline": "\n"
},

「snippets.json」のファイルの先頭に項目があります。

{
"variables": {
"lang": "ja",
"locale": "ja-JP",
"charset": "UTF-8",
"indentation": "\t",
"newline": "\n"
},
 

「”lang”: “en”,」「”lang”: “ja”,」「”locale”: “en-US”,」「”locale”: “ja-JP”,」に保存をします。

Emmetを起動し直して、展開をしてみると、

<!doctype html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>

</body>
</html>
 

となります。


zencodingがEmmetと名前が変わってた。Dreamweaver CCとNotepad++にインストールしてみた

Windows7をインストールし直したので、Notepad++zencodingをインストールしようとググってみたところ、Emmetに名前を変えて新しくなっていた。

まずは、Notepad++EmmetEmmetEmmet for Notepad++https://github.com/emmetio/npp#readme)をダウンロードして、インストール。
インストール方法についても、ダウンロードのサイトに解説がある。Emmet for Notepad++をプラグインに入れただけでは動かない点についても、Emmet for Notepad++のPlugin ManagerからPython Script pluginもインストールする必要があるとインストール手順のところに記載があるり、このプラグインを先にインストールするのが正しいインストール方法らしい。無いと、動かなかった。
あと、Emmet for Notepad++をプラグインからかショートカットのCtrlとEで実行。自分のパソコンの設定の影響なのかショートカットがCtrlとAltとEnterがデフォルトのショートカットになっていた。これはNotepad++の設定のショートカット管理のPlugin commadsのExpand abbreviationのShortcutを変更することで、ショートカットのCtrlとEに変更はできた。変更する際は、重複がないようにしてください。

そして、Dreamweaver CCEmmetをインストール方法は、EmmetEmmet for Dreamweaverhttps://github.com/emmetio/dreamweaver#readme)から、Emmet.zxpをダウンロードして、Adobe Extension Managerからインストールする。あとは、Emmetを使うだけです。

Emmetの使い方は、ググってみるといろいろ情報が出ています。Emmetのデモも用意されています。EmmetのサイトにDocumentationCheat Sheetも用意されています。

やはり、Emmethtmlcssコーディングが楽になります。便利!

Emmet
http://emmet.io/
Emmet Download
http://emmet.io/download/
Emmet for Notepad++
https://github.com/emmetio/npp#readme
Emmet for Dreamweaver
https://github.com/emmetio/dreamweaver#readme
Emmet Documentation
http://docs.emmet.io/
Emmet Cheat Sheet
http://docs.emmet.io/cheat-sheet/


Adobe Creative Cloudで、CS6からCCに「ダウンロードエラー」発生。Windows7を再インストールし、IE9でインストール完了

Adobe Creative Cloudで、CS6を使っていた。

CCのアプリケーションをインストールができない?

OSはWindows 7(64bit)で、IE10です。どうも、Adobe Application Managerが起動をすると「ダウンロードエラー」が発生。困った。ダウンロードすらできず、IDも入力すらできない。

Adobeのサポートを見たところ、Adobe Application Managerを再インストールやOOBEなどの2つのフォルダーを削除もしたのですが「ダウンロードエラー」は解決せず。インターネットオプションも修正はしたが、変わらない。

別のユーザーアカウントを作る方法も解決はしなかった。多くは、ここまでの対応で解決ができているようです。

ちなみに、Adobe Creative Cloudのサイトにはログインはできるが、ダウンロードは実行できず、Adobe Creative Cloud「トレーニング」もつながらない。ここ最近、Adobe Application Managerがちゃんと起動はしていなかったような気がする。

ググっても、サポートのページにも解決する方法が見つからなかった。ネットの設定がおかしいように思えるが、理由がわからない。

Windows7も数年利用していて、重くなってきたいたし、古くなってきていたから、新しいハードディスクをかってWindows7をクリーンインストールをすることにしました。Windows7の再インストールからという、おすすめはできない解決方法です。ほかに解決方法があればいいのですが。

Windows7をインストールして、ドライバーやオフィスやWindows Updateをした。Adobe Creative Cloudをインストールをしようとしたが、またも「ダウンロードエラー」は変わらず、インストールができなかった。この時はIE10までアップデートをしていた。

インストールの順番が悪かった可能性があるので、もう一度Windows7をインストールすることにした。

今度は、Windows7をインストール後にAdobe Creative Cloudをインストールすることにした。この時点で、IE8だったので、心配ではあったが、Adobe Creative Cloudのサイトにログインし、Adobe Application ManagerではなくCreative Cloudからアプリケーションをダウンロードし、インストールは完了できた。Adobe Creative Cloud「トレーニング」も利用はできている。

もしかして?IEのバージョンの問題なのではないかと個人的には思っている。現時点では、IE9を利用だがAdobe Creative Cloudは利用はできている。IE10にはしていない。ブラウザーをIE10から、IE9にダウングレードをすれば、解決ができたのかもしれないと思っているが、試してはいないので解決ができるかわからない。