<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
    <title>Not satisfied!!</title>
    <link rel="alternate" type="text/html" href="http://stk55.com/blog/" />
    <link rel="self" type="application/atom+xml" href="http://stk55.com/blog/atom.xml" />
    <id>tag:stk55.com,2008-10-16:/blog/3</id>
    <updated>2008-11-14T01:51:49Z</updated>
    <subtitle>webデザイン　500日　ブログ</subtitle>
    <generator uri="http://www.sixapart.com/movabletype/">Movable Type Pro 4.22-ja</generator>

<entry>
    <title>while文で大混乱</title>
    <link rel="alternate" type="text/html" href="http://stk55.com/blog/2008/11/whilea.html" />
    <id>tag:stk55.com,2008:/blog//3.16</id>

    <published>2008-11-13T16:07:14Z</published>
    <updated>2008-11-14T01:51:49Z</updated>

    <summary>昨日のTwitterを表示させるJSの続編（番外編）。ブログに表示させてるTwi...</summary>
    <author>
        <name>setsuko</name>
        
    </author>
    
        <category term="JavaScript" scheme="http://www.sixapart.com/ns/types#category" />
    
        <category term="プログラム" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="プログラム、javascript" label="プログラム、JavaScript" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://stk55.com/blog/">
        <![CDATA[昨日のTwitterを表示させるJSの続編（番外編）。<br /><br />ブログに表示させてるTwitterの自分の発言を見て、ふと思った。<br /><br /><br />「@付の発言（誰か宛ての発言）ばっか・・・(´・ω・`)」<br /><br /><br />ほら、Twitterやってない人からすれば「＠って何よ？」ってなるかもだし。<br />ブログには基本的に「ひとりごと」をぶつぶつと載せたいので<br /><br />いろいろ考えた末、アタマに@のついていない発言だけ表示することにしました。<br /><br /><br /><br /><br />で、昨日のJSを改造。<br />特に複雑なことをしたわけではないんですがｗ<br /><br />ソースがどうこう...というより<br />ついついやっちまったことがあるので、、今日の収穫はそっち。笑<br /><br /><br /><br />私、文系なんです。コテコテの。<br />しかも頭は良くないです。<br /><br /><br /><br />JSに苦戦してるとき、<br />隣でネットゲームをしていたkota氏＠SEがこんなこと言ってました。<br /><br /><br /><br /><font style="font-size: 1.25em;">「ANDとORがごちゃまぜになる人、PGの新人さんとかで結構いるよー」</font><br /><br /><br /><br /><br />へぇー<br /><br />と聞き流した10分後、まさに自分が「ANDとORがごちゃまぜになる人」でした。笑<br /><br /><br /><br /><br />―――――――――――――――――――――――――――――――――――<br /><br />・A＜B　もしくは　C＜D　が偽になるまで、// 処理 // をしたい。<br /><br /><br />while( A＜B　■　C&lt;D ){<br /><br />//　処理　//<br /><br />}<br /><br /><br />さーて「■」に当てはまるのは・・・「||」?? 「&amp;&amp;」??<br /><br />―――――――――――――――――――――――――――――――――――<br /><br /><br /><br /><br /> 

]]>
        <![CDATA[真っ先に思ったこと・・・<br /><br /><font style="font-size: 1.25em;">もしくはってことは　「||」　ですな♪(*･ω･)ﾉ</font><br /><br />　<br /><br /><br /><br /><br />・・・正解は「&amp;&amp;」Σ(´□｀ )　<br /><br /><br />えーーーーなんでーーーーー??<br />「もしくは」じゃないのー??kota氏ーーーーーー(´；ω；`)<br /><br /><br /><br /><br />kota氏にじっっっくり解説していただきました。<br /><br /><br /><br />―――――――――――――――――――――――――――――――――――<br />「よく考えてみなされー」（by kota氏）<br /><br />・while文は「真」のときに回る<br /><br />・A＜B　||　C&lt;D　で　片方だけ「偽」でも片方は「真」だから「真」<br /><br />ってことは・・・whileから出れないよね？<br /><br />―――――――――――――――――――――――――――――――――――<br /><br />・・・・・おぉー納得ヽ(ﾟ∀ﾟ)ﾉ<br /><br /><br /><br /><br />まさに初心者が陥りやすい間違いらしいです。<br /><br /><br /><br />ああ、まじアホやーｗ<br /><br />こんなので10分も時間とられてしまったー＞＜<br /><br />けどなんかまた同じ間違いしそうー。笑<br /><br /><br /><br />Thanks★kota氏<br /><br />]]>
    </content>
</entry>

<entry>
    <title>Twitterをブログに表示！ページ送り付き★</title>
    <link rel="alternate" type="text/html" href="http://stk55.com/blog/2008/11/twitter01.html" />
    <id>tag:stk55.com,2008:/blog//3.15</id>

    <published>2008-11-12T00:31:39Z</published>
    <updated>2008-11-12T03:03:53Z</updated>

    <summary>Ｔｗｉｔｔｅｒをブログに表示してみました。 ＪavaScripｔ。。。まともに触...</summary>
    <author>
        <name>setsuko</name>
        
    </author>
    
        <category term="JavaScript" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="twitter" label="Twitter" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://stk55.com/blog/">
        <![CDATA[<p>Ｔｗｉｔｔｅｒをブログに表示してみました。<br />
<br /><br />
<br /></p>

<p></p>

<p>ＪavaScripｔ。。。まともに触ったことなかったので難しーー(-ω-)<br /><br />
<br /></p>

<p></p>

<p>で、いろいろなサイトを参考にさせていただき、<br /></p>

<p></p>

<p>なんとか表示できたのはいいけど・・・・<br /><br />
<br /></p>

<p><br />
 </p>

<p>贅沢いうと<br />
<br /></p>

<p><big>・「たくさん表示したい」</big><br /></p>

<p><br />
<big>・「なおかつ１ページに１記事表示で　"次へ"とか押すと次の記事が見れる感じ」</big></p>

<p><br /><br />
<br /></p>

<p><br />
というわけで、０からのスタートなので無茶だよなーと思いつつ。。。<br />
ソースいじってみました。</p>

<p></p>

<p><br />
【js】<br />
※relative_time関数は略で。</p>

<p>ちなみに日付フォーマットは<br />
<a href="http://creazy.net/2007/06/twitter_javascript_badges_date_format.html" target="_blank">第８回：Twitter JavaScript Badges の日付フォーマットを自由にカスタマイズ</a>を参考にさせていただきました！<br />
<br /></p>

<pre>
twdata =new Array();
var page = 0;
var fin = 0;
var end = 0;

<p>function twitterCallback(obj) {<br />
 	for ( i=0; i&lt;obj.length; i++) {<br />
	 twdata[i] = obj[i];<br />
 	};<br />
	 fin = twdata.length;<br />
 	hyouji();<br />
}</p>

<p>function hyouji(){<br />
	var tw = document.getElementById('twitter');<br />
 	var dsp = 1; //１ページに表示する数<br />
 	var cnt = 0;<br />
 	end = 0;<br />
 	for ( i= page * dsp ; cnt&lt;dsp ; i++) {<br />
   		tw.innerHTML += '&lt;p&gt;'+twdata[i].text+'&lt;/p&gt;&lt;p id="tw_day"&gt; '+relative_time(twdata[i].created_at)+'&lt;/p&gt;';<br />
   		cnt++;<br />
  		 if(fin-1 == i){<br />
   		end = 1;<br />
  	 	}</p>

<p> 	}</p>

<p>}</p>

<p> </p>

<p>function twbtn(flg){<br />
	var tw = document.getElementById('twitter');<br />
 	if(flg=='next' && end == 0){<br />
	 tw.innerHTML ='';<br />
	 page++;<br />
	 hyouji();<br />
 	}<br />
	 else if(flg=='back'&& page > 0){<br />
	 page--;<br />
 	tw.innerHTML ='';<br />
 	hyouji();<br />
 	}<br />
}</p>

<p>document.write(<br />
'&lt;scr'+'ipt '<br />
+'type="text/javascript" '<br />
+'src="http://www.twitter.com/statuses/user_timeline/{userID}.json?callback=twitterCallback&count=15"&gt;'<br />
+'&lt;/scr'+'ipt&gt;'<br />
);<br />
</pre><br />
これをtwitter.jsで保存。</p>

<p> <br /><br />
<br /></p>

<p><br />
【htmlソース】</p>

<p> </p>

<pre>
&lt;html&gt;
・
・
&lt;script type="text/javascript" src="twitter.js"&gt;&lt;/script&gt;//さっきのjsを呼び出し
・
・
・
&lt;div id="twitter"&gt;&lt;/div&gt;　//ここに表示させる
・
・
&lt;a href="javascript:twbtn('back');" &gt;&lt;img src="「前へ」ボタンの画像" /&gt;&lt;/a&gt;
&lt;a href="javascript:twbtn('next');" &gt;&lt;img src="「次へ」ボタンの画像" /&gt;&lt;/a&gt;
・
・
&lt;/html&gt;
 </pre>

<p><br /><br />
twitter.jsの最後のほうにある<br /></p>

<p>「・・・/{userID}.json?callback=twitterCallback&count=10">'」の<br /></p>

<p>10は取得してくる記事数。<br /></p>

<p><br /></p>

<p>10記事のうち、前から順にdspの数だけ表示していく</p>

<p><br /></p>

<p>といったイメージ。<br />
<br /></p>

<p>サンプルは↑ヘッダーの吹き出しです。</p>

<p> <br /><br />
<br /><br />
<br /></p>

<p></p>

<p><br />
・・くちゃくちゃで幼いソースですみません、あわわわ(；´Д`A<br />
（<small>アイディアだけでも参考になれば・・・。w</small>）</p>

<p> <br /><br />
<br /></p>

<p></p>

<p>もっと効率のいいやり方とかあるんだろなー</p>]]>
        
    </content>
</entry>

</feed>
