Branberyheag!! Lab » 未分類 http://lab.branberyheag.com ActionScript3.0やJavascriptを使っていろんなものを作ってみます。 Fri, 03 Feb 2012 06:28:02 +0000 ja hourly 1 WordPress とOAuthを使ってWebサービスを作る http://lab.branberyheag.com/2011/04/09/wordpress-%e3%81%a8oauth%e3%82%92%e4%bd%bf%e3%81%a3%e3%81%a6web%e3%82%b5%e3%83%bc%e3%83%93%e3%82%b9%e3%82%92%e4%bd%9c%e3%82%8b.html http://lab.branberyheag.com/2011/04/09/wordpress-%e3%81%a8oauth%e3%82%92%e4%bd%bf%e3%81%a3%e3%81%a6web%e3%82%b5%e3%83%bc%e3%83%93%e3%82%b9%e3%82%92%e4%bd%9c%e3%82%8b.html#comments Fri, 08 Apr 2011 15:49:20 +0000 isao http://lab.branberyheag.com/?p=998 WordPressって、こういうこともできるのか・・・って、思ったのでメモ。

本来、「すきなばしょ」もこれで作りたかったなって、思う。Wordpressって、すばらしいソフトウェアだとつくづく思った。

WordPress と OAuth 認証を使って会員向け Web サービスを作る関連した記事

]]> http://lab.branberyheag.com/2011/04/09/wordpress-%e3%81%a8oauth%e3%82%92%e4%bd%bf%e3%81%a3%e3%81%a6web%e3%82%b5%e3%83%bc%e3%83%93%e3%82%b9%e3%82%92%e4%bd%9c%e3%82%8b.html/feed 0 サーバー側コーディング不要のGoogle App Engine開発環境「jsonengine」 http://lab.branberyheag.com/2011/01/27/%e3%82%b5%e3%83%bc%e3%83%90%e3%83%bc%e5%81%b4%e3%82%b3%e3%83%bc%e3%83%87%e3%82%a3%e3%83%b3%e3%82%b0%e4%b8%8d%e8%a6%81%e3%81%aegoogle-app-engine%e9%96%8b%e7%99%ba%e7%92%b0%e5%a2%83%e3%80%8cjsonengine.html http://lab.branberyheag.com/2011/01/27/%e3%82%b5%e3%83%bc%e3%83%90%e3%83%bc%e5%81%b4%e3%82%b3%e3%83%bc%e3%83%87%e3%82%a3%e3%83%b3%e3%82%b0%e4%b8%8d%e8%a6%81%e3%81%aegoogle-app-engine%e9%96%8b%e7%99%ba%e7%92%b0%e5%a2%83%e3%80%8cjsonengine.html#comments Thu, 27 Jan 2011 03:41:41 +0000 isao http://lab.branberyheag.com/?p=924 codezineの「サーバー側コーディング不要のGoogle App Engine開発環境「jsonengine」 」に飛びついた。
「jsonengine」をなんなのかというと、フロントエンドのスクリプトで、簡単にGoogle App Engineを使ったデータベースを作れちゃうというアプリケーション。
POSTは、JSONで送信して、データ取得もJSONなので、サーバの言語を知らなくても、データを格納できる場所を確保できるというもの。

フロントエンド側のみでWebサービスを作れる可能性が高くなってくる。
この記事を読んで、即、飛びついて、アカウントも取ったけど、問題があってやはりある程度は知識が必要。

なので、勉強中。

あと、このアプリケーションの欠点として、画像データを格納できないことじゃないのかと思う。

これを使ったなんかを作る予定。関連した記事

]]> http://lab.branberyheag.com/2011/01/27/%e3%82%b5%e3%83%bc%e3%83%90%e3%83%bc%e5%81%b4%e3%82%b3%e3%83%bc%e3%83%87%e3%82%a3%e3%83%b3%e3%82%b0%e4%b8%8d%e8%a6%81%e3%81%aegoogle-app-engine%e9%96%8b%e7%99%ba%e7%92%b0%e5%a2%83%e3%80%8cjsonengine.html/feed 0 「すきなばしょ」リニューアルメモ http://lab.branberyheag.com/2010/12/31/%e3%80%8c%e3%81%99%e3%81%8d%e3%81%aa%e3%81%b0%e3%81%97%e3%82%87%e3%80%8d%e3%83%aa%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%a2%e3%83%ab%e3%83%a1%e3%83%a2.html http://lab.branberyheag.com/2010/12/31/%e3%80%8c%e3%81%99%e3%81%8d%e3%81%aa%e3%81%b0%e3%81%97%e3%82%87%e3%80%8d%e3%83%aa%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%a2%e3%83%ab%e3%83%a1%e3%83%a2.html#comments Fri, 31 Dec 2010 13:54:43 +0000 isao http://lab.branberyheag.com/?p=920 デザインメモ

  • 本のモチーフをもっと全面に出す。
  • トップページは、ポラロイドと手書き風にする。
  • UIは、よりオリジナル色を出す
  • ユーザビリティを高くする
  • 言語にこだわらないサイトにする（したい）

技術的メモ

  • HTML5とCSS3で作る
  • Webストレージを使って、前回までのページを保持する。
  • WordPress色をかき消すような動きをJavaScriptで表現
  • mixiアプリとの連携など、なんか外部のサービスと繋がりたい

関連した記事

]]> http://lab.branberyheag.com/2010/12/31/%e3%80%8c%e3%81%99%e3%81%8d%e3%81%aa%e3%81%b0%e3%81%97%e3%82%87%e3%80%8d%e3%83%aa%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%a2%e3%83%ab%e3%83%a1%e3%83%a2.html/feed 0 JQueryでHTML5の要素を追加するときの注意点 http://lab.branberyheag.com/2010/12/14/jquery%e3%81%a7html5%e3%81%ae%e8%a6%81%e7%b4%a0%e3%82%92%e8%bf%bd%e5%8a%a0%e3%81%99%e3%82%8b%e3%81%a8%e3%81%8d%e3%81%ae%e6%b3%a8%e6%84%8f%e7%82%b9.html http://lab.branberyheag.com/2010/12/14/jquery%e3%81%a7html5%e3%81%ae%e8%a6%81%e7%b4%a0%e3%82%92%e8%bf%bd%e5%8a%a0%e3%81%99%e3%82%8b%e3%81%a8%e3%81%8d%e3%81%ae%e6%b3%a8%e6%84%8f%e7%82%b9.html#comments Tue, 14 Dec 2010 05:31:19 +0000 isao http://lab.branberyheag.com/?p=906 IE8以下のブラウザにHTML5の要素を追加する場合、html5の要素をJavaScriptを追加する。
よく使うのは、html5.jsを使う。

<pre><!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]--></pre>

または、

<pre><!--[if lt IE 9]>
<script>
var html5 = ['header', 'footer', 'section', 'article', 'aside', 'time', 'hgroup'];
// ↑使う要素を配列に入れておく
for ( var i=0, j=html5.length; i<j; i++ ) {
document.createElement(html5[i]);
}
</script>
<![endif]--></pre>
[/javasctipt]
<pre>という風にして、要素を動的に生成する。
これより、CSSに適用しやすくする。

これをJQueryでやってもうまくいかないようだ。

1

<pre><code>$('#box').append('<section>section</section>');</code></pre>

innerShiv.jsを使うとうまくいくみたい。

なんとなく、これでも面倒くさいと思う。
AJAXで、実装する場合ときには、一工夫必要のような気がした。

関連した記事

]]> http://lab.branberyheag.com/2010/12/14/jquery%e3%81%a7html5%e3%81%ae%e8%a6%81%e7%b4%a0%e3%82%92%e8%bf%bd%e5%8a%a0%e3%81%99%e3%82%8b%e3%81%a8%e3%81%8d%e3%81%ae%e6%b3%a8%e6%84%8f%e7%82%b9.html/feed 0 IE8互換表示モードの基礎知識 http://lab.branberyheag.com/2010/10/15/ie8%e4%ba%92%e6%8f%9b%e8%a1%a8%e7%a4%ba%e3%83%a2%e3%83%bc%e3%83%89%e3%81%ae%e5%9f%ba%e7%a4%8e%e7%9f%a5%e8%ad%98.html http://lab.branberyheag.com/2010/10/15/ie8%e4%ba%92%e6%8f%9b%e8%a1%a8%e7%a4%ba%e3%83%a2%e3%83%bc%e3%83%89%e3%81%ae%e5%9f%ba%e7%a4%8e%e7%9f%a5%e8%ad%98.html#comments Thu, 14 Oct 2010 17:01:57 +0000 isao http://lab.branberyheag.com/?p=873 いつか役に立つかもしれないから、メモ。

IE8de正しく表示されないサイトには、この警告が出るみたい。

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

↑を入れると回避可能のようだ。

IE8互換表示モードの基礎知識
http://seo-engineer.info/archives/ie8-compatible.html関連した記事

]]> http://lab.branberyheag.com/2010/10/15/ie8%e4%ba%92%e6%8f%9b%e8%a1%a8%e7%a4%ba%e3%83%a2%e3%83%bc%e3%83%89%e3%81%ae%e5%9f%ba%e7%a4%8e%e7%9f%a5%e8%ad%98.html/feed 0 test http://lab.branberyheag.com/2010/10/04/test.html http://lab.branberyheag.com/2010/10/04/test.html#comments Sun, 03 Oct 2010 16:37:05 +0000 isao http://lab.branberyheag.com/?p=861 http://lab.branberyheag.com/2010/10/04/test.html/feed 0 Google Analyticsで詳細にデータを取得するために使うgaAddons http://lab.branberyheag.com/2010/09/13/gaaddons.html http://lab.branberyheag.com/2010/09/13/gaaddons.html#comments Sun, 12 Sep 2010 16:13:07 +0000 isao http://lab.branberyheag.com/?p=846 Google Analyticsで詳細にデータを取得ダウンロード数などを計測を容易にするアドオンがあるみたい。

ちょっと、知らなかったので、メモ。
詳細にデータを取得するならこういうアドオンは必須になってくるので、メモ。

ログ解析を詳細にやろうとするとダウンロード数なども計測しないといけないけど、こういうものがあるとかなり便利になるとおもう。

http://www.moongift.jp/2009/12/gaaddons/関連した記事

]]> http://lab.branberyheag.com/2010/09/13/gaaddons.html/feed 0 HTML5+CSS3で作られたハイクオリティでフリーテンプレート12種類 http://lab.branberyheag.com/2010/04/28/html5_css3.html http://lab.branberyheag.com/2010/04/28/html5_css3.html#comments Wed, 28 Apr 2010 10:00:31 +0000 isao http://lab.branberyheag.com/?p=683 「12 Elegant, Free & High Quality HTML5+CSS3 Templates」

これを見るとHTML5のシンプルさ、CSS3のデザインの作り込み度の高さを感じられる。もうphotoshopでデザインの作り込みをするっていう作業がなくなるかもしれない。
これは大げさだけど、現実問題おおまかなデザインは、photoshopで、パーツの作り込みはCSS3でっていう時代が来そう。すごいもんだ。

個人ブログのコンセプトを練っているんだけど、HTML5で作ってもいいかもしれないな。。。関連した記事

]]> http://lab.branberyheag.com/2010/04/28/html5_css3.html/feed 0 twitterのつぶやきといっしょに位置情報を送信について http://lab.branberyheag.com/2010/04/21/twitter%e3%81%ae%e3%81%a4%e3%81%b6%e3%82%84%e3%81%8d%e3%81%a8%e3%81%84%e3%81%a3%e3%81%97%e3%82%87%e3%81%ab%e4%bd%8d%e7%bd%ae%e6%83%85%e5%a0%b1%e3%82%92%e9%80%81%e4%bf%a1%e3%81%ab%e3%81%a4%e3%81%84.html http://lab.branberyheag.com/2010/04/21/twitter%e3%81%ae%e3%81%a4%e3%81%b6%e3%82%84%e3%81%8d%e3%81%a8%e3%81%84%e3%81%a3%e3%81%97%e3%82%87%e3%81%ab%e4%bd%8d%e7%bd%ae%e6%83%85%e5%a0%b1%e3%82%92%e9%80%81%e4%bf%a1%e3%81%ab%e3%81%a4%e3%81%84.html#comments Tue, 20 Apr 2010 16:21:38 +0000 isao http://lab.branberyheag.com/?p=670 twitterでの位置情報をどうやって送信するのか分からなかった。

設定を変えてみたりしたけど、何も変わらなかった。どうしてだろうと思っていろいろと調べてみたところ専用クライアントソフトだと位置情報と一緒に送信できるそうだ。

ちなみに、モバツィは、位置情報の取得ができない。さて、どうしたものかと思って調べてみるとはてなココは、位置情報を送信できるようだ。ツィッタークライアントソフトを作ろうかと思ったけど、そこに時間をかけるよりももっと別のところに時間をかけようと思って止めた。

twitter APIのリファレンスにもあまり詳しくは載っていないようだ。大事なことだから、載せてほしいよね。。。関連した記事

]]> http://lab.branberyheag.com/2010/04/21/twitter%e3%81%ae%e3%81%a4%e3%81%b6%e3%82%84%e3%81%8d%e3%81%a8%e3%81%84%e3%81%a3%e3%81%97%e3%82%87%e3%81%ab%e4%bd%8d%e7%bd%ae%e6%83%85%e5%a0%b1%e3%82%92%e9%80%81%e4%bf%a1%e3%81%ab%e3%81%a4%e3%81%84.html/feed 0 ケータイでGPSを取得するライブラリについて http://lab.branberyheag.com/2010/04/05/%e3%82%b1%e3%83%bc%e3%82%bf%e3%82%a4%e3%81%a7gps%e3%82%92%e5%8f%96%e5%be%97%e3%81%99%e3%82%8b%e3%83%a9%e3%82%a4%e3%83%96%e3%83%a9%e3%83%aa%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6.html http://lab.branberyheag.com/2010/04/05/%e3%82%b1%e3%83%bc%e3%82%bf%e3%82%a4%e3%81%a7gps%e3%82%92%e5%8f%96%e5%be%97%e3%81%99%e3%82%8b%e3%83%a9%e3%82%a4%e3%83%96%e3%83%a9%e3%83%aa%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6.html#comments Mon, 05 Apr 2010 11:26:15 +0000 isao http://lab.branberyheag.com/?p=649 あるものを作っていて、そのツールがGPSで経緯を取得して、表示するツールでこれをなんとかケータイ版に移植しようかと考え中。PHPでケータイからデータを取得できるらしいので、ライブラリを使って試してみようと思う。

ていうことで、メモ。

Net_UserAgent_Mobile_GPS

関連した記事

]]> http://lab.branberyheag.com/2010/04/05/%e3%82%b1%e3%83%bc%e3%82%bf%e3%82%a4%e3%81%a7gps%e3%82%92%e5%8f%96%e5%be%97%e3%81%99%e3%82%8b%e3%83%a9%e3%82%a4%e3%83%96%e3%83%a9%e3%83%aa%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6.html/feed 0