Hatena::Groupptech

ぷちてく RSSフィード

Archive
 
ProfileProfile

2012-05-10

スマホでBookmarklet登録めんどそう Hatena::Letで楽できる

05:34

どーもこんちわ。コメント欄が日記化したからブログに移動したぱたーん。このエントリがコメント返信みたいなもん

さいきょうでばいすガラケーなんであんまかんけーない

なんかたいへんそう

こんなかんじ

iPhone/iPod touchからの方は、以下の手順でどうぞ。(とりあえず簡単に書いておきます)

  1. 適当なページでブックマークを作成する。
  2. そのページを[編集]→アドレス欄に記載されているURLを一旦全部削除。
  3. 以下のJavaScriptを全部コピーして、そのままアドレス欄にペースト。
javascript:javascript%3A%28function%28%29%7Bvar lc%3Dlocation.href%3Bif%28lc.match%28%27http%3A%2F%2Ff.hatena.ne.jp%27%29%29%7Bvar ta%3Ddocument.getElementById%28%27breadcrumbs%27%29%3Bvar tb%3Dta.getElementsByTagName%28%27input%27%29%3Bif%28tb.length%29%7Bvar cp%3Dwindow.prompt%28%27OKではてなハイクに貼り付けます%27%2Ctb%5B0%5D.value%29%3Bif%28cp%21%3Dnull%29%7Bvar hstr%3D%27http%3A%2F%2Fh.hatena.ne.jp%2Ftouch%2F%3F_charset_%3Dutf-8%26body%3D%27%2Btb%5B0%5D.value%3Bvar w%3Dwindow.open%28hstr%29%3B%7D%7D%7D%7D%29%28%29%3B%0D
http://d.hatena.ne.jp/Tensor/20120508/1336452125

う、うん。選択こぴぺかぁ・・ あとjavascript:javascript%3Aとかがあへあへ

Hatena::Letはembed

するとありがたみアップだよ

書き手

こうかく

>http://let.hatelabo.jp/Tensor/let/gYC-yeWjms_EHQ>
<iframe border="0" frameborder="0" height="130" src="http://let.st-hatelabo.com/Tensor/let.iframe?embed=1&code_id=gYC-yeWjms_EHQ" width="500"></iframe>
<<

かんたん

見る側

iframeでべんり。出てなくても引用記法のリンク辿ればべんり

http://let.hatelabo.jp/Tensor/let/gYC-yeWjms_EHQ

Hatena::Letつかうのは色々あるけど、はてダでこれがでかいからってのも

選択コピペより

登録めんどそうだからメーカー使うといいとおもう。javascript:~も書きたくない

メーカー

id:mino90 さんの

http://let.hatelabo.jp/mino90/let/gYC-xYDKx6O-dA

ローダーと同じドメインhttp://let.st-hatelabo.com に持ってくのに2回実行になってるけど、1回で書き換えちゃうようにできそうな

ユーザーページ見よう

mino90 さんはスマホとかハイク向けの let たくさん書いてるから参考になるとおもう

うん

おんなじのあるよ

今回のは先に id:Akkiesoft さんが作ってた

画像URL直パターン

ハイク記法はてダとだいぶ違うからこれで画像でる

http://let.hatelabo.jp/Akkiesoft/let/gYC-yO_PnaO-eA

2011-11-12 製

Hatena::Letコード埋もれる

スレッドフロートみたいになってるのがプラスだしマイナス

Hatena::Let::Search

車輪の再発明でかまわないときもあるけど、いやなときは id:md2tak さんので。前に本店でも紹介した

http://let.hatelabo.jp/md2tak/let/gYC-xIuZt6yOAg

かっこいい

汎用メーカーもどき

実行するとページ中からjavascript:探して、テキスト展開する。で、まぁ結局コピペするんだろうなぁー

自分でちゃんとしたローダー書くのが

いいとおもう。なんかこんなん?

  1. <code>ブロックとか検索
  2. 場合によっちゃ minify する。Hatena::Let なら minified なのか LOADER からとってくる
  3. 先頭にjavascript:補完
  4. 裸なら(function(){ コード })(); void 0;とかでラップ*1
  5. confirmしてやるかもっといい感じに登録ラクなのがあればそうする

選択コピペはむりゲー ゆびつりそう

という感じのを

コメント欄に書いてた。まよったけどやっぱり先にこっち書いとけばよかった。二度手間ってぃ

魚拓ってぃ

かんそう

が欲しいといわれてたので、はい色々あります

元の
/*
 * @title fotolife_bookmarklet_v3-2
 * @description 標準ブラウザ向けfotolife記法表示ブックマークレット(標準版はてなハイクに行きます)
 * @include http://f.hatena.ne.jp/*
 * @license MIT License
 */

javascript:(
	function(){
		var lc=location.href;
		if(lc.match('http://f.hatena.ne.jp')){
			var ta=document.getElementById('breadcrumbs');
			var tb=ta.getElementsByTagName('input');
			if(tb.length){
				var cp=window.prompt('OKではてなハイクに貼り付けます',tb[0].value);
				if(cp!=null){
					window.open('http://h.hatena.ne.jp/?_charset_=utf-8&body='+tb[0].value);
				}
			}
		}
	}
)();
http://let.hatelabo.jp/Tensor/let/gYC-xeX1pt_0Xg
ぼくのかんそう

さいきんコードだけでおへんじするのがしゅみ。Forkした

/*
 * @title Foto2Haiku
 * @description Post image to HaikuJP with Fotolife Syntax (Forked from fotolife_bookmarklet_v3-2 by Tensor)
 * @include http://f.hatena.ne.jp/*
 * @include http://f.hatena.com/*
 * @license MIT License
 * @see http://let.hatelabo.jp/Tensor/let/gYC-xeX1pt_0Xg (Fork of)
 * @see http://d.hatena.ne.jp/Tensor/20120508/1336452125
 */
// # Changes
// - allow Hatena World (.com)
// - window.open() -> location.href :for popup-blocker
// If you non support old browsers (ex. IE < 8), more better use of document.QuerySelector('#breadcrumbs input[value]')
// https://developer.mozilla.org/Ja/DOM/Document.querySelector

(function () {
    if (typeof Ten !== 'object') return;
    
    if (/^http:\/\/f\.hatena\.(?:ne\.jp|com)\/[\w-]+\/\d{14}/.test(location.href)) {
        var fotoSyntax = Ten.querySelector('#breadcrumbs input');
        if (!fotoSyntax || !fotoSyntax.value) return;
        
        if (window.prompt('Sure?', fotoSyntax.value)) {
            location.href = 'http://h.hatena.ne.jp/?_charset_=utf-8&body=' + fotoSyntax.value;
        }
    }
})();
http://let.hatelabo.jp/noromanba/let/gYC-yea9u6rTRw

こんなかんじ。+ fotoSyntax.valueのところは、記法だけであんま関係ないから入れなかったけど ちゃんとやるなら+ encodeURIComponent(fotoSyntax.value)

http://let.hatelabo.jp/noromanba/let/gYC-yea9u6rTRw

タグ

あとでつける つけた

[JavaScript][iOS][HatenaLet][Bookmarklet]

しーゆー

*1Hatena::Letのローダー経由とおなじ

トラックバック - http://ptech.g.hatena.ne.jp/noromanba/20120510