tag:blogger.com,1999:blog-34907011636829762472024-03-06T09:34:22.757+09:00Scribbled Offhandもの作りたくなった時に動き出す人。思いついたもの、調べたものをメモって行きます。sickboyhttp://www.blogger.com/profile/10500073024794507901noreply@blogger.comBlogger46125tag:blogger.com,1999:blog-3490701163682976247.post-30409673388371209812014-05-21T22:50:00.002+09:002014-05-21T22:52:54.984+09:00Django、ユーザー認証<h4>
■概要</h4>
djangoのログイン認証を利用して楽をしたい!!<br />
<h4>
■環境</h4>
python<br />
django<br />
mysql<br />
<h4>
■問題</h4>
ログイン、ユーザー作成は提供されているViewの利用で問題ないが、<br />
テンプレート側でユーザー等を利用したときに値がとってこれない。<br />
<h4>
■解決策</h4>
djangoのログイン認証の機構を利用するときには、<br />
クラスビュー利用したあと、<br />
setting.pyに<br />
<pre class="brush:python;">TEMPLATE_CONTEXT_PROCESSORS = (
"django.contrib.auth.context_processors.auth",
)
</pre>
が必要。<br />
上記設定後テンプレート側で<br />
<pre class="brush:html;"><div>
{{user.username}}{{messages }}
</div>
</pre>
が利用可能に<br />
<h4>
■詳細はこちら</h4>
<a href="http://docs.djangoproject.jp/en/latest/ref/templates/api.html?highlight=context_processors">Python プログラマのための Django テンプレート言語ガイド</a><br />
<a href="http://stackoverflow.com/questions/7470179/module-django-core-context-processors-does-not-define-a-auth-callable-reques">Always including the user in the django template context</a><br />
<br />
<br />sickboyhttp://www.blogger.com/profile/10500073024794507901noreply@blogger.com0tag:blogger.com,1999:blog-3490701163682976247.post-50035398423264343632014-05-17T23:06:00.003+09:002014-05-18T04:15:29.344+09:00Markdown2+pygments<h4>
■概要</h4>
markdownでcodehiliteを表現したい。<br />
<h4>
■環境</h4>
python<br />
Markdown2<br />
<h4>
■Markdown2をインストール</h4>
<a href="https://github.com/trentm/python-markdown2" target="_blank">ここ</a>から<br />
>pip install markdown2<br />
<h4>
■pygmentsをインストール</h4>
<a href="http://pygments.org/" target="_blank">ここ</a>から<br />
>pip install Pygments<br />
<br />
<h4>
■python</h4>
markdownのextrasにfenced-code-blocksを入れる。<br />
<pre class="brush: python;">result = markdown2.markdown(
self.planetext,
extras={"wiki-tables",'fenced-code-blocks'}
)
</pre>
わかりにくいと思いますが<br />
生成されるhtml(ソース)に<br />
<pre class="brush:html;"><div class="codehilite">
</div>
</pre>
が出ていれば成功だと思います。
<br />
<h4>
■markdown</h4>
<pre class="brush:html;">```html
<h1>
見出し h1</h1>
<h2>
見出し h2</h2>
<h3>
見出し h3</h3>
```
```python
if True:
print('hi')
```
</pre>
1行目コード範囲開始<br />
8行目コード範囲終了<br />
1行目、9行目で言語を指定<br />
<br />
<h4>
■html</h4>
色つけるのならCSSの追加が必要<br />
<pre class="brush:html;"><link href="style/css/github.css" rel="stylesheet"></link>
</pre>
css自体は以下など<a href="https://github.com/richleland/pygments-css" target="_blank">ここら</a>辺から入手<br />
いい場所ほかにありそうですが・・・<br />
<br />
<h4>
■備考</h4>
正しいかどうか不明・・・<br />
期待通りの色付けはできましたが、いい配色を探すのが難しいと思ったりしています。<br />
<h4>
■参考</h4>
<ul>
<li><a href="http://www.hexacosa.net/blog/detail/117/" target="_blank">markdownの性能について</a></li>
<li><a href="http://richleland.github.io/pygments-css/" target="_blank">CSSの一覧とイメージ</a></li>
<li><a href="http://pygments.org/languages/" target="_blank">対応している言語</a></li>
</ul>
<br />
<br />
<div>
<br /></div>
sickboyhttp://www.blogger.com/profile/10500073024794507901noreply@blogger.com0tag:blogger.com,1999:blog-3490701163682976247.post-16750936662332557162014-05-11T06:30:00.001+09:002014-05-11T06:41:07.677+09:00Djangoメッセージフレームワーク<h4>
■概要</h4>
最近Djangoでシステム構築するとどうなるかと思いいろいろ試行錯誤中。<br />
FlaskのFlushと同様のことDjangoで・・<br />
<h4>
■環境</h4>
Django[1.6.4]<br />
<h4>
■注意点</h4>
公式ドキュメントに記載されているsettings.pyの設定はstartappでほぼ入っていました。<br />
<h4>
■python/django/views.py</h4>
<pre class="brush: python;">from django.contrib import messages
from django.shortcuts import render_to_response, RequestContext
# ...
def some_view(request):
messages.set_level(request, messages.DEBUG)
# ...
messages.debug(request, '%s SQL statements were executed.' % count)
messages.info(request, 'Three credits remain in your account.')
messages.success(request, 'Profile details updated.')
messages.warning(request, 'Your account expires in three days.')
messages.error(request, 'Document deleted.')
# ...
return render_to_response('my_template.html',
my_data_dictionary,
context_instance=RequestContext(request))
</pre>
1行目:messageのimport<br />
2行目:RequestContextが必要<br />
5行目:set_levelで利用可能なメッセージタグのレベルを設定。デフォルトはinfoのようです。(ここで詰まった)<br />
7~11行目:それぞれのメッセージのテスト<br />
15行目:requestをcontext_instanceに渡してやる必要あり。<br />
<br />
<h4>
■html</h4>
<pre class="brush: html;">
<html>
{% if messages %}
<ul class="messages">
{% for message in messages %}
<li class='{{ message.tags }}'>{{ message }}</li>
{% endfor %}
</ul>
{% endif %}
</html>
</pre>
4行目:タグの情報をそのまま、classに渡すと楽ですね。<br />
<h4>
■備考</h4>
以下の識別がしっくりきたのでメモ<br />
DEBUG:<br />
<span style="white-space: pre;"> </span>開発用のメッセージ、本番環境では無視される(または削除される)<br />
INFO:<br />
<span style="white-space: pre;"> </span>ユーザーに対して情報を伝えるためのメッセージ<br />
SUCCESS:<br />
<span style="white-space: pre;"> </span>アクションが成功した、例) “あなたのプロフィールの更新が成功しました”<br />
WARNING:<br />
<span style="white-space: pre;"> </span>失敗ではないが、その危険性がある<br />
ERROR:<br />
<span class="Apple-tab-span" style="white-space: pre;"></span> アクションが成功していないか、何かの失敗がある<br />
<h4>
■参考</h4>
<a href="http://docs.djangoproject.jp/en/latest/ref/contrib/messages.html">http://docs.djangoproject.jp/en/latest/ref/contrib/messages.html</a><br />
<a href="http://www.18th-technote.com/post/5386511650/django">http://www.18th-technote.com/post/5386511650/django</a>sickboyhttp://www.blogger.com/profile/10500073024794507901noreply@blogger.com0tag:blogger.com,1999:blog-3490701163682976247.post-67625370562575334822014-05-08T06:13:00.000+09:002014-05-08T06:18:02.813+09:00filterの登録<h4>
■概要</h4>
template側でフィルター(filter)を利用したい。<br />
たとえば、変数内の改行を「<br />」に変更する。<br />
jinja2の機能を利用<br />
<br />
<h4>
■python/flask</h4>
<pre class="brush: python;">from jinja2 import Markup, Environment, FileSystemLoader, evalcontextfilter
from jinja2.utils import soft_unicode
@app.template_filter("nl2br")
@evalcontextfilter
def nl2br(eval_ctx, value):
res = soft_unicode(Markup.escape(value)).replace("\n", Markup("\n"))
if eval_ctx.autoescape:
res = Markup(res)
return res
env = Environment(loader=FileSystemLoader("."), autoescape=False)
env.filters["nl2br"] = nl2br
</pre>
1,2行目:必要なメソッドをインポート<br />
3,4行目テンプレートフィルターであることの宣言、evalの特殊処理であることの宣言<br />
5行目;おまじない・・・<br />
10行目、11行目:環境変数のフィルターに登録<br />
<br />
<h4>
■html</h4>
<pre class="brush: html;"><div>
{{each['planecontent'] | nl2br}}
</div>
</pre>
変数の後に「|」(パイプ)でつないで呼び出したいフィルター名を記載sickboyhttp://www.blogger.com/profile/10500073024794507901noreply@blogger.com0tag:blogger.com,1999:blog-3490701163682976247.post-80475598642263240912014-05-08T05:40:00.002+09:002014-05-08T06:01:03.500+09:00Flaskでflashを使ってみる<h4>
■概要</h4>
一度テンプレート側で利用すると、セッション上から消えるメッセージをテンプレート側に渡せる<br />
利用者に一度だけ伝えたい情報などを記載するのにてきしていると思われ。<br />
具体的には、登録成功したよ~など<br />
<br />
<br />
<h4>
■メソッド</h4>
flush(messege,category)<br />
messege:内容<br />
category:属性<br />
属性は省略可能、省略した時には「get_flashed_messages」の引数なしになります。<br />
<br />
<h4>
■注意点</h4>
セッションを利用するので、secret_keyの設定が必要<br />
<br />
<h4>
■python/flask</h4>
<pre class="brush: python;">from flask import Flask, flash
app.secret_key = 'hogehoge'
def fileimport():
result = []
log = []
if request.method == "POST":
flash('Import file succece!', 'info')
return render_template(
'test.html',
)
</pre>
<br />
7行目で、flashにメッセージを登録しています。<br />
<br />
<h4>
■html</h4>
<pre class="brush: html;"><div role="document" style="padding-top: 70px;">
{% with messages = get_flashed_messages(category_filter=["info"]) %}
{% if messages %}
<ul class="flashes">
{% for message in messages %}
<li>{{ message }}</li>
{% endfor %}
</ul>
{% endif %}
{% endwith %}
</div>
</pre>
2行目:flashからメッセージを取り出し
3行目:メッセージの有無を確認
5行目:メッセージをforで回して、6行目で描写
10行目:処理終了sickboyhttp://www.blogger.com/profile/10500073024794507901noreply@blogger.com0tag:blogger.com,1999:blog-3490701163682976247.post-5891342125148401032014-05-06T13:16:00.001+09:002014-05-07T06:51:03.288+09:00FlaskでのWebサービスでの投げっぱなしのPOSTをやってみた。<br />
<h4>
■目的</h4>
画面更新せずに、データのみを登録したいという動きを<br />
サーバー側Flask、クライアント側ajaxを利用した環境での実装を行う必要あり。<br />
<h4>
■問題</h4>
<div>
jQueryのajaxで呼び出したときに</div>
データの登録のみをWebサービスで行いたいのに<br />
Flask側で画面展開されてしまう。<br />
Html側<br />
<pre class="brush: js;">$("#ajaxstart").click(function(){
$.ajax({
type: "POST",
url: "/hoge/",
datatype:"json" ,
contentType:'application/json',
data: {objid:$('form#hogehoge').attr('value'),
},
}).done(function(data, status, xhr) {
}).fail(function(xhr, status, error) {
}).always(function(arg1, status, arg2) {
});
});
</pre>
<br />
Flask,Python側<br />
<pre class="brush: python;">@app.route('/hoge/', methods=['POST'])
def hoge():
# オブジェクトの入手
objid = Mongodb().objectid(request.form['hogehoge'])
response = Response()
return response
</pre>
<h4>
■対策</h4>
返答するresponseにコンテンツはないことを明示的に表現する必要があり。<br />
Flask,Python側<br />
<pre class="brush: python;">@app.route('/hoge/', methods=['POST'])
def hoge():
# オブジェクトの入手
objid = Mongodb().objectid(request.form['hogehoge'])
response = Response()
# ステータスコードは NoContent (204)
response.status_code = 204
return response
</pre>
<br />
<h4>
■参考</h4>
resoponse.status_codeはほかにもいろいろあるみたいです。<br />
詳しくはここいらで。<br />
本当に204で正解は少し疑問<br />
<br />
<a href="http://momijiame.tumblr.com/post/39378516046/python-flask-rest-api" target="_blank">Python の Flask で REST API を作ってみる</a><br />
<a href="http://ja.wikipedia.org/wiki/HTTP%E3%82%B9%E3%83%86%E3%83%BC%E3%82%BF%E3%82%B9%E3%82%B3%E3%83%BC%E3%83%89" target="_blank">WikiPedia</a><br />
<h4>
■追伸</h4>
どうも違ったみたいです。<br />
formのactionのpostと、.ajaxでリクエストが二つ飛んでいました。<br />
postのほうが画面をredirectで作っていたようです。最終的にはstatus_code指定しなくても大丈夫でした。<br />
教訓:submitは要注意、目指すページの構成によって使い分けるべし。<br />
<br />
<br />
<br />sickboyhttp://www.blogger.com/profile/10500073024794507901noreply@blogger.com0tag:blogger.com,1999:blog-3490701163682976247.post-60762152199907677802014-05-01T22:16:00.001+09:002014-05-01T22:37:49.029+09:00Webサービスの作り方<h3>
</h3>
<div>
実装までの企画のすべて</div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCJW7XMWC6a1Sr0x9Z47i2WeZWHtLalrQXaW0ilS2yX_1i8w-y0z26Cv2JzRXDJs3YZcJbB4DxoGI66A_4ydgvqfh4bUZIjYnFgmLL-bVSl0yIqwykayjmgJQKZuTyySW2SF3IY3RVq2iT/s1600/20140501_221040.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCJW7XMWC6a1Sr0x9Z47i2WeZWHtLalrQXaW0ilS2yX_1i8w-y0z26Cv2JzRXDJs3YZcJbB4DxoGI66A_4ydgvqfh4bUZIjYnFgmLL-bVSl0yIqwykayjmgJQKZuTyySW2SF3IY3RVq2iT/s1600/20140501_221040.jpg" height="320" width="240" /></a><br />
<ol>
<li><b><span style="font-size: large;">哲学</span></b></li>
<li><b><span style="font-size: large;">アイデア</span></b></li>
<li><b><span style="font-size: large;">テーマ</span></b></li>
<li><b><span style="font-size: large;">コンセプト</span></b></li>
<li><b><span style="font-size: large;">名前</span></b></li>
<li><b><span style="font-size: large;">デザイン</span></b></li>
<li><b><span style="font-size: large;">内部設計</span></b></li>
</ol>
<div>
<br /></div>
<h3>
</h3>
<h3>
哲学</h3>
<div>
ここが持っている特定の興味関する揺るがない気持ち。生産の原動力</div>
<div>
<br /></div>
<h3>
アイデア</h3>
<div>
実現するための手順、方法、複数あってもいい。切磋琢磨して残ったものを採用</div>
<div>
<br /></div>
<h3>
テーマ</h3>
<div>
具体的に勝負する領域。どこを強みにするか。手を抜かない場所</div>
<div>
<br /></div>
<h3>
アコンセプト</h3>
<div>
アイデアを実現するための骨格。他者に伝わるイメージ</div>
<div>
<br /></div>
<h3>
名前</h3>
<div>
仮でもいいので早めにつける。名前をもって初めて見えてくるものもある。<br />
<br /></div>
<h3>
デザイン</h3>
<div>
全体のディテールを決める。モックアップや同じテーマのプロダクトを調査</div>
<div>
無駄なものをそぎ落とす<br />
<br /></div>
<h3>
内部設計</h3>
<div>
内部的な実装を検討する。情報区分け、データモデル。物理実装ユースケースの作成など</div>
<div>
<br /></div>
sickboyhttp://www.blogger.com/profile/10500073024794507901noreply@blogger.com0tag:blogger.com,1999:blog-3490701163682976247.post-43944229267789640612014-04-30T22:45:00.001+09:002014-04-30T22:45:58.877+09:00コマンドプロンプトを管理者モードで。とりあえず、忘れないように<br />
<br />
コマンドプロンプトの起動方法として一番しっくりきているのはWindows8なら、「win」キーおしてから「cmd」とタイプして、エンターキー。<br />
ただし、管理者モードでは立ち上がらなかったので、ちょっとググルと楽そうな方法発見。<br />
<br />
<br />
<ol>
<li>Windowsキーを押下</li>
<li>「cmd」と入力</li>
<li>「Shift」+「Ctrl」押しながらEnter押下</li>
<li>コマンドプロンプトが管理者モードで立ち上がります。</li>
</ol>
<br />
タスクバーから起動するときにも、「Ctrl」+「Shift」おしながらだと管理者モードで開くことが可能。<br />
「Shift」+「Ctrl」押していると管理者モードで起動しようとするようです。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI3dewcFABEM8TrJZVFQsQnjDN25db0XEwYmL4605ZrWX4Dk5u4lpUBLPKdnjEx_r93t6uU4fdA-GWXRiXIjoa3RT02oqgteGmopXGc1uCQdm6G7tcwv1yv9_CJ28pJSNPKqm7b17IngSn/s1600/Cmd.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI3dewcFABEM8TrJZVFQsQnjDN25db0XEwYmL4605ZrWX4Dk5u4lpUBLPKdnjEx_r93t6uU4fdA-GWXRiXIjoa3RT02oqgteGmopXGc1uCQdm6G7tcwv1yv9_CJ28pJSNPKqm7b17IngSn/s1600/Cmd.PNG" height="114" width="320" /></a></div>
<br />sickboyhttp://www.blogger.com/profile/10500073024794507901noreply@blogger.com0tag:blogger.com,1999:blog-3490701163682976247.post-20461631407900423882014-04-29T17:42:00.003+09:002014-04-29T17:44:49.592+09:00ThumbGugu とりあえず、デプロイやりたかったことある程度片す<br />
<br />
<ol>
<li>検索窓のデザイン<br />→Bootstrap3では難しそうかな・・・。前のバージョンだとできたのに</li>
<li>ロゴの作成<br />→完成。いろいろネット見てたけど、パワポ→PNG保存が一番簡単でシンプルなロゴなら最適な気がします。</li>
<li>利用者ごとの検索単語の削除機能<br />→実装済み。ただしAdminiモードはつける必要あるな。</li>
<li>ページング処理<br />→実装済み。</li>
</ol>
<div>
<br /></div>
<div>
といことで完成したイメージは以下の通り。</div>
<div>
ひとまず自分がほしい機能は一通りそろえ終えたかな。</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhstNbhpSUTvT9Qqe-ycpaELqw7-Qpovx5XBk8Gjs1mCGzMQKxiW10d83L0MkdHVcwzuJspDAaiHjCJ3q7U1vD6R-4MdBztImPFR1P-n7bPMUloYqkzoU14JD8yS5E4oyO-JeXuGaGUOk4U/s1600/thumbgugu.appspot.com.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhstNbhpSUTvT9Qqe-ycpaELqw7-Qpovx5XBk8Gjs1mCGzMQKxiW10d83L0MkdHVcwzuJspDAaiHjCJ3q7U1vD6R-4MdBztImPFR1P-n7bPMUloYqkzoU14JD8yS5E4oyO-JeXuGaGUOk4U/s1600/thumbgugu.appspot.com.png" height="251" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://thumbgugu.appspot.com/" target="_blank">ThumbGugu</a></div>
<div>
<br /></div>
sickboyhttp://www.blogger.com/profile/10500073024794507901noreply@blogger.com0tag:blogger.com,1999:blog-3490701163682976247.post-2362895262993743882014-04-29T04:22:00.002+09:002014-04-29T04:26:37.852+09:00久しぶりに作ってみた。ThumbGugu最近のマイブームはPythonになってしまいました・・・・<br />
て分けでGAE+Python+KayFrameworkでWebサイト作成してみた。<br />
Flaskなんかもよさげですが、Mongodbとセットで使ってみたいのでまたの機会に~<br />
まぁ、<a href="http://searchwitharea.appspot.com/" style="text-align: center;">http://searchwitharea.appspot.com/</a>と同じというのは置いといて中身が違います!<br />
<br />
タイトル:ThumbGugu<br />
概要:検索結果をイメージで表示<br />
使ってる技術:Python、Gae、KayFramework、Yahoo検索サイト、UrlFetch、DataStore<br />
<br />
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWvY4a3bOn9L3HP4ia70qLXEcJOQyoheFEprdMe-QLF_XC31PpC7QGN5l36ETK1eh-p3bAcZSFIuqDkLMQgeQSXd9_9bGxHJQLFfFJAeyRixsEN1tvhQZ_O2SCj8hRp4YL559ASIcYMUVN/s1600/thumbgugu.appspot.com+result+q+Python.png" height="251" width="320" /></div>
<div style="text-align: center;">
<a href="http://thumbgugu.appspot.com/result?q=Python" target="_blank">ThumbGugu</a></div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
やり残してること</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<ol>
<li>検索窓のデザイン</li>
<li>ロゴの作成</li>
<li>利用者ごとの検索単語の削除機能</li>
<li>ページング処理</li>
</ol>
<br />
<br />sickboyhttp://www.blogger.com/profile/10500073024794507901noreply@blogger.com0tag:blogger.com,1999:blog-3490701163682976247.post-84368861829780536082012-06-06T07:35:00.003+09:002012-06-06T07:35:49.339+09:00AJax使えないかな・・・AJaxつかって、画像を非同期で表示できないかなぁ<br />
要件)<br />
検索結果を表示<br />
画像は遅れて表示<br />
<br />
現在<br />
①検索結果出力<br />
②他ドメインのイメージ作成サーバーを利用してイメージを表示<br />
<br />
更新後<br />
①検索結果表示<br />
②同一ドメイン内のイメージ表示コントローラーへリンク<br />
③イメージ表示コントローラーが他ドメインのイメージ作成サーバーを利用して画像を作成<br />
<br />
<br />
ん、元画面でCallBackの動きが必要か・・・<br />
ちょっと大変かな。<br />
<br />sickboyhttp://www.blogger.com/profile/10500073024794507901noreply@blogger.com0tag:blogger.com,1999:blog-3490701163682976247.post-84299846197732533332012-05-28T22:58:00.000+09:002012-05-28T22:58:30.056+09:00セキュリティソフト変更~<br />
ノートPC(Let'sNote CF-N9)のセキュリティソフトをtrendmicroからSmartSecurity5.0に<br />
変えたら自宅でWifi経由のネットしてて固まることがなくなった・・・相性ってあるのかな・・・<br />
<br />
http://canon-its.jp/product/eset/<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy2V_m4YE0w9MpIbVUSf9dElATItlG9XZdJ9PhJR6SB_rNMJJsfqtz4zS9H-GRkvsmREAd3FcPj6FyUVBQCpafKmW24eIBO5oMW3WT5xsUqSIojfyNUYBfA3FCc4MBgXHPpaoUcgnLyiec/s1600/2012-05-28+SmartSecurity.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy2V_m4YE0w9MpIbVUSf9dElATItlG9XZdJ9PhJR6SB_rNMJJsfqtz4zS9H-GRkvsmREAd3FcPj6FyUVBQCpafKmW24eIBO5oMW3WT5xsUqSIojfyNUYBfA3FCc4MBgXHPpaoUcgnLyiec/s320/2012-05-28+SmartSecurity.PNG" width="320" /></a></div>
<br />sickboyhttp://www.blogger.com/profile/10500073024794507901noreply@blogger.com0tag:blogger.com,1999:blog-3490701163682976247.post-15311950736799687962012-05-26T12:41:00.002+09:002012-05-26T12:42:24.021+09:00SearchWithArea検索結果をイメージとして覚えているときある。<br />
そんな時に、目的のページをみつけるのが結構大変なことに・・・<br />
<br />
そんな人へのページ!<br />
っていっても、サイトのイメージと検索結果をくっつけただけですが。<br />
<br />
<div style="text-align: center;">
<a href="http://searchwitharea.appspot.com/">http://searchwitharea.appspot.com/</a>
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgagFhXlcCXTQrj6u-hdgzZuf2Le6C_xtXEari20SxS6gmQYQ86XeWpL57z-3w1nJfCItrdIcK8ZdkajVNrfvBFJM-57umBCy6vEDqxA2cM9vAASsbhy91R9LJ12PLBhJQ_5xfZV_HBmgtl/s1600/1338003534490.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="243" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgagFhXlcCXTQrj6u-hdgzZuf2Le6C_xtXEari20SxS6gmQYQ86XeWpL57z-3w1nJfCItrdIcK8ZdkajVNrfvBFJM-57umBCy6vEDqxA2cM9vAASsbhy91R9LJ12PLBhJQ_5xfZV_HBmgtl/s320/1338003534490.png" width="320" /></a></div>
<br />
<br />
<a href="http://developer.yahoo.co.jp/webapi/search/websearch/v2/websearch.html" target="_blank">Yahooウェブ検索</a> と <span style="background-color: white; font-family: arial, helvetica, clean, sans-serif; font-size: 13px; line-height: 19px; text-align: left; text-indent: 13px;"><a href="http://capture.heartrails.com/" target="_blank">HeartRails Capture</a></span> を利用しています<br />
<br />
<br />sickboyhttp://www.blogger.com/profile/10500073024794507901noreply@blogger.com0tag:blogger.com,1999:blog-3490701163682976247.post-42916273052137344892012-05-23T05:44:00.000+09:002012-05-23T05:44:06.381+09:00Yahoo API Premiumにハマる<br />
YahooAPI<br />
【現状】<br />
Web検索APIを使ったWebServiceを作ってみたいなと模索中<br />
画像検索、Web検索にはPremiumがある。<br />
ウォレットなど一部のYahooのサービスを利用すると<br />
利用できて、APIからのサービス利用のの上限などが<br />
桁違いに良くサービスの利用しやすさが変わるとのこと<br />
<br />
【問題】<br />
PremiumになったがうまくPremiumSearchWebが動かない<br />
<br />
【対策】<br />
Premium取得後Appidを取得するときに、<br />
Premiumのサービスを利用することを登録する必要が有るみたいです。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZULkqqE_pfM7hSx4GzexZLlugwh0K-fVOuwdg7zqVSILr1qgiXMrqEsiSPr2J-e0m2bFuPY9d_VFx0f173fczPTJRRXxuIr3x2zrCidcLPV3QzNhuNOdv6yrVA8pYerJ3xzxxrpqzEwY6/s1600/1337719047429.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="84" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZULkqqE_pfM7hSx4GzexZLlugwh0K-fVOuwdg7zqVSILr1qgiXMrqEsiSPr2J-e0m2bFuPY9d_VFx0f173fczPTJRRXxuIr3x2zrCidcLPV3QzNhuNOdv6yrVA8pYerJ3xzxxrpqzEwY6/s320/1337719047429.png" width="320" /></a></div>
APPIDが上記の選択をしているかどうかで違うようです<br />
<br />
【教訓】<br />
3日ぐらいはまったかなtt<br />
迷った時には手順を最初からおっていくこと・・・<br />
<div>
<br /></div>sickboyhttp://www.blogger.com/profile/10500073024794507901noreply@blogger.com0tag:blogger.com,1999:blog-3490701163682976247.post-60034888519424941022012-05-18T07:51:00.000+09:002012-05-18T07:53:18.350+09:00Google中の人<br />
■Googleの中の人<br />
・動くもの作れ<br />
→それを共有してプロジェクトにする?<br />
・マイルストーン<br />
→技術的、利用者数<br />
・作り直し<br />
→徐々に<br />
→ドーンと作りなおす<br />
・お金を稼ぐ部分とProductを生産する場所がづれている<br />
収入→検索<br />
リソースはそれ以外につぎ込んでいる<br />
検索機能→エンジン<br />
・お金を稼せがないけどやらないと行けないこと<br />
昔は政府の仕事<br />
今はグルーグルがやっている<br />
→すべての情報を整理する<br />
・ScaleUpを前提としたサービス<br />
・一緒に仕事ができるかどうかが大事<br />
・創造的な仕事は問題を明確化する過程が一番難しい<br />
・日常と検索はまだ離れている<br />
→朝何食べるかな~などに対して答えはでない。<br />
→近すぎるとGoogleスタイルになってしまう。<br />
<br />
<a href="http://live.nicovideo.jp/watch/lv92787473">http://live.nicovideo.jp/watch/lv92787473</a>
<br />
<br />
<br />
■アイデア<br />
・Googleの検索結果を一つの画面で<br />
→面積でヒット度を展開する画面<br />
<div>
<br /></div>sickboyhttp://www.blogger.com/profile/10500073024794507901noreply@blogger.com0tag:blogger.com,1999:blog-3490701163682976247.post-78913027443885837922012-05-18T06:00:00.003+09:002012-05-18T06:01:39.286+09:00FreemindでJavaの依存が・・・<br />
FreeMind<br />
Google日本語入力がFreeMindでうまく動かないって現象にぶつかってもしかしたら最新版でうまくいくかな~っと安易な考えでFreeMind1.0をDLしてインストール。<br />
<br />
そうしたら、いままでのファイルが見えなくなった(汗)<br />
<br />
FreeMindeでmmファイルを開くとメッセージが・・・<br />
<br />
-javax.xml.transform.TransformerConfigurationException<br />
<br />
<a href="http://sourceforge.net/projects/freemind/forums/forum/22102/topic/5250559" target="_blank">ググる</a>と、インストール失敗しているとのこと<br />
インストーラーでインストールが失敗しているのかと思い<br />
アンインストール、インストールを繰り返すがNG<br />
<br />
どうやらインストーラーでは既存のファイルを利用するので<br />
コンポーネント間の依存のヅレが発生していた模様です。<br />
<br />
別PCでうまく動いているフォルダ(C:\Program Files\Freemind)をそのままCopyしたら動きました。<br />
危なかった・・・<br />
<br />
Javaはローカルにあるコンポーネントを優先して使うとかどこかで聞いたことがあったのが役にたちました~<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrcH-bnrSCqfTo-q5V1nByzrviBHbOU7G-zTNGvCjt6L7zNLH9d8mBG9tvZUp7kG922EWHV6O4ldTyGYV3-Uamld93LLs16I896HwpYqYz_FMECcrE3jhyphenhyphen_LIprQ06AB6475Yygu0FiY_b/s1600/2012-05-18+FreeMind.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrcH-bnrSCqfTo-q5V1nByzrviBHbOU7G-zTNGvCjt6L7zNLH9d8mBG9tvZUp7kG922EWHV6O4ldTyGYV3-Uamld93LLs16I896HwpYqYz_FMECcrE3jhyphenhyphen_LIprQ06AB6475Yygu0FiY_b/s320/2012-05-18+FreeMind.PNG" width="320" /></a></div>
<br />sickboyhttp://www.blogger.com/profile/10500073024794507901noreply@blogger.com0tag:blogger.com,1999:blog-3490701163682976247.post-35301488947952669642012-05-17T06:46:00.001+09:002012-05-17T06:46:44.548+09:00JAVAアプレットでのGoogle日本語入力<br />
javaアプレットで表示場所がおかしくなる・・・<br />
変換中の文字のすぐ下に表示されて欲しいけど左下にとんでいく。<br />
画面が大きいの使っている時にはかなり辛い。<br />
なんとかならんかなぁ<br />
変換の賢さはMS-IMEと比較にならないだけに残念です。<br />
<br />
http://productforums.google.com/forum/#!topic/ime-ja/grmLVZ2TgWE<br />
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8c-4wMKRXtONdElzZ5LW_nBhV2-Qppw7PXqRMtbYAB66PBwuzL2qOoUFFeByVZn5MrVDU0NnPyiA8JqRkVUNfS7lOs1r5R4fFFj1XLuD1dW0fpEzUaogq2POnUbeX-vQZEAl7zVMiR05D/s1600/2012-05-17+Google%E6%97%A5%E6%9C%AC%E8%AA%9E%E5%85%A5%E5%8A%9B.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="237" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8c-4wMKRXtONdElzZ5LW_nBhV2-Qppw7PXqRMtbYAB66PBwuzL2qOoUFFeByVZn5MrVDU0NnPyiA8JqRkVUNfS7lOs1r5R4fFFj1XLuD1dW0fpEzUaogq2POnUbeX-vQZEAl7zVMiR05D/s320/2012-05-17+Google%E6%97%A5%E6%9C%AC%E8%AA%9E%E5%85%A5%E5%8A%9B.png" width="320" /></a></div>
<div>
<br /></div>sickboyhttp://www.blogger.com/profile/10500073024794507901noreply@blogger.com0tag:blogger.com,1999:blog-3490701163682976247.post-66787480260071131512012-05-15T22:09:00.001+09:002012-05-15T22:09:56.417+09:00文字認識とAPIとスマートフォン<br />
アイデア<br />
docomoの<a href="http://recognize.jp/reference/index.html" target="_blank">文字認識API</a>と、スマートフォンでお手軽検索できないかな<br />
1・写真を取る<br />
2・写真を選択する<br />
3・選択された画像をAPIで文字認識<br />
4-1・単語に対して検索をかけた結果を出す<br />
4-2・地域名、駅などならGoogleMapを表示する<br />
<br />
アプリ2本でいいかも<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgogE42nI0sbbfJ6k1gvDEt82cPdiioL3B9y0wODYKYg5GSGWgKtoIFHaine_mtHlhrG_97IwVx2NUV9jJweqxJgpYo-1UvlMHFNv9KjG8WVCW4_fxMeBi2rrRK5W_va3wrM23KqOwm9Wro/s1600/1337087193672.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="123" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgogE42nI0sbbfJ6k1gvDEt82cPdiioL3B9y0wODYKYg5GSGWgKtoIFHaine_mtHlhrG_97IwVx2NUV9jJweqxJgpYo-1UvlMHFNv9KjG8WVCW4_fxMeBi2rrRK5W_va3wrM23KqOwm9Wro/s320/1337087193672.png" width="320" /></a></div>
<div>
<br /></div>sickboyhttp://www.blogger.com/profile/10500073024794507901noreply@blogger.com0tag:blogger.com,1999:blog-3490701163682976247.post-39965001204417377012012-05-13T23:02:00.000+09:002012-05-13T23:02:47.733+09:00「GALAXY S II LTE」購入<br />
<br />
動かしてみたかった「<a href="https://chrome.google.com/webstore/detail/oadboiipflhobonjjffjbfekfjcgkhco?hl=ja" target="_blank">Chorme To Phone</a>」がいい感じで動いてる!<br />
PCのChrome上でクリックするだけでスマホにアドレスに転送させるみたいです。<br />
続きはスマホで見たいとかの時にめちゃくちゃ重宝しそうです。<br />
もうちといろいろ触ってから「いいところ」「わるいところ」上げてみたいと思います<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNA7GLz1SrHI2KHML1cmuNNfzgfLgSBomv0dS34ALaT2gvY_uroNdi4qUTzj9sM_vfWMsdaouruQARAp5tTCDa0Qond84bmXz9-US3IScw3ALZgBCDoxQAeak_ryjIsadCiSSnIARPtuyx/s1600/20120513-ChromeToPhone.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="126" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNA7GLz1SrHI2KHML1cmuNNfzgfLgSBomv0dS34ALaT2gvY_uroNdi4qUTzj9sM_vfWMsdaouruQARAp5tTCDa0Qond84bmXz9-US3IScw3ALZgBCDoxQAeak_ryjIsadCiSSnIARPtuyx/s320/20120513-ChromeToPhone.PNG" width="320" /></a></div>
<br />
Eclipse内のローカルサーバーで検証中のものみれればなぁって思ったけどやっぱり無理でした・・orz<br />
そらそうかw<br />
<br />
使い方は<a href="http://www.itmedia.co.jp/promobile/articles/1104/20/news021.html" target="_blank">こちら</a>で~<br />
<br />
<br />sickboyhttp://www.blogger.com/profile/10500073024794507901noreply@blogger.com0tag:blogger.com,1999:blog-3490701163682976247.post-90394750988873349462012-05-11T06:52:00.000+09:002012-05-11T06:52:04.495+09:00TimeZoneについてGAEへの登録はnew Date()なのでUTC<br />
取りだしたあと、表示するときに、JSTへ変換<br />
<br />
Timezone下手に触らないこと<br />
<br />
<br />
<pre class="code"><span class="rem">/***
* 日付を表示用の文字列に変換
* @param date 日付型(当然UTC)
* @return 日本時間での日付の表記
*/</span>
<span class="keyword">public</span> <span class="keyword">static</span> String getDispJpnDate(Date date) {
<span class="rem">//表示したい型を指定</span>
SimpleDateFormat sdf = <span class="keyword">new</span> SimpleDateFormat(<span class="str">"yyyy/MM/dd hh:mm"</span>);
<span class="rem">//TimeZoneを日本に</span>
sdf.setTimeZone(TimeZone.getTimeZone(<span class="str">"JST"</span>));
<span class="rem">//整形して返す</span>
<span class="keyword">return</span> sdf.format(date);
}
</pre>sickboyhttp://www.blogger.com/profile/10500073024794507901noreply@blogger.com0tag:blogger.com,1999:blog-3490701163682976247.post-72573556479169787242012-05-08T21:31:00.002+09:002012-05-09T05:02:23.403+09:00Bloggerでコードを表示する方法についてなんだかんだで手作業でコードからHtmlへ変換する形が一番しっくりくるかも<br />
<div><br />
</div><div>利用しているサイト</div><div><div style="text-align: center;"><a href="http://kujirahand.com/tools/tougarasi/" target="_blank">ソースコード HTML化 コンバーター「唐辛子」</a></div></div><div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5uWoqIzxOeQq40dbLns6DqQPTS3zJ59woXmsrguXI_CDA60t_76eofGcz1DmEg41oiG13crTgdEj2Hd9vcLMZi40ycHYC-u3V7lB7oU_0auKvD3MVmDCgbqd7xcUwVN29KXocZKe_o5r0/s1600/20120508+%E3%83%88%E3%82%A6%E3%82%AC%E3%83%A9%E3%82%B7.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="238" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5uWoqIzxOeQq40dbLns6DqQPTS3zJ59woXmsrguXI_CDA60t_76eofGcz1DmEg41oiG13crTgdEj2Hd9vcLMZi40ycHYC-u3V7lB7oU_0auKvD3MVmDCgbqd7xcUwVN29KXocZKe_o5r0/s320/20120508+%E3%83%88%E3%82%A6%E3%82%AC%E3%83%A9%E3%82%B7.png" width="320" /></a></div><br />
<br />
<br />
手順<br />
①上のサイトでコードを貼り付け<br />
②変換<br />
③Html部分をコピー<br />
④Bloggerの投稿画面でHtml編集で、貼り付け<br />
<br />
<br />
CSS<br />
<br />
<pre class="code"><span class="rem">/* Source Code CSS */</span>
<span class="keyword">pre</span>.<span class="keyword">code</span> {
<span class="keyword">font-size</span>: <span class="num">12px</span>;
<span class="rem">/* line-height:1.2em; */</span>
<span class="keyword">border</span>:<span class="num">1px</span> <span class="keyword">solid</span> <span class="value">#aaa</span>;
<span class="keyword">background</span>:<span class="value">#f0f0f0</span>;
<span class="keyword">padding</span>:<span class="num">0.5em</span>;
<span class="keyword">overflow</span>: <span class="keyword">auto</span>;
}
<span class="keyword">pre</span>.<span class="keyword">code</span> <span class="keyword">span</span>.<span class="keyword">tag</span> { <span class="keyword">color</span>: <span class="value">#0000ff</span>; }
<span class="keyword">pre</span>.<span class="keyword">code</span> <span class="keyword">span</span>.<span class="keyword">attr</span> { <span class="keyword">color</span>: <span class="value">#000</span>; }
<span class="keyword">pre</span>.<span class="keyword">code</span> <span class="keyword">span</span>.<span class="keyword">value</span> { <span class="keyword">color</span>: <span class="value">#900</span>; }
<span class="keyword">pre</span>.<span class="keyword">code</span> <span class="keyword">span</span>.<span class="keyword">str</span> { <span class="keyword">color</span>: <span class="value">#009900</span>; }
<span class="keyword">pre</span>.<span class="keyword">code</span> <span class="keyword">span</span>.<span class="keyword">num</span> { <span class="keyword">color</span>: <span class="value">#009900</span>; }
<span class="keyword">pre</span>.<span class="keyword">code</span> <span class="keyword">span</span>.<span class="keyword">keyword</span> { <span class="keyword">color</span>: <span class="value">#0000ff</span>; }
<span class="keyword">pre</span>.<span class="keyword">code</span> <span class="keyword">span</span>.<span class="keyword">rem</span> { <span class="keyword">color</span>: <span class="value">#909</span>; }
<span class="keyword">pre</span>.<span class="keyword">code</span> <span class="keyword">span</span>.<span class="keyword">variable</span> { <span class="keyword">color</span>: <span class="value">#500050</span>; }</pre></div><br />
JavaScripts<br />
<br />
<pre class="code"><span class="rem">//Scamperをクリックされたとき</span>
$(<span class="str">'.SelectScamper'</span>).click(<span class="keyword">function</span>( ) {
$(<span class="str">'.SelectScamper'</span>).removeClass(<span class="str">"btn-success"</span>);
$(<span class="keyword">this</span>).addClass(<span class="str">"btn-success"</span>);
<span class="keyword">var</span> e = $(<span class="keyword">this</span>).children(<span class="str">'p:eq(1)'</span>);
<span class="rem">//console.log(e.text());</span>
$(<span class="str">'#SelectedScamper'</span>).text(e.text());
$(<span class="str">"#tweetBeforeScamperWord"</span>).val(e.text());
countTweetNumber();
});
<span class="rem">//文字を変更されたとき</span>
$(<span class="str">"#tweet"</span>).bind(<span class="str">"change keyup"</span>,<span class="keyword">function</span>(){
countTweetNumber();
});</pre><br />
HTML<br />
<pre class="code"><span class="tag"><!doctype html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTDxhtml11.dtd"></span>
<span class="rem"><!-- The HTML 4.01 Transitional DOCTYPE declaration--></span>
<span class="rem"><!-- above set at the top of the file will set --></span>
<span class="rem"><!-- the browser's rendering engine into --></span>
<span class="rem"><!-- "Quirks Mode". Replacing this declaration --></span>
<span class="rem"><!-- with a "Standards Mode" doctype is supported, --></span>
<span class="rem"><!-- but may lead to some differences in layout. --></span>
<span class="tag"><html <span class="attr">xmlns=</span><span class="value">"http://www.w3.org/1999/xhtml"</span> <span class="attr">lang=</span><span class="value">"ja"</span> ></span>
<span class="tag"><head></span>
<span class="tag"><meta <span class="attr">http-equiv=</span><span class="value">"content-type"</span> <span class="attr">content=</span><span class="value">"text/html; charset=UTF-8"</span>></span>
<span class="tag"><title></span>Hello App Engine<span class="tag"></title></span>
<span class="tag"></head></span>
<span class="tag"><body></span>
<span class="tag"><h1></span>GoogleAppEngine初めてのサーブレット<span class="tag"></h1></span>
<span class="tag"><table <span class="attr">summary=</span><span class="value">""</span>></span>
<span class="tag"><tr></span>
<span class="tag"><td <span class="attr">colspan=</span><span class="value">"2"</span> ></span>Available Servlets:<span class="tag"></td></span>
<span class="tag"></tr></span>
<span class="tag"><tr></span>
<span class="tag"><td></span><span class="tag"><a <span class="attr">href=</span><span class="value">"/login.jsp"</span>/></span>login<span class="tag"></td></span>
<span class="tag"></tr></span>
<span class="tag"><tr></span>
<span class="tag"><td></span><span class="tag"><a <span class="attr">href=</span><span class="value">"/tashittermain"</span>/></span>MAIN<span class="tag"></td></span>
<span class="tag"></tr></span>
<span class="tag"><tr></span>
<span class="tag"><td></span><span class="tag"><a <span class="attr">href=</span><span class="value">"/logview"</span>/></span>logview<span class="tag"></td></span>
<span class="tag"></tr></span>
<span class="tag"><tr></span>
<span class="tag"><td></span><span class="tag"><a <span class="attr">href=</span><span class="value">"/TwitterWordsLog.jsp"</span>/></span>TwitterWordsLog<span class="tag"></td></span>
<span class="tag"></tr></span>
<span class="tag"><tr></span>
<span class="tag"><td></span><span class="tag"><a <span class="attr">href=</span><span class="value">"/PostTest.jsp"</span>/></span>PostTest<span class="tag"></td></span>
<span class="tag"></tr></span>
<span class="tag"><tr></span>
<span class="tag"><td></span><span class="tag"><a <span class="attr">href=</span><span class="value">"/mainview"</span>/></span>Servlet→JSP<span class="tag"></td></span>
<span class="tag"></tr></span>
<span class="tag"></table></span>
<span class="tag"></body></span>
<span class="tag"></html></span></pre>sickboyhttp://www.blogger.com/profile/10500073024794507901noreply@blogger.com0tag:blogger.com,1999:blog-3490701163682976247.post-69808076108827009742012-05-08T07:17:00.003+09:002012-05-08T07:17:38.541+09:00BloggerからTwitterへの送信BloggerからTwitterへの送信ですが・・・<br />
twitterfeedがよさげです。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw3hyo71P9MW2unhmAo32gUVfUjTy2Plpf4VwbJjMv-O7efkcmBdI7SWtcyAkVIUuBjLa0Tafxau6X7qv0yFnLuiuUQF5iP2fBL2_CHjqoTjbyy09jqE3xfMLsq8Gn-Ti4Urb6wRaYjPGj/s1600/20120507+twitterfeed.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="143" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw3hyo71P9MW2unhmAo32gUVfUjTy2Plpf4VwbJjMv-O7efkcmBdI7SWtcyAkVIUuBjLa0Tafxau6X7qv0yFnLuiuUQF5iP2fBL2_CHjqoTjbyy09jqE3xfMLsq8Gn-Ti4Urb6wRaYjPGj/s320/20120507+twitterfeed.png" width="320" /></a></div>
<br />
<div style="text-align: center;">
<a href="http://twitterfeed.com/dashboard">http://twitterfeed.com/dashboard</a>
</div>
<br />
気に入ったところ。<br />
<br />
・複数の登録OK<br />
・HPのURLはりつけることでBlogger、FC2ではRSSを認識<br />
・チェックする時間を設定できる<br />
・一覧が見やすい<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="http://twitter.ww-ape.com/step3/twitterfeed/" target="_blank">twitterfeedの使い方</a></div>
<br />sickboyhttp://www.blogger.com/profile/10500073024794507901noreply@blogger.com0tag:blogger.com,1999:blog-3490701163682976247.post-24433328545024119532012-05-06T22:17:00.002+09:002012-05-06T22:34:21.569+09:00Bloggerでコードを表示<br />
なんかめんどくさそう・・・<br />
もう少しあれこれみて最適な選択肢探します。<br />
<br />
簡単にできる方法ないかなぁ<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><a class="codeexample" href="http://www.blogger.com/hoge.html"></a><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><br />
<br />
<div>
<br /></div>sickboyhttp://www.blogger.com/profile/10500073024794507901noreply@blogger.com0tag:blogger.com,1999:blog-3490701163682976247.post-1268296511412211932012-05-05T13:34:00.003+09:002012-05-05T13:34:46.719+09:00Twitter4jでの名前の種類<br />
<br />
Twitter4jの利用者の名前の種類<br />
数字のID(long:4222112)<br />
twitter.getUser().getId()<br />
twitter.getOAuthAccessToken().getUserId()<br />
スクリーン名(String:@sickboy0001,@scampuru)<br />
twitter.getUser().getScreenName()<br />
ユーザー名(String:シックボーイ、スキャンプル)<br />
twitter.getUser().getName()<br />
<br />
どうやっていTwitterをインスタンス化したかで<br />
変わりそうな感じです。<br />
なんか統一して取得できるいい方法ないのかな<br />
<br />
DotInstallのおかげで制作意欲があふれてくる・・・<br />
<br />
【TODO】<br />
<br />
■ログイン・ログアウト<br />
□ログイン・ログアウト・デザイン<br />
■データ読み取りの条件<br />
□ツイート<br />
□タグの確定 → #scampuru<br />
■ショーテンの作成 → Googleの利用<br />
□ツイートの前後の作成<br />
□送信<br />
■別の言葉<br />
■一覧画面<br />
■文字数制限の動き<br />
□デザイン:文字の強調(過去のツイート)<br />
□みんなのスキャプル<br />
□ユーザー一覧<br />
□ヘッダーのリンク<br />
<div>
□紹介ページの作成</div>
<div>
□マニュアルの作成</div>
<br />
<br />
■TwitterBootStrap<br />sickboyhttp://www.blogger.com/profile/10500073024794507901noreply@blogger.com0tag:blogger.com,1999:blog-3490701163682976247.post-41354853689851458762012-04-27T05:45:00.000+09:002012-04-27T05:45:59.629+09:00GAEへのデプロイGAEへのデプロイ<br />
<br />
GAEのアカウントにアプリの追加<br />
ツールバーからAPPエンジンへのデプロイを選択<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmHXG1Srgg7JFYuZq247GM7hUIaxKxgF0Zr3_0uSQtUVJ2SOajS6DvMG1HzzHeprsm3lRc9DB6YdaakY314CgE4b7A92NjzM6W5kmAzaAetQ_DTa5nOSeH6o3C60lAjLkYGdXiyuPcoNrz/s1600/20120425+deproy1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="64" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmHXG1Srgg7JFYuZq247GM7hUIaxKxgF0Zr3_0uSQtUVJ2SOajS6DvMG1HzzHeprsm3lRc9DB6YdaakY314CgE4b7A92NjzM6W5kmAzaAetQ_DTa5nOSeH6o3C60lAjLkYGdXiyuPcoNrz/s320/20120425+deproy1.jpg" width="320" /></a></div>
APPエンジンプロジェクト設定へ<br />
自分のアプリケーション設定へ<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijl-KT_tY29ymSVE36w451o7Bg2Eg4Nw7FB4-wU8MHf0P678i2lbNAqCos4dhn_mFWSdrbKJj1DOBLFkpbMq9grPdhP5BhE7n9F_6RCWBkwuvaFbVt_17QqOMCfl0vslG3-Lpeasn2ufbS/s1600/20120425+deproy4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="307" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijl-KT_tY29ymSVE36w451o7Bg2Eg4Nw7FB4-wU8MHf0P678i2lbNAqCos4dhn_mFWSdrbKJj1DOBLFkpbMq9grPdhP5BhE7n9F_6RCWBkwuvaFbVt_17QqOMCfl0vslG3-Lpeasn2ufbS/s320/20120425+deproy4.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
ブラウザ上でアカウントに対するアプリケーションを設定する画面に</div>
<div class="separator" style="clear: both; text-align: left;">
アプリケーション名と、URIを指定する。</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw-N6wYmdvzMeQwgBKChGcruKXpOqb-D7HfNLTG97K_WiOER8fKS3xhiom28_cZiWHUep5iMuMEbokIfFlM4i54doeyl1zj_NtgYP9WdZSDXhql_0-ATdfT816yf4-a8i9tWO4m-Sm9YG0/s1600/20120425+deproy2.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="198" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw-N6wYmdvzMeQwgBKChGcruKXpOqb-D7HfNLTG97K_WiOER8fKS3xhiom28_cZiWHUep5iMuMEbokIfFlM4i54doeyl1zj_NtgYP9WdZSDXhql_0-ATdfT816yf4-a8i9tWO4m-Sm9YG0/s320/20120425+deproy2.JPG" width="320" /></a></div>
問題なければこの画面へ<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdYZ24UrudOyus67Jttd1lSHdnrGR5YdGuARe6SeHKJePZbHOqb9nWAfY1vxgiBf08d7lNikR2_wBaH1PfTMzoA07VttnMAFIn_lpeOuuuSZJN0QNseGBOr08iQfJ_SGFo6Ps51FjCXV1_/s1600/20120425+deproy3.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="222" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdYZ24UrudOyus67Jttd1lSHdnrGR5YdGuARe6SeHKJePZbHOqb9nWAfY1vxgiBf08d7lNikR2_wBaH1PfTMzoA07VttnMAFIn_lpeOuuuSZJN0QNseGBOr08iQfJ_SGFo6Ps51FjCXV1_/s320/20120425+deproy3.JPG" width="320" /></a></div>
プロパティ画面でOK<br />
デプロイ画面で配置を押下<br />
ビルド、デプロイが完了して以下の画面が表示されればOK<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7vojfZaTZF_nwm5k7NXzSfhsm_DkojsGpIJJKvLjAYfE6E6dsWi4ib1ZHnBj7JD5NWMu6dWm2AogBQcpQDySrqSqAlsEYwF9gBnLZmSH34SJHVBc5laoeXFetNUlsfQ56et4zyOl0Ju_G/s1600/20120425+deproy6.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="149" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7vojfZaTZF_nwm5k7NXzSfhsm_DkojsGpIJJKvLjAYfE6E6dsWi4ib1ZHnBj7JD5NWMu6dWm2AogBQcpQDySrqSqAlsEYwF9gBnLZmSH34SJHVBc5laoeXFetNUlsfQ56et4zyOl0Ju_G/s320/20120425+deproy6.jpg" width="320" /></a></div>
<br />sickboyhttp://www.blogger.com/profile/10500073024794507901noreply@blogger.com0