Neo Inspiration

Avatar

中の人:jakkrokk (HN統一しました) がphp,javascript,air,flex などなど好き勝手書いてます。仕事は主にWEBシステムの設計と開発、SEO全般など。

Google App Inventor を使ってみた

何週間前かもう覚えてませんが、とりあえず申請していたのがやっと通ったようで。
ってことで、AppInventor触ってみました。

http://appinventor.googlelabs.com/learn/

初めに

とりあえず動画は見ていたのでブラウザでいじれるんだろうって思ったら、
どうもアプリもインスコしないといけないらしい。
(別にアクセス許可が下りる前からインスコまではできるらしい)

I downloaded the App Inventor Extras Installer and ran it. Can I start using App Inventor right now?

No, App Inventor is a Web application that runs in a browser.
You'll need to have access to the system before you can run it.
Installing the App Inventor Extras software and setting up the phone is necessary preparation for using the system,
but this doesn't in itself provide access to App Inventor.

設定して立ち上げてみる

インスコ完了したら、今度はAndroid側の設定っておもったけど、
ざっとみると1.6のXperiaちゃんの名前はない(当たり前か。。w)
とりあえずUSBつなぐ以外特にandroid側でやることはないようなので
XperiaをUSB接続させた状態で立ち上げてみることに。
Appinventor自体はブラウザから立ち上げるので、
ページにアクセスするだけです。
(インストールしたのはたぶん実機テスト関係のアプリっぽいです)

アプリを作ってみる

プロジェクト作成
とりあえずappinventorのページにアクセスすると
シンプルにメニューバーだけが表示されてるので、プロジェクトを作成してみる。

適当にアプリのビューを作る
作るとこんなかんじの画面になるので、適当に直感で左のメニューから
ドラッグ&ドロップで動かしてみるとなんか入った!

入れたボタンのテキストとかのプロパティは全部右側で操作できます。
なおブラウザなので、ここでは日本語がちゃんと入りますので、
ボタンに日本語で名前を付けれます。
(後述のBlockEditorでは日本語が化けます)

Block Editorでロジックの操作
ただ、これだとクリックしたときの動作とかを設定する画面がないなー
とチュートリアルを見たら、上部にあるBlock Editorをクリックせよ
と書いてあるので押してみる。
(またアプリダウンロード)

ちょっとするとこんな画面が別ウィンドウで立ちあがる。

おーこれこれ。動画で出てたやつが立ち上がりました。
どうもすみ分け的に、ブラウザ側でViewのレイヤーを操作して、
ロジック的なことはBlockEditorでやる模様。

とりあえず適当にアプリのイニシャライズ時の設定とかしてみました。

が、titleに日本語ぶち込もうとしたら入らない。。設定がおかしいのかな?
とりあえず文字化けしちゃうので、今回はローマ字でw

実機テスト
ここまで出来たら、あとはエミュレータでもなんでも確認してみたいわけですが、
チュートリアルには上のバーにある 「restart phone app」をクリックするように書いてあるので、
とりあえずポチっとすると。。

10秒くらいでUSB接続したXperiaちゃんから画面が!!

しかもこれ、リアルタイムなかんじで、ブラウザ側でアイテムを追加すると
そのままXperiaの画面でも反映されます。なにこれすごい。

パブリッシュ
最後パブリッシュですが、これはブラウザ側でやるっぽいです。
ブラウザ側の右上にパッケージ化みたいなボタンがあるので
押してみたらapkファイルにまとめてダウンロードしてくれました。

まとめ

Eclipseより早い。。。
はっきりいってほぼマウス操作でできるので、
プログラムを少しでも組んだことがあれば(if とかあそこらへんの概念がわかれば)
アプリ作ることができちゃいます。これ。
ただ、blockEditorのほうが日本語対応してくれないと、色々ときついかなーとは思います。

Flexで埋め込みフォントを使用しないtext fieldでのエフェクト

Flexでは理由はよくわかりませんが、埋め込みフォントじゃないと
text系はエフェクトかけれないそうで。
textfieldをフェードインさせたかったのでつまったので調べてみました。

とりあえずこれが一番いいようなのでこちらでも紹介します。

Alternatives to using the Fade effect with text

ソース

private function forTextEffect(obj:Object):void {
    var bf:BlurFilter = new BlurFilter(0,0,0);
    var myFilters:Array = new Array();
    myFilters.push(bf);
    obj.filters = myFilters;
}

向こうに書いてあるのがオブジェクト指定だったので、
多少いじりました。

とりあえず mx:Text とかにFadeInなどをかけるまえに

forTextEffect(textObject);

みたいに一枚かましておけばちゃんとfadeInが動作するようになります。
ただこの処理自体が多少時間がかかるようなので、もしかしたら

forTextEffect(textObject);
fadeIn.play([textObject]);

みたいに連続して書くと確実にfadeInが動作するか担保できないかもしれません。
(未検証)

seopanelをインストールしてみた

*超長いです。

めずらしくMOONGIFTさんにSEOのネタがあったので
拾ってみました。
SEOに力を入れるなら使おう「Seo Panel」

別にローカルの環境でやってもよかったんですが、
一応さくらのサーバにぶちこんでみました。

ダウンロードとインストール

ダウンロードはここから

http://www.seopanel.in/download/

WGETで取得するなりダウンロードしたあと解凍してアップするなりします。

アップしたら以下の作業を行います。
・configフォルダのsp-config.phpのパーミッションを666に
・tmpフォルダのパーミッションを777に

ここまで終わったら、ブラウザから ***.com/seopanel/install/index.phpにアクセス
(フォルダ名とか変えてるともちろんURLも変わります。)

WordPressとかインストールするときのように
DB系のデータを入力してポチでインストール完了です。
(インストールが終わったら installフォルダを削除し、
 congfigフォルダのsp-config.phpを644にもどします)

コマンドラインだとこんな感じ

wget http://seopanel.googlecode.com/files/seopanel.v.2.0.2.zip
unzip seopanel.v.2.0.2.zip
cd seopanel
chmod 666 config/sp-config.php
chmod 777 tmp

//ブラウザで作業

chmod 644 config/sp-config.php
rm -r install //削除するから気をつけて

インストールが終わるとDBはこんな感じのが増えてます

backlinkresults
country
directories
dirsubmitinfo
keywords
languages
rankresults
saturationresults
searchengines
searchresultdetails
searchresults
seoplugins
seotools
settings
skipdirectories
users
usertypes
websites

DBにプレフィックスがないから多重インストールとかはめんどくさそうです。

触ってみる

ログインするとこんな感じで見た目ちょいいまいちですが、
所詮ツールなので問題なし。
全部英語ですがとりあえずなんとなくわかると思うので、
まずはspadminのパスとか変えておいてください。

○ランキングチェック

とりあえずcronは置いておいて、サイトを登録して調べてみます。

1:サイトを登録する
 Admin Panel ⇒ Website Manager ⇒ New Website
 でサイトを登録します。
 日本語も大丈夫そうですが、Crawl Meta Dataボタンはutf8のサイトじゃないと
 文字化けするっぽいので使わないほうがいいかも。
 *この時Seo Panelのトップに行くとサマリーがでますが、
  この時点ではバッチが走っていないので、全部空っぽです。
  これは Admin Panel ⇒ Reports Manager ⇒ Report Generation Manager
  でサイトを指定して Proceed を押せばすぐ更新できます。

2:サイトを登録したらそれにキーワードを設定します。
 Seo Tools ⇒ Keyword Position Checker ⇒ Keywords Manager
 でキーワードを設定していきます。
 画面下の Create をおして、キーワード名、サイトなどを指定してください。
 *Search EnginesはSHIFTを押しながら選択することで複数選択できます。

3:とりあえず一発走らせる
 このままだとサイト登録時と同様にまだバッチが走っていないので、
 とりあえず一回チェックさせます。
 Seo Tools ⇒ Keyword Position Checker ⇒ Generate Keyword Reports
 にて、とりあえず何も設定せずに Proceed を押してください
 (なにも設定しないと全部 All 設定になります。)

4:ランキングのチェック
 Seo Tools ⇒ Keyword Position Checker ⇒ Keyword Position Summary
 にてレコードが表示されてるはずです。

○ランキングチェックを自動にする

1:色々と機能があるので、とりあえず何を自動で回すかを確認します。
 Admin Panel ⇒ Seo Tools Manager
 でCronの項目がActivateになっているものが全部自動でチェックされる対象です。

2:Cronの設定
 さくらの場合ですが、単純に cron.php を定期的に回すだけでOKなので、
 さくらのコンパネから CRONの設定 ⇒ 新規追加で
 以下みたいな設定にすればいいはずです。

 月 *
 日 *
 時 0
 分 0
(毎日0時にバッチスタート)
おまけ

他にもちょこちょこ機能ありますが、長くなったので今回はとりあえずこんなとこで。
ただソース見た感じでは俺が作ってるやつと比べてgoogleの回数制限とかの対処が甘かったりするので、
1000件以上のキーワードは回せないかもしれません。(未検証)
これで回せるのであればもしかしたら裏技っぽいことがあるのかなー。
ってことでソースの読み倒しはこの後の宿題。

おまけ

○細かいツール系

登録せずにささっとサイトのバックリンクを調べてみます。
1:メニューのSeoToolをクリック
2:Backlinks Checker⇒Quick Backlinks Checker
3:明らかにフォームがあるので、そこにURLをぶち込めばAjaxで順繰りに表示してくれます。

Continue Next page

Twitter