すーさん’ず日誌

管理人「すーさん’ず」の思ったこと、趣味を管理人独自の視点で書いていきます。 ネタバレを含みますので注意! 相互リンク募集中!

PREV | PAGE-SELECT | NEXT

tweet   ≫ EDIT

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

| スポンサー広告 | --:-- | comments(-) | trackbacks(-) | TOP↑

tweet   ≫ EDIT

twitterの呟きを簡単にサイトに載せられる「twitter.js」

久しぶりのjavasceriptネタ。どうも。すーさん’ずです。
たまにはこんなネタもいいよね!ちゃんと勉強してる証拠にもなるしね!
今回紹介するのはtwitterをwebサイトに載せるの面倒な作業が簡単にできる素晴らしいjavascriptライブラリです。
それがこちら。

  • Add Twitter to your blog (step-by-step)

  • 使い方はとっても簡単
    まずは
    <div id="tweet">
     <p>Please wait while my tweets load <img src="/images/indicator.gif" /></p>
    <p><a href="http://twitter.com/rem">If you can't wait - check out what I've been twittering</a></p>
    </div>
    みたいな感じに<div>タグで[tweet]というIDを指定。
    そして

    <script
    src=" ~twitter.jsの場所を指定~ ;
    type="text/javascript">
    </script>
    <script type="text/javascript" charset="utf-8">
    getTwitters('tweet', {
    id: 'rem',
    count: 1,
    enableLinks: true,
    ignoreReplies: true,
    clearContents: true,
    template: '"%text%" <a href="http://twitter.com/%user_screen_name%/statuses/%id_str%/">%time%</a>'
    });
    </script>

    というjavascriptを<head>にコピペすればいいだけ。
    超簡単2ステップであなたもwebにツイッターを載せられちゃいます!
    あとはレイアウトを整えたりだとか、呟きを変数に格納してあれこれ弄って使うだとか、使い方は無限大
    とりあえずtwitterでwebプログラミングしてみるには最適だと思いますよ!

| HTML&javascript | 23:06 | comments:0 | trackbacks:0 | TOP↑

tweet   ≫ EDIT

難解プログラミング言語を更に難解にしたもの。

どうもどうも。すーさん’ずです。
早速ですが皆さん、BFという難解プログラミング言語をご存知でしょうか。
管理人はついこの前知りました。
BFと言うのは。。。

Brainfuck(ブレインファック)は難解プログラミング言語のひとつ。なお名称に卑語が含まれるため、Brainf*ck、BFなどと表記されることがある。
開発者Urban Müllerがコンパイラがなるべく小さくなる言語として考案した。 実際、Müllerが開発したコンパイラのサイズはわずか123バイト(キロバイトではない!)、インタプリタは98バイトとなっている。
Brainfuck プログラムは非常に可読性・記述性が低いため実用性は期待できないが、それでもチューリング完全な(チューリングマシンで実行可能なあらゆるプログラムが記述できる)言語であり、理論上はC言語などの普通のプログラミング言語と同等の表現力を持つ。その簡潔から多くの派生言語を生み出すこととなった。
メモリを指す暗黙のポインタを「>」「<」命令で移動させながら、そのポインタが指す値を増減させて処理を進めていく。
(Brainfuck - Wikipediaより引用)

という実用性より娯楽的な要素が強いプログラミング言語なのですよ。
(興味のある方はこのサイトが勉強になるかも?)
しかし、そんなBFをもっと難解にした派生版(?)言語を作った方がいました
それがコチラ。
ほむらちゃファ(以下自主規制
ほむらちゃファ(以下自主規制)です。
・・・タイトルについてはあえて言及しませんっ!
しかし実際に使ってみるとBF以上の難解さに戸惑います
なんせコマンドが全部「ほむ」から始まっていて読みづらい
「ほむ」を数えていたのに「ほむぅ」も数に入れちゃってたりとか。
マジメにやってても全体を見通すとほむほむ言ってて気が抜けちゃったりとか。
とにかくこれは難解の上を行く難解、超難解ですね。
誰かこれ使ってほむらAAでも作ってくれないかなぁ・・・

まとめ
ルイズファッ(以下自粛)も良い感じにぶっ飛んでます。
「Hello, world!」って表示したいだけなのに・・・

| HTML&javascript | 17:50 | comments:0 | trackbacks:0 | TOP↑

tweet   ≫ EDIT

「aguseサーチ」公開。

どうもどうも。すーさん’ずです。
今回作ったブックマークレットは前回の「aguse検索」の上位版
詳しい機能は後にして取りあえずソースを。

javascript:(function(){var get=window.getSelection().toString();var nodes=document.getElementsByTagName("a");var n=0;for(i=0;i<nodes.length;i++){if(get!=""){if(get==nodes[i].innerText){n=1;window.open("http://www.aguse.jp/?m=w&url="+nodes[i]);break;}}}if(n==0){if(get.match(/[.]/)){window.open("http://www.aguse.jp/?m=w&url="+get);}}if(get==""){window.open("http://www.aguse.jp/?m=w&url="+document.URL);}})();

上記テキストを新規ブックマークにコピペして使ってあげてくださいな。
さてさて、このブックマークレットの機能はと言うと。。。
  1. マウス選択したどんなURLをボタン一発でaguseで調べられる。
  2. マウス選択した<A>タグ(リンクタグ)も調べられる ←new!
  3. マウス選択していない時はそのページのURLを取得して調べる。 ←new!
まぁ結構機能は増えましたよ。
特に2つ目の<A>タグのやつ。自分で言うのも何ですが凄く便利ですよ。
まぁ皆さんも使ってやってくださいな。
あ、そうそう。申し訳ないんですがこのブックマークレット、Google Chromeでしか動かないようです。おっかしぃなぁ。。。
もし他のブラウザでも動かしたいって方がいらっしゃったら煮るなり焼くなりお好きにどうぞ。
もちろん管理人も少しずつ進化させていく予定なので。よろしくお願いします。

| HTML&javascript | 17:25 | comments:0 | trackbacks:0 | TOP↑

tweet   ≫ EDIT

『aguse検索ブックマークレット』公開。

どうもどうも。すーさん’ずです。
今回はついさっき完成した、サイトをaguseで調べられるブックマークレットを公開したいと思います。

javascript:(function(){var b=window.getSelection().toString();var c=b.slice(0,4);switch(c){ case "http":window.open("http://www.aguse.jp/?m=w&url="+b);break; case "ttp:":window.open("http://www.aguse.jp/?m=w&url=h"+b);break; case "www.":window.open("http://www.aguse.jp/?m=w&url=http://"+b);break;}})();

上記テキストを新規ブックマークにコピペして使ってあげてください。

~特徴~
1,マウス選択したURLをボタン一発でaguseで調べられる
2,URLが「h抜け(ttp://~)」から始まってても調べられる
3,URLが第4ドメインの「www.」から始まってても調べられる

~更新履歴~
2011/3/09 リンクが上手く働いていなかったのでソースをベタ張り
      ある程度のブラウザには対応できた(?)
2011/2/19 ちょっとした改良(ローカル変数にした)。
2011/2/13 取りあえず公開。

~動作確認ブラウザ~
動いたブラウザ
・google chrome
・firefox
動かなかったブラウザ
・IE
(その他のブラウザでも動くかもしれないし動かないかもしれません。)

~改良点~
1,クロスブラウザに対応させる。(対応したはず)
2,その他の第4ドメインにも対応する。
3,というよりどんなサイトにも対応させる。
4,Aタグからも読み取れるように出来たら最高っ!


と、まぁこんなもんですかな。
。。。なんかこうやって並べてみると自分専用ブックマークレットになってますが。。。。
まぁそんときは各自で改良して使っていただけるとありがたいです。

| HTML&javascript | 13:01 | comments:0 | trackbacks:0 | TOP↑

tweet   ≫ EDIT

ぶっくまーくれっと。

どうもどうも。すーさん’ずです。
今日はタイトル通り。『ブックマークレット』についての記事です。
「何でいまさらブックマークレットなんて記事にするんだ?」とかなんとか言われると心が痛いですがそれでもやります。やると決めたらやる男、それがすーさん’ずです。逆を返せばやると決めるまでやりません。面倒な奴です。
大体、管理人がブックマークレットなんていう存在を知ったのがつい2、3時間前ですからね。それまで毛の程も知らなかった。こんな便利なのに。勿体ない。
そんな勿体ない人を減らす意味でもやはり記事にしておいた方がいいんじゃないでしょうか。
うん。やっぱり記事にして正解だな。うんうん。(自己満足)

───っとまぁ前振りを終えたところで「ブックマークレットって何だ?」って人のために少々紹介。

Bookmarklet。ウェブブラウザで作動するJavaScriptプログラムの一種
通常ウェブブラウザでブックマーク(お気に入り)を選ぶと、登録しておいたURLに遷移するが、URLの代わりにJavaScriptのプログラムコードをブックマークしておくことで、それを選んだ時にプログラムが実行されてちょっとした機能が実現できる。そのようなものをブックマークレットと言う。
(ブックマークレットとは - はてなキーワードより引用)

ほんとにちょっとした機能を追加したいときに凄く便利だと思います。ええ。
というわけで管理人も今まで不便に感じていたことを解消するブックマークレットを作ってみました

サイト情報

具体的にどう不便だったかと言いますと。。。。。
今まで他サイトさんの文章を引用する際には
「アドレスバーからURL取得→ブックマークに追加→ブックマークの編集でサイト名をコピー」
などという七面倒な事をしていたわけですよ。
それがこのブックマークレット1つで解決ですよ。恐ろしい事ですよ。ええ。
ブックマークレットだって制作時間3分程度ですし。まさにブックマークレット様様って感じです。
あまりにもブックマークレット様様って感じなんでソースを紹介。
まぁソースなんていう大それたもんじゃないけど。

javascript:alert("title:\n"+document.title+"\n\nURL:\n"+document.URL)

上記ソースを「新しいブックマークの追加」とかでテキトーに追加したブックマークのURL部分にコピペしてみてくださいな。
・・・・・まぁイマイチ使い道に欠けるっつーか、「もっと便利なブックマークレットにすることも出来たなぁ…」と薄々感じたりなんかもしますが、まぁ良しとしておきましょう。むしろ良しとしておいてください。追記にて少々機能を追加したソースを紹介しました。

ともかく。ブックマークレットってのはなかなか凄いものだと思うのですよ。
手軽にブラウザに機能をちょい足し出来る─── これはまさにブラウザの革命ですね。ええ。
jabascript使える人も使えない人も勉強中な人(管理人含む)も、なかなか簡単に組めて実用的なブックマークレットを使ってみてはいかがでしょう?

2011/1/22 追記
昨日の記事に追記ってのも野暮ったいもんですが上記ブックマークレットに『Aタグ機能』を追加してみたんでこちらもどうぞ。

サイト情報

ソースはこちら。

javascript:alert("title:\n"+document.title+"\n\nURL:\n"+document.URL+'\n\nA%E3%82%BF%E3%82%B0:\n<a href="'+document.URL+'" target="_blank">'+document.title+'</a>')


※改行は消して1文にしてから使ってください。
以上で追記を終わりにしますよっと。

| HTML&javascript | 23:54 | comments:0 | trackbacks:0 | TOP↑

PREV | PAGE-SELECT | NEXT

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。