2011年4月10日日曜日

Saezuri

twitterは、2010年05月04日(火)から始めました。

…いゃ、こんなに普及する大分前に、アカウントだけは取ったんですけれど。
放置の挙句、pass忘れちゃったという…ヾ('o'ヾ('o'ヾ('o'; ォィォィォィ

で、現在のアカですが。

最初は『Twit』使ってました。
でも、写真とかが見れないのがネックになって、
『Tween』に乗り換えたのです。

それで長らく『Tween』使ってたのですけれど。

PCやってる時って、何かしら他の作業もしてる訳で。
(遊び含めてw)

気が向いた時に、だ~~っとツイート読んだりしていたんですけど…
作業に集中しちゃうと、立ち上げてた事も忘れちゃう始末。

これだと、メール読んでる感覚と変わりなくて、
楽しさがあんまり感じられなかったり…(´・ ・)

転機は、携帯用アプリの『jigtwi』に触れてからですかね~。

出勤途中・帰宅途中・時々、休憩時間…ぐらいにしか見れなくて、
呟くよりツイート読んでただけなんですけれど。

何か、これが面白く感じて。

同じようなクライアントだったら面白いかな~っと思い立ち、
『Saezuri』入れてみたんです。

いや~、これは正解でしたっっ!!

何がいいって、
ツイートが前面にポップアップされるのが(・∀・)イィ!!

立ち上げてたの忘れる事がないですし、
いちいちクライアントを最前面に持ってこなくてもいいから、
作業を中断しなくてもいいし♪

今になって、よーやっとTwitteの面白さがわかりましたよ~...( ̄m ̄〃)

難をいうなれば…
写真のサムネイルはもうちょっと大きいと嬉しいのだけれど。

もしくは、ポップアップでも写真サムネイルが見れるとか…
難しいのかな??

あとは、TL~検索のボタンにショートカット割り当てられたら
最高なんですけどね~。


ま、とにもかくにも。
しばらくtwitter漬けになりそーです(´∇`;)

ちなみにソフトは、Windows用のフリーソフト・シェアウェアの紹介サイト
『林檎の木』から探しました☆

紹介文が面白くて、素敵なトコです((b´∀`))ヨ♪

2011年4月8日金曜日

Twitpicにアップした画像をフルサイズでブログに貼るブックマークレット

前回、Flickrにアップロードした写真をブログに貼る方法を書いたので、
次はTwitpicの方法をば。

Twitpicでは、写真詳細ページの右側に
「Put this photo on your website」ってトコがあって。

image

「Put this photo on your website」の左にある青い「+」を押すと、
タグが出てきますよね。

で。そのタグを貼ると、こーなる訳ですが。

帰å®�ã��é��ã��ã�£ã��ã��ã��ã�ªã��ã�®ã�£o(ï¿£ ^ ï¿£ o) ã��æ��ã... on Twitpic image

…写真にオンマウス(マウスカーソルを当てる)すると、
タイトルとかが文字化けする訳です。

なので、ブックマークレットを探してみました♪

『うろ覚えメモ・
 「twitpicを文字化けしないでブログに貼り付けるブックマークレット」』

お仕事なんて行っちゃイヤ…拗ね気味・姉ニャ... on Twitpic

これで写真にオンマウスした時の文字化けは解消☆

…でもこれだとサムネイルな感じ。
サイズを変えたいので、コードを変えます。

『YZUAMETRON・
 「Twitpicにアップした写真をブログに貼るときのサイズ」』

を参考に♪

お仕事なんて行っちゃイヤ…拗ね気味・ニャ... on Twitpic

フルサイズ表示・縦350px固定。
(横幅は、画像比率を変えず、縦幅350pxに応じて変わる)

javascript:void(function(h,t){ var s=h.split('/');var u=s[s.length-1];prompt('','<a href="http://twitpic.com/'+u+'" title="'+t+'"><img src="http://twitpic.com/show/full/'+u+'.jpg" height="350" alt="'+t+'"></a>'); })(location.href,document.title);

 

コロロン弟ニャ♪ on Twitpic

フルサイズ表示・横幅350px固定。
(縦幅は、画像比率を変えず、横幅350pxに応じて変わる)

javascript:void(function(h,t){ var s=h.split('/');var u=s[s.length-1];prompt('','<a href="http://twitpic.com/'+u+'" title="'+t+'"><img src="http://twitpic.com/show/full/'+u+'.jpg" width="350" alt="'+t+'"></a>'); })(location.href,document.title);


このブログだと、横幅は500pxぐらいでもいいのかも~。
…ブログのテンプレートを変えない限りは(´∇`;)

コロロン弟ニャ♪ on Twitpic


■コードをブックマークする(お気に入りに入れる)

適当なWebページを、ブックマーク・お気に入り登録させる。

…Operaだと、追加時に「名前」「保存先フォルダ」の他に、
『詳細』ボタンを押して、アドレス等が編集できるので、
ここで編集作業しちゃいます。

適当にわかりやすい名前を付けて、アドレス欄にコードを貼り付けて、
保存先フォルダは、好きな場所にして登録。

IEだと、名前だけ変更してとりあえずお気に入り登録。
次に、プロパティで編集すれば(・∀・)イィ!!

あとは写真ページにて、
上で作ったブックマーク・お気に入りを開けばおkd(*≧∇≦*)

2011年4月6日水曜日

Windows Live WriterとFlickr。+はてなダイヤリー・Blogger

前の記事でチラっと書きましたが。
覚書もかねて、flickrにUPした写真をブログで使用させる方法をば。

  1. flickrにSign in(画面右上にあるよ!)
    YahooIDかFackbookかgoogleアカウントでサインイン出来る♪
  2. 写真をアップロード。
    …ここらで躓いたら、「flickr 使い方」とかでggれば(・∀・)イィ!!
  3. アップロードした写真をクリック。
    image 

    こんな感じ。
    image
  4. このページで、ブックマークレット(Bookmarklet)を召喚(*゚ロ゚)ノ
    ――わたしゃ、
    Flickrの写真ページからブログに貼りつけるHTMLを生成するBookmarklet。
    を利用させて頂きました。(※1)

    ブックマークレット召喚で、こーなる。
    image
    既に全選択されているので、コピーすれば(・∀・)イィ!!
  5. Windows Live Writer・『ソース画面(Shift+F11)』で貼り付け。

    こーなります。
    チャチャリン11_0227-1
    flickr.comチャチャリン11_0227-1 Photo by intcat-lol

    貼り付けたら、編集画面(F11)に戻って文章を打てば(・∀・)イィ!!

    ――でもって、貼り付けの際、
    htmlタグをいぢくってもいぃ訳で。(※2)
    チャチャリン11_0227-1
    flickr.com Photo by intcat-lol

    自動的に段階タグ(<p></p>)が入るケド、
    説明用にリストタグ使ってるので、とりあえず両方とも削ってあったり。

    2番目のは、枠線つけてみた。
    タイトル名も削り~。ユーザー名は一応残してみた。
    自分以外のユーザー画像を使う時は削っちゃダメと思ふ。

    …んでもWindows Live Writerのソース編集画面は見辛いので、
    画像貼り付けのhtmlいぢくるなら、エディタ使った方がイィヵモ(´△`)

※1
Flickrの写真ページからブログに貼りつけるHTMLを生成するBookmarklet。
ですが、ページ中ほどに
image 

ってトコがあります。
デスクトップ用は、とりあえずデスクトップ用のリンクページをクリックして開きます。
そのページをブックマークすればおk。
(Web用タイトルは、そのままソースになっているので、
 ブックマーク後、適当に編集しとくと良ぃ☆)

※2
<p></p>タグや、写真タイトル・ユーザー名が入るのが嫌な方は、
コチラがおすすめ☆

『Kawanet Tech Blog・
 flickr の写真をブログに貼り付ける際に便利なブックマークレット』

記事一番下、「fr(2) = Flickr 新インターフェース対応版」ってものが、
現在でもOKなブックマークレットです♪

…私はコッチにしちゃいました(´∇`;)


■Windows Live Writerと、はてなダイヤリーのアカウント設定■

コチラを参考に。

画像が扱えない事は、とりあえず上述のflickr連動で凌ぐトヵ。 


■Bloggerの愚痴+UPした画像の行方■

Bloggerって自動的にモバイル表示してくれないのですね~。
何たる時代錯誤(ー゛ー;

――このブログのモバイル版はコチラ。
『クリボウの Blogger Tips・Blogger を携帯で見るためのツール』を読んで
「Blogger Mobile Viewer」を行いましたぉ。

ちなみに、『自分のブログの ID 番号』の取得方法は…
Bloggerログイン後、設定ページを開けばわかります♪
例)http://www.blogger.com/blog-options-basic.g?blogID=(半角数字の羅列・これがID番号)


Bloggerは、Windows Live Writerから画像も投稿できる。
画像はPicasaにUPされています。

…つまり、BloggerでUP可能な画像容量=Picasaの容量=1GB。

大量に画像をUPするなら、やっぱりflickrとか使った方がいいのかも。

あとあと。
わたしゃブラウザはOpera使いなんですケド。

ブラウザからBloggerで直接投稿・画像UPを行おうとしたらエラーが出ました(´・ ・)
(後で確認したら、PicasaにはUPされてました(;゚ロ゚ )

――Operaとgoogleサービスの相性は宜しくなくて~。
今は、大体のサービスが使えるけれど、Bloggerはまだみたい。


■Windows Live Writerのグt+アルファ(■

ソース画面が見辛い。
色分けがあったらいぃかな~。
せめて、編集している部分にカーソルが自動的にいってくれたら楽かな。

色を変える時に使用するタグが<font>タグって何で(;゚・゚)?

ローカルの記事だけ削除する機能が欲しい。

記事データの保存場所を選ばせて欲しい。

…ま、ココで書いても意味ないッスね(´∇`;)


=覚書=
Windows Live Writerのショートカットキー一覧