mixiをAjaxで検索!!

どうもお久しぶりです地獄変00です。2ヶ月のご無沙汰となります。

先日、mixiのソースコードが流出したとかいう騒ぎがありまして、私も出回っているのをいくつか見ました。

その中にhttp://mxi000.goo.ne.jp/mixi/という気になるURLが。ここにクエリー投げてと。ああ、こうやって連携してるのね〜。API公開するかもってのは、ここら辺の話なんでしょうか(笑)。

で、戻り値を見ると簡単に解析できる内容。そこで、ちょっとAjaxを用いたmixi検索を作ってみました。ドメインの都合上、ここでそのまま使えはしないので、下のテキストエリアをコピペして、ローカルで使ってください。ページ切り替え機能とかはテキトーに作ったので入れていません。

まあ、すぐ対策されて使えなくなるだろうけど。

でも、トピック検索はmixi本体でも実装されていない機能なのでちょっと便利かも。

文字コードのエスケープはついに出ました！ JavaScript でJISエンコードが可能な、escape() 関数ライブラリ！を参考にしました

<script type="text/javascript"> var xh = 0; function createXmlHttpRequest() { var xmlhttp = false; if( window.XMLHttpRequest) { xmlhttp = new XMLHttpRequest(); } else if(window.ActiveXObject) { try { xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); } catch(e) { xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } } return xmlhttp; } JCT11280=Function('var a="zKV33~jZ4zN=~ji36XazM93y!{~k2y!o~k0ZlW6zN?3Wz3W?{EKzK[33[`y|;-~j^YOTz$!~kNy|L1$353~jV3zKk3~k-4P4zK_2+~jY4y!xYHR~jlz$_~jk4z$e3X5He<0y!wy|X3[:~l|VU[F3VZ056Hy!nz/m1XD61+1XY1E1=1y|bzKiz!H034zKj~mEz#c5ZA3-3X$1~mBz$$3~lyz#,4YN5~mEz#{ZKZ3V%7Y}!J3X-YEX_J(3~mAz =V;kE0/y|F3y!}~m>z/U~mI~j_2+~mA~jp2;~m@~k32;~m>V}2u~mEX#2x~mBy+x2242(~mBy,;2242(~may->2&XkG2;~mIy-_2&NXd2;~mGz,{4<6:.:B*B:XC4>6:.>B*BBXSA+A:X]E&E<~r#z+625z s2+zN=`HXI@YMXIAXZYUM8X4K/:Q!Z&33 3YWX[~mB`{zKt4z (zV/z 3zRw2%Wd39]S11z$PAXH5Xb;ZQWU1ZgWP%3~o@{Dgl#gd}T){Uo{y5_d{e@}C(} WU9|cB{w}bzvV|)[} H|zT}d||0~{]Q|(l{|x{iv{dw}(5}[Z|kuZ }cq{{y|ij}.I{idbof%cu^d}Rj^y|-M{ESYGYfYsZslS`?ZdYO__gLYRZ&fvb4oKfhSf^d<Yeasc1f&a=hnYG{QY{D`Bsa|u,}Dl|_Q{C%xK|Aq}C>|c#ryW=}eY{L+`)][YF_Ub^h4}[X|?r|u_ex}TL@YR]j{SrXgo*|Gv|rK}B#mu{R1}hs|dP{C7|^Qt3|@P{YVV |8&}#D}ef{e/{Rl|>Hni}R1{Z#{D[}CQlQ||E}[s{SG_+i8eplY[=[|ec[$YXn#`hcm}YR|{Ci(_[ql|?8p3]-}^t{wy}4la&pc|3e{Rp{LqiJ],] `kc(]@chYnrM`O^,ZLYhZB]ywyfGY~aex!_Qww{a!|)*lHrM{N+n&YYj~Z b c#e_[hZSon|rOt`}hBXa^i{lh|<0||r{KJ{kni)|x,|0auY{D!^Sce{w;|@S|cA}Xn{C1h${E]Z-XgZ*XPbp]^_qbH^e[`YM|a||+=]!Lc}]vdBc=j-YSZD]YmyYLYKZ9Z>Xcczc2{Yh}9Fc#Z.l{}(D{G{{mRhC|L3b#|xK[Bepj#ut`H[,{E9Yr}1b{[e]{ZFk7[ZYbZ0XL]}Ye[(`d}c!|*y`Dg=b;gR]Hm=hJho}R-[n}9;{N![7k_{UbmN]rf#pTe[x8}!Qcs_rs[m`|>N}^V})7{^r|/E}),}HH{OYe2{Skx)e<_.cj.cjoMhc^d}0uYZd!^J_@g,[[[?{i@][|3S}Yl3|!1|eZ|5IYw|1D}e7|Cv{OHbnx-`wvb[6[4} =g+k:{C:}ed{S]|2M]-}WZ|/q{LF|dYu^}Gs^c{Z=}h>|/i|{W]:|ip{N:|zt|S<{DH[p_tvD{N<[8Axo{X4a.^o^X>Yfa59`#ZBYgY~_t^9`jZHZn`>G[oajZ;X,i)Z.^~YJe ZiZF^{][[#Zt^|]Fjx]&_5dddW]P0C[-]}]d|y {C_jUql] |OpaA[Z{lp|rz}:Mu#]_Yf6{Ep?f5`$[6^D][^u[$[6^.Z8]]ePc2U/=]K^_+^M{q*|9tYuZ,s(dS{i=|bNbB{uG}0jZOa:[-]dYtu3]:]<{DJ_SZIqr_`l=Yt`gkTnXb3d@kiq0a`Z{|!B|}e}Ww{Sp,^Z|0>_Z}36|]A|-t}lt{R6pi|v8hPu#{C>YOZHYmg/Z4nicK[}hF_Bg|YRZ7c|crkzYZY}_iXcZ.|)U|L5{R~qi^Uga@Y[xb}&qdbd6h5|Btw[}c<{Ds53[Y7]?Z<|e0{L[ZK]mXKZ#Z2^tavf0`PE[OSOaP`4gi`qjdYMgys/?[nc,}EEb,eL]g[n{E_b/vcvgb.{kcwi`~v%|0:|iK{Jh_vf5lb}KL|(oi=LrzhhY_^@`zgf[~g)[J_0fk_V{T)}I_{D&_/d9W/|MU[)f$xW}?$xr4<{Lb{y4}&u{XJ|cm{Iu{jQ}CMkD{CX|7A}G~{kt)nB|d5|<-}WJ}@||d@|Iy}Ts|iL|/^|no|0;}L6{Pm]7}$zf:|r2}?C_k{R(}-w|`G{Gy[g]bVje=_0|PT{^Y^yjtT[[[l!Ye_`ZN]@[n_)j3nEgMa]YtYpZy].d-Y_cjb~Y~[nc~sCi3|zg}B0}do{O^{|$`_|D{}U&|0+{J3|8*]iayx{a{xJ_9|,c{Ee]QXlYb]$[%YMc*]w[aafe]aVYi[fZEii[xq2YQZHg]Y~h#|Y:thre^@^|_F^CbTbG_1^qf7{L-`VFx Zr|@EZ;gkZ@slgko`[e}T:{Cu^pddZ_`yav^Ea+[#ZBbSbO`elQfLui}.F|txYcbQ`XehcGe~fc^RlV{D_0ZAej[l&jShxG[ipB_=u:eU}3e8[=j|{D(}dO{Do[BYUZ0/]AYE]ALYhZcYlYP/^-^{Yt_1_-;YT`P4BZG=IOZ&]H[e]YYd[9^F[1YdZxZ?Z{Z<]Ba2[5Yb[0Z4l?]d_;_)a?YGEYiYv`_XmZs4ZjY^Zb]6gqGaX^9Y}dXZr[g|]Y}K aFZp^k^F]M`^{O1Ys]ZCgCv4|E>}8eb7}l`{L5[Z_faQ|c2}Fj}hw^#|Ng|B||w2|Sh{v+[G}aB|MY}A{|8o}X~{E8paZ:]i^Njq]new)`-Z>haounWhN}c#{DfZ|fK]KqGZ=:u|fqoqcv}2ssm}.r{]{nIfV{JW)[K|,Z{Uxc|]l_KdCb%]cfobya3`p}G^|LZiSC]U|(X|kBlVg[kNo({O:g:|-N|qT}9?{MBiL}Sq{`P|3a|u.{Uaq:{_o|^S}jX{Fob0`;|#y_@[V[K|cw[<_ }KU|0F}d3|et{Q7{LuZttsmf^kYZ`Af`}$x}U`|Ww}d]| >}K,r&|XI|*e{C/a-bmr1fId4[;b>tQ_:]hk{b-pMge]gfpo.|(w[jgV{EC1Z,YhaY^q,_G[c_g[J0YX]`[h^hYK^_Yib,` {i6vf@YM^hdOKZZn(jgZ>bzSDc^Z%[[o9[2=/YHZ(_/Gu_`*|8z{DUZxYt^vuvZjhi^lc&gUd4|<UiA`z]$b/Z?l}YI^jaHxe|;F}l${sQ}5g}hA|e4}?o{ih}Uz{C)jPe4]H^J[Eg[|AMZMlc}:,{iz}#*|gc{Iq|/:|zK{l&}#u|myd{{M&v~nV};L|(g|I]ogddb0xsd7^V})$uQ{HzazsgxtsO^l}F>ZB]r|{7{j@cU^{{CbiYoHlng]f+nQ[bkTn/}<-d9q {KXadZYo+n|l[|lc}V2{[a{S4Zam~Za^`{HH{xx_SvF|ak=c^[v^7_rYT`ld@]:_ub%[$[m](Shu}G2{E.ZU_L_R{tz`vj(f?^}hswz}GdZ}{S:h`aD|?W|`dgG|if{a8|J1{N,}-Ao3{H#{mfsP|[ bzn+}_Q{MT{u4kHcj_q`eZj[8o0jy{p7}C|[}l){MuYY{|Ff!Ykn3{rT|m,^R|,R}$~Ykgx{P!]>iXh6[l[/}Jgcg{JYZ.^qYfYIZl[gZ#Xj[Pc7YyZD^+Yt;4;`e8YyZVbQ7YzZxXja.7SYl[s]2^/Ha$[6ZGYrb%XiYdf2]H]kZkZ*ZQ[ZYS^HZXcCc%Z|[(bVZ]]:OJQ_DZCg<[,]%Zaa [g{C00HY[c%[ChyZ,Z_`PbXa+eh`^&jPi0a[ggvhlekL]w{Yp^v}[e{~;k%a&k^|nR_z_Qng}[E}*Wq:{k^{FJZpXRhmh3^p>de^=_7`|ZbaAZtdhZ?n4ZL]u`9ZNc3g%[6b=e.ZVfC[ZZ^^^hD{E(9c(kyZ=bb|Sq{k`|vmr>izlH[u|e`}49}Y%}FT{[z{Rk}Bz{TCc/lMiAqkf(m$hDc;qooi[}^o:c^|Qm}a_{mrZ(pA`,}<2sY| adf_%|}`}Y5U;}/4|D>|$X{jw{C<|F.hK|*A{MRZ8Zsm?imZm_?brYWZrYx`yVZc3a@f?aK^ojEd {bN}/3ZH]/$YZhm^&j 9|(S|b]mF}UI{q&aM]LcrZ5^.|[j`T_V_Gak}9J[ ZCZD|^h{N9{~&[6Zd{}B}2O|cv]K}3s}Uy|l,fihW{EG`j_QOp~Z$F^zexS`dcISfhZBXP|.vn|_HYQ|)9|cr]<`&Z6]m_(ZhPcSg>`Z]5`~1`0Xcb4k1{O!bz|CN_T{LR|a/gFcD|j<{Z._[f)mPc:1`WtIaT1cgYkZOaVZOYFrEe[}T$}Ch}mk{K-^@]fH{Hdi`c*Z&|Kt{if[C{Q;{xYB`dYIX:ZB[}]*[{{p9|4GYRh2ao{DS|V+[zd$`F[ZXKadb*A] Ys]Maif~a/Z2bmclb8{Jro_rz|x9cHojbZ{GzZx_)]:{wAayeDlx}<=`g{H1{l#}9i|)=|lP{Qq}.({La|!Y{i2EZfp=c*}Cc{EDvVB|;g}2t{W4av^Bn=]ri,|y?|3+}T*ckZ*{Ffr5e%|sB{lx^0]eZb]9[SgAjS_D|uHZx]dive[c.YPkcq/}db{EQh&hQ|eg}G!ljil|BO]X{Qr_GkGl~YiYWu=c3eb}29v3|D|}4i||.{Mv})V{SP1{FX}CZW6{cm|vO{pS|e#}A~|1i}81|Mw}es|5[}3w{C`h9aL]o{}p[G`>i%a1Z@`Ln2bD[$_h`}ZOjhdTrH{[j_:k~kv[Sdu]CtL}41{I |[[{]Zp$]XjxjHt_eThoa#h>sSt8|gK|TVi[Y{t=}Bs|b7Zpr%{gt|Yo{CS[/{iteva|cf^hgn}($_c^wmb^Wm+|55jrbF|{9^ q6{C&c+ZKdJkq_xOYqZYSYXYl`8]-cxZAq/b%b*_Vsa[/Ybjac/OaGZ4fza|a)gY{P?| I|Y |,pi1n7}9bm9ad|=d{aV|2@[(}B`d&|Uz}B}{`q|/H|!JkM{FU|CB|.{}Az}#P|lk}K{|2rk7{^8^?`/|k>|Ka{Sq}Gz}io{DxZh[yK_#}9<{TRdgc]`~Z>JYmYJ]|`!ZKZ]gUcx|^E[rZCd`f9oQ[NcD_$ZlZ;Zr}mX|=!|$6ZPZYtIo%fj}CpcN|B,{VDw~gb}@hZg`Q{LcmA[(bo`<|@$|o1|Ss}9Z_}tC|G`{F/|9nd}i=}V-{L8aaeST]daRbujh^xlpq8|}zs4bj[S`J|]?G{P#{rD{]I`OlH{Hm]VYuSYUbRc*6[j`8]pZ[bt_/^Jc*[<Z?YE|Xb|?_Z^Vcas]h{t9|Uwd)_(=0^6Zb{Nc} E[qZAeX[a]P^|_J>e8`W^j_Y}R{{Jp__]Ee#e:iWb9q_wKbujrbR}CY`,{mJ}gz{Q^{t~N|? gSga`V_||:#mi}3t|/I`X{N*|ct|2g{km}gi|{={jC}F;|E}{ZZjYf*frmu}8Tdroi{T[|+~}HG{cJ}DM{Lp{Ctd&}$hi3|FZ| m}Kr|38}^c|m_|Tr{Qv|36}?Up>|;S{DV{k_as}BK{P}}9p|t`jR{sAm4{D=b4pWa[}Xi{EjwEkI}3S|E?u=X0{jf} S|NM|JC{qo^3cm]-|JUx/{Cj{s>{Crt[UXuv|D~|j|d{YXZR}Aq}0r}(_{pJfi_z}0b|-vi)Z mFe,{f4|q`b{}^Z{HM{rbeHZ|^x_o|XM|L%|uFXm}@C_{{Hhp%a7|0p[Xp+^K}9U{bP}: tT}B|}+$|b2|[^|~h{FAby[`{}xgygrt~h1[li`c4vz|,7p~b(|mviN}^pg[{N/|g3|^0c,gE|f%|7N{q[|tc|TKA{LU}I@|AZp(}G-sz{F |qZ{}F|f-}RGn6{Z]_5})B}UJ{FFb2]4ZI@v=k,]t_Dg5Bj]Z-]L]vrpdvdGlk|gF}G]|IW}Y0[G| /bo|Te^,_B}#n^^{QHYI[?hxg{[`]D^IYRYTb&kJ[cri[g_9]Ud~^_]<p@_e_XdNm-^/|5)|h_{J;{kacVopf!q;asqd}n)|.m|bf{QW|U)}b+{tL|w``N|to{t ZO|T]jF}CB|0Q{e5Zw|k |We}5:{HO{tPwf_uajjBfX}-V_C_{{r~gg|Ude;s+}KNXH}! `K}eW{Upwbk%ogaW}9EYN}YY|&v|SL{C3[5s.]Y]I]u{M6{pYZ`^,`ZbCYR[1mNg>rsk0Ym[jrE]RYiZTr*YJ{Ge|%-lf|y(`=[t}E6{k!|3)}Zk} ][G{E~cF{u3U.rJ|a9p#o#ZE|?|{sYc#vv{E=|LC}cu{N8`/`3`9rt[4|He{cq|iSYxY`}V |(Q|t4{C?]k_Vlvk)BZ^r<{CL}#h}R+[<|i=}X|{KAo]|W<`K{NW|Zx}#;|fe{IMr<|K~tJ_x}AyLZ?{GvbLnRgN}X&{H7|x~}Jm{]-| GpNu0}.ok>|c4{PYisrDZ|fwh9|hfo@{H~XSbO]Odv]%`N]b1Y]]|eIZ}_-ZA]aj,>eFn+j[aQ_+]h[J_m_g]%_wf.`%k1e#Z?{CvYu_B^|gk`Xfh^M3`afGZ-Z|[m{L}|k3cp[it ^>YUi~d>{T*}YJ{Q5{Jxa$hg|%4`}|LAgvb }G}{P=|<;Ux{_skR{cV|-*|s-{Mp|XP|$G|_J}c6cM{_=_D|*9^$ec{V;|4S{qO|w_|.7}d0|/D}e}|0G{Dq]Kdp{}dfDi>}B%{Gd|nl}lf{C-{y}|ANZr}#={T~|-(}c&{pI|ft{lsVP}){|@u}!W|bcmB{d?|iW|:dxj{PSkO|Hl]Li:}VYk@|2={fnWt{M3`cZ6|)}|Xj}BYa?vo{e4|L7|B7{L7|1W|lvYO}W8nJ|$Vih|{T{d*_1|:-n2dblk``fT{Ky|-%}m!|Xy|-a{Pz}[l{kFjz|iH}9N{WE{x,|jz}R {P|{D)c=nX|Kq|si}Ge{sh|[X{RF{t`|jsr*fYf,rK|/9}$}}Nf{y!1|<Std}4Wez{W${Fd_/^O[ooqaw_z[L`Nbv[;l7V[ii3_PeM}.h^viqYjZ*j1}+3{bt{DR[;UG}3Og,rS{JO{qw{d<_zbAh<R[1_r`iZTbv^^a}c{iEgQZ<exZFg.^Rb+`Uj{a+{z<[~r!]`[[|rZYR|?F|qppp]L|-d|}K}YZUM|=Y|ktm*}F]{D;g{uI|7kg^}%?Z%ca{N[_<q4xC]i|PqZC]n}.bDrnh0Wq{tr|OMn6tM|!6|T`{O`|>!]ji+]_bTeU}Tq|ds}n|{Gm{z,f)}&s{DPYJ`%{CGd5v4tvb*hUh~bf]z`jajiFqAii]bfy^U{Or|m+{I)cS|.9k:e3`^|xN}@Dnlis`B|Qo{`W|>||kA}Y}{ERYuYx`%[exd`]|OyiHtb}HofUYbFo![5|+]gD{NIZR|Go}.T{rh^4]S|C9_}xO^i`vfQ}C)bK{TL}cQ|79iu}9a];sj{P.o!f[Y]pM``Jda^Wc9ZarteBZClxtM{LW}l9|a.mU}KX}4@{I+f1}37|8u}9c|v${xGlz}jP{Dd1}e:}31}%3X$|22i<v+r@~mf{sN{C67G97855F4YL5}8f{DT|xy{sO{DXB334@55J1)4.G9A#JDYtXTYM4, YQD9;XbXm9SX]IB^4UN=Xn<5(;(F3YW@XkH-X_VM[DYM:5XP!T&Y`6|,^{IS-*D.H>:LXjYQ0I3XhAF:9:(==.F*3F1189K/7163D,:@|e2{LS36D4hq{Lw/84443@4.933:0307::6D7}&l{Mx657;89;,K5678H&93D(H<&<>0B90X^I;}Ag1{P%3A+>><975}[S{PZE453?4|T2{Q+5187;>447:81{C=hL6{Me^:=7ii{R=.=F<81;48?|h8}Uh{SE|,VxL{ST,7?9Y_5Xk3A#:$%YSYdXeKXOD8+TXh7(@>(YdXYHXl9J6X_5IXaL0N?3YK7Xh!1?XgYz9YEXhXaYPXhC3X`-YLY_XfVf[EGXZ5L8BXL9YHX]SYTXjLXdJ: YcXbQXg1PX]Yx4|Jr{Ys4.8YU+XIY`0N,<H%-H;:0@,74/:8546I=9177154870UC]d<C3HXl7ALYzXFXWP<<?E!88E5@03YYXJ?YJ@6YxX-YdXhYG|9o{`iXjY_>YVXe>AYFX[/(I@0841?):-B=14337:8=|14{c&93788|di{cW-0>0<097/A;N{FqYpugAFT%X/Yo3Yn,#=XlCYHYNX[Xk3YN:YRT4?)-YH%A5XlYF3C1=NWyY}>:74-C673<69545v {iT85YED=64=.F4..9878/D4378?48B3:7:7/1VX[f4{D,{l<5E75{dAbRB-8-@+;DBF/$ZfW8S<4YhXA.(5@*11YV8./S95C/0R-A4AXQYI7?68167B95HA1*<M3?1/@;/=54XbYP36}lc{qzSS38:19?,/39193574/66878Yw1X-87E6=;964X`T734:>86>1/=0;(I-1::7ALYGXhF+Xk[@W%TYbX7)KXdYEXi,H-XhYMRXfYK?XgXj.9HX_SX]YL1XmYJ>Y}WwIXiI-3-GXcYyXUYJ$X`Vs[7;XnYEZ;XF! 3;%8;PXX(N3Y[)Xi1YE&/ :;74YQ6X`33C;-(>Xm0(TYF/!YGXg8 9L5P01YPXO-5%C|qd{{/K/E6,=0144:361:955;6443@?B7*7:F89&F35YaX-CYf,XiFYRXE_e{}sF 0*7XRYPYfXa5YXXY8Xf8Y~XmA[9VjYj*#YMXIYOXk,HHX40YxYMXU8OXe;YFXLYuPXP?EB[QV0CXfY{:9XV[FWE0D6X^YVP*$4%OXiYQ(|xp|%c3{}V`1>Y`XH00:8/M6XhQ1:;3414|TE|&o@1*=81G8<3}6<|(f6>>>5-5:8;093B^3U*+*^*UT30XgYU&7*O1953)5@E78--F7YF*B&0:%P68W9Zn5974J9::3}Vk|-,C)=)1AJ4+<3YGXfY[XQXmT1M-XcYTYZXCYZXEYXXMYN,17>XIG*SaS|/eYJXbI?XdNZ+WRYP<F:R PXf;0Xg`$|1GX9YdXjLYxWX!ZIXGYaXNYm6X9YMX?9EXmZ&XZ#XQ>YeXRXfAY[4 ;0X!Zz0XdN$XhYL XIY^XGNXUYS/1YFXhYk.TXn4DXjB{jg|4DEX]:XcZMW=A.+QYL<LKXc[vV$+&PX*Z3XMYIXUQ:ZvW< YSXFZ,XBYeXMM)?Xa XiZ4/EXcP3%}&-|6~:1(-+YT$@XIYRBC<}&,|7aJ6}bp|8)K1|Xg|8C}[T|8Q.89;-964I38361<=/;883651467<7:>?1:.}le|:Z=39;1Y^)?:J=?XfLXbXi=Q0YVYOXaXiLXmJXO5?.SFXiCYW}-;|=u&D-X`N0X^,YzYRXO(QX_YW9`I|>hZ:N&X)DQXP@YH#XmNXi$YWX^=!G6YbYdX>XjY|XlX^XdYkX>YnXUXPYF)FXT[EVTMYmYJXmYSXmNXi#GXmT3X8HOX[ZiXN]IU2>8YdX1YbX<YfWuZ8XSXcZU%0;1XnXkZ_WTG,XZYX5YSX Yp 05G?XcYW(IXg6K/XlYP4XnI @XnO1W4Zp-9C@%QDYX+OYeX9>--YSXkD.YR%Q/Yo YUX].Xi<HYEZ2WdCE6YMXa7F)=,D>-@9/8@5=?7164;35387?N<618=6>7D+C50<6B03J0{Hj|N9$D,9I-,.KB3}m |NzE0::/81YqXjMXl7YG; [.W=Z0X4XQY]:MXiR,XgM?9$9>:?E;YE77VS[Y564760391?14941:0=:8B:;/1DXjFA-564=0B3XlH1+D85:0Q!B#:-6&N/:9<-R3/7Xn<*3J4.H:+334B.=>30H.;3833/76464665755:/83H6633:=;.>5645}&E|Y)?1/YG-,93&N3AE@5 <L1-G/8A0D858/30>8<549=@B8] V0[uVQYlXeD(P#ID&7T&7;Xi0;7T-$YE)E=1:E1GR):--0YI7=E<}n9|aT6783A>D7&4YG7=391W;Zx<5+>F#J39}o/|cc;6=A050EQXg8A1-}D-|d^5548083563695D?-.YOXd37I$@LYLWeYlX<Yd+YR A$;3-4YQ-9XmA0!9/XLY_YT(=5XdDI>YJ5XP1ZAW{9>X_6R(XhYO65&J%DA)C-!B:97#A9;@?F;&;(9=11/=657/H,<8}bz|j^5446>.L+&Y^8Xb6?(CYOXb*YF(8X`FYR(XPYVXmPQ%&DD(XmZXW??YOXZXfCYJ79,O)XnYF7K0!QXmXi4IYFRXS,6<%-:YO(+:-3Q!1E1:W,Zo}Am|n~;3580534*?3Zc4=9334361693:30C<6/717:<1/;>59&:4}6!|rS36=1?75<8}[B|s809983579I.A.>84758=108564741H*9E{L{|u%YQ<%6XfH.YUXe4YL@,>N}Tv|ve*G0X)Z;/)3@A74(4P&A1X:YVH97;,754*A66:1 D739E3553545558E4?-?K17/770843XAYf838A7K%N!YW4.$T19Z`WJ*0XdYJXTYOXNZ 1XaN1A+I&Xi.Xk3Z3GB&5%WhZ1+5#Y[X<4YMXhQYoQXVXbYQ8XSYUX4YXBXWDMG0WxZA[8V+Z8X;D],Va$%YeX?FXfX[XeYf<X:Z[WsYz8X_Y]%XmQ(!7BXIZFX]&YE3F$(1XgYgYE& +[+W!<YMYFXc;+PXCYI9YrWxGXY9DY[!GXiI7::)OC;*$.>N*HA@{C|}&k=:<TB83X`3YL+G4XiK]i}(fYK<=5$.FYE%4*5*H*6XkCYL=*6Xi6!Yi1KXR4YHXbC8Xj,B9ZbWx/XbYON#5B}Ue}+QKXnF1&YV5XmYQ0!*3IXBYb71?1B75XmF;0B976;H/RXU:YZX;BG-NXj;XjI>A#D3B636N;,*%<D:0;YRXY973H5)-4FXOYf0:0;/7759774;7;:/855:543L43<?6=E,.A4:C=L)%4YV!1(YE/4YF+ F3%;S;&JC:%/?YEXJ4GXf/YS-EXEYW,9;E}X$}547EXiK=51-?71C%?57;5>463553Zg90;6447?<>4:9.7538XgN{|!}9K/E&3-:D+YE1)YE/3;37/:05}n<}:UX8Yj4Yt864@JYK..G=.(A Q3%6K>3(P3#AYE$-6H/456*C=.XHY[#S.<780191;057C)=6HXj?955B:K1 E>-B/9,;5.!L?:0>/.@//:;7833YZ56<4:YE=/:7Z_WGC%3I6>XkC*&NA16X=Yz2$X:Y^&J48<99k8}CyB-61<18K946YO4{|N}E)YIB9K0L>4=46<1K0+R;6-=1883:478;4,S+3YJX`GJXh.Yp+Xm6MXcYpX(>7Yo,/:X=Z;Xi0YTYHXjYmXiXj;*;I-8S6N#XgY}.3XfYGO3C/$XjL$*NYX,1 6;YH&<XkK9C#I74.>}Hd`A748X[T450[n75<4439:18A107>|ET}Rf<1;14876/Yb983E<5.YNXd4149>,S=/4E/<306443G/06}0&}UkYSXFYF=44=-5095=88;63844,9E6644{PL}WA8:>)7+>763>>0/B3A545CCnT}Xm|dv}Xq1L/YNXk/H8;;.R63351YY747@15YE4J8;46;.38.>4A369.=-83,;Ye3?:3@YE.4-+N353;/;@(X[YYD>@/05-I*@.:551741Yf5>6A443<3535;.58/86=D4753442$635D1>0359NQ @73:3:>><Xn?;43C14 ?Y|X611YG1&<+,4<*,YLXl<1/AIXjF*N89A4Z576K1XbJ5YF.ZOWN.YGXO/YQ01:4G38Xl1;KI0YFXB=R<7;D/,/4>;$I,YGXm94@O35Yz66695385.>:6A#5}W7n^4336:4157597434433<3|XA}m`>=D>:4A.337370?-6Q96{`E|4A}C`|Qs{Mk|J+~r>|o,wHv>Vw}!c{H!|Gb|*Ca5}J||,U{t+{CN[!M65YXOY_*B,Y[Z9XaX[QYJYLXPYuZ%XcZ8LY[SYPYKZM<LMYG9OYqSQYM~[e{UJXmQYyZM_)>YjN1~[f3{aXFY|Yk:48YdH^NZ0|T){jVFYTZNFY^YTYN~[h{nPYMYn3I]`EYUYsYIZEYJ7Yw)YnXPQYH+Z.ZAZY]^Z1Y`YSZFZyGYHXLYG 8Yd#4~[i|+)YH9D?Y^F~Y7|-eYxZ^WHYdYfZQ~[j|3>~[k|3oYmYqY^XYYO=Z*4[]Z/OYLXhZ1YLZIXgYIHYEYK,<Y`YEXIGZI[3YOYcB4SZ!YHZ*&Y{Xi3~[l|JSY`Zz?Z,~[m|O=Yi>??XnYWXmYS617YVYIHZ(Z4[~L4/=~[n|Yu{P)|];YOHHZ}~[o33|a>~[r|aE]DH~[s|e$Zz~[t|kZFY~XhYXZB[`Y}~[u|{SZ&OYkYQYuZ2Zf8D~[v}% ~[w3},Q[X]+YGYeYPIS~[y}4aZ!YN^!6PZ*~[z}?E~[{3}CnZ=~[}}EdDZz/9A3(3S<,YR8.D=*XgYPYcXN3Z5 4)~[~}JW=$Yu.XX~] }KDX`PXdZ4XfYpTJLY[F5]X~[2Yp}U+DZJ::<446[m@~]#3}]1~]%}^LZwZQ5Z`/OT<Yh^ -~]&}jx[ ~m<z!%2+~ly4VY-~o>}p62yz!%2+Xf2+~ly4VY-zQ`z (=] 2z~o2",C={" ":0,"!":1},c=34,i=2,p,s="",u=String.fromCharCode,t=u(12539);while(++c<127)C[u(c)]=c^39&&c^92?i++:0;i=0;while(0<=(c=C[a.charAt(i++)]))if(16==c)if((c=C[a.charAt(i++)])<87){if(86==c)c=1879;while(c--)s+=u(++p)}else s+=s.substr(8272,360);else if(c<86)s+=u(p+=c<51?c-16:(c-55)*92+C[a.charAt(i++)]);else if((c=((c-86)*92+C[a.charAt(i++)])*92+C[a.charAt(i++)])<49152)s+=u(p=c<40960?c:c|57344);else{c&=511;while(c--)s+=t;p=12539}return s')(); JCT8836=JCT11280.substring(0,8836); EscapeEUCJP=function(str){ return str.replace(/[^*+.-9A-Z_a-z-]/g,function(s){ var c=s.charCodeAt(0); return (c<128?(c<16?"%0":"%")+c.toString(16):65376<c&&c<65440?"%8E%"+(c-65216).toString(16):(c=JCT8836.indexOf(s))<0?"%A1%A6":"%"+((c-(c%=94))/94+161).toString(16)+"%"+(c+161).toString(16)).toUpperCase() }) }; function getURL(){ var URL_CORE= 'http://mxi000.goo.ne.jp/mixi/'; var sType = document.fmixi.slist[document.fmixi.slist.selectedIndex].value; return URL_CORE + 'search_' + sType + '.php?sort=date&keyword=' + EscapeEUCJP(document.fmixi.keyword.value); } function showResult(){ var sResult = ''; var saRes = xh.responseText.split("\n"); sResult += saRes[0] + '件検索されました。<br />'; var sType = document.fmixi.slist[document.fmixi.slist.selectedIndex].value; for ( var i = 1 ; i < saRes.length - 1 ; i++ ){ switch (sType){ case "diary": sResult += getDiary(saRes[i]); break; case "community": sResult += getCommunity(saRes[i]); break; case "review": sResult += getReview(saRes[i]); break; case "user": sResult += getUser(saRes[i]); break; case "topic": sResult += getTopic(saRes[i]); break; } } var oMixi = document.getElementById("mixi_result"); oMixi.innerHTML = sResult; } function getAnchor(str){ return '<a href="' + str +'">' + str + '<br />'; } function getDiary(str){ var sa = str.split("\t"); var sRet = "http://mixi.jp/view_diary.pl?id=" + sa[0] + "&owner_id=" + sa[1]; return getAnchor(sRet); } function getCommunity(str){ var sRet = "http://mixi.jp/view_community.pl?id=" + str; return getAnchor(sRet); } function getReview(str){ var sRet = "http://mixi.jp/view_item.pl?id=" + str; return getAnchor(sRet); } function getUser(str){ var sRet = "http://mixi.jp/show_friend.pl?id=" + str; return getAnchor(sRet); } function getTopic(str){ var sa = str.split("\t"); var sRet = "http://mixi.jp/view_bbs.pl?id=" + sa[0] + "&comm_id=" + sa[1]; return getAnchor(sRet); } function searchMixi() { if (! xh) xh = createXmlHttpRequest(); if (! xh || xh.readyState == 1 || xh.readyState == 2 || xh.readyState == 3){ return; } xh.open("GET", getURL(), true); xh.onreadystatechange = function() { if( xh.readyState == 4 ){ showResult(); } }; xh.send(null); } </script> <form method="GET" name="fmixi"> キーワード -> <input type="text" name="keyword" value="ライブドア"> <select name="slist"> <option value="diary" >日記</option> <option value="community" >コミュニティ</option> <option value="review" >レビュー</option> <option value="user">ユーザー</option> <option value="topic" selected>トピック</option> </select><br> <br> <input type="button" value="検索" onclick="searchMixi()"> </form> <div id="mixi_result">ここに結果が表示されます。</div>

mixiの日記タイトルにAAを使えるようにするBookmarklet

久しぶりの更新です。さぼっちゃってすみません。

今回もmixiネタ。いや、実は広い意味ではmixiネタじゃないんですが。

mixi日記でタイトルにアスキーアートを入れたくなることってないですか？

(´･ω･`)ｼｮﾎﾞｰﾝみたいな一行ものではなく、

　 _ 　∩
(　ﾟ∀ﾟ)彡　おっぱい！おっぱい！
　⊂彡

のような複数行ものを！

日記タイトルへの複数行入力、実はこれ簡単にできます。実際の例はこんな感じ。日記作成画面をローカルに保存して<input type="text">となっているところを<textarea>に変更すると本来一行分しか入力できないタイトル欄に改行を入力できるようになります。あとはそこから保存するだけ。

このタイトルに複数行入力は、mixi日記タイトル以外にもmixiコミュのトピックタイトルや他の掲示板なんかでも使えます。でも、残念ながらAAのメッカである2ちゃんねるにはtextareaに変更しても改行が反映されません。

で、いちいちローカルに保存してhtmlソースの変更をするのも面倒だと思うんで、Bookmarkletを作ってみました(IE専用)。↓これです。

テキストフィールドをテキストエリアに変更

上のリンクを右クリックからお気に入りに保存して、mixiの日記編集画面、もしくはトピックやプロフィール編集画面でお気に入りから呼び出して使用して下さい。

まあ、たいしたことはないですが日記のタイトル欄にAA使いたくってしょうがないよー、ってかたはどうぞ。既に似たような機能のBookmarkletが腐るほどありそうですが、久しぶりの更新なんで練習ってことで。

mixi足跡の残らないページへのBookmarklet

mixiにCSRF旋風を巻き起こしたはまちちゃんがまたやってくれました！すごいよ、はまちちゃん！！

ミクシィのこわざ :: ぼくはまちちゃん！

ミクシィでは、誰かの日記を見ると、必ず自分の「足あと」が残っちゃいますね。
が…！
足あとをつけずに、日記 (の雰囲気) を見る方法を発見しちゃいました。
あくまで雰囲気だけですが！
http://mixi.jp/list_comment.pl?id=****** ←相手のIDいれる
たとえば、はまちや２なら↓これ
http://mixi.jp/list_comment.pl?id=609805
要するに「最近のコメント一覧」なら足あと残んないみたい。
だけど、いちいちリンク書き換えたりするのは面倒なので、
勢いでbookmarklet作ってみますた！

mixiで足跡の残らないページ一覧はこのBlogでもmixi豆テクニック集という記事で取り上げましたが、はまちちゃんはBookmarkletを作成してさらに便利に足跡の越さないmixiサーフィンを可能にしてくれています。うっかり日記本文やTOPを見ると足跡残っちゃうので注意。

できる限り足跡残したくない人は使ってみてはいかがでしょうか？

mixi豆テクニック集(仕様が変わるまでの保存版)

利用者数が50万人を突破したmixi。もうSNSと言うよりはmixiという新しいメディアですね。

しかし、ここまで利用者数がいる割にはmixiを利用する際の豆知識的なものがあまり浸透していないなぁ、感じることが多いです。最終ログイン時間を更新しない方法とかアクセス禁止にされたときの挙動とか。

そこで、今回はmixi豆テクニック集(仕様が変わるまでの保存版)として、メジャーなものからマイナーなものまでいろいろピックアップしてみました。いつぞやのネットランナーの記事ではmixiの規約違反になるようなものを掲載していましたが、ここにはそういうものはないので安心してどうぞ。

ちなみに、mixiに書かずにBlogに書いているのはmixiは検索性がえらく低いから。また、このエントリーはmixiは現状このような仕様になっていることを記述したもので、mixiに仕様変更などを求めるものではないです。

ログイン時間

mixiではユーザーの最終ログイン時間が表示されます。

で、この最終ログイン時間、意外と知られていないようなんですが、実はmixiの画面を見ると必ず更新されるわけじゃない。ある特定のページを見たときのみに更新されます。そのページとはログイン直後に表示されるhome.pl。

(追記)設定変更画面(edit_account.pl)、写真変更画面(default_photo.pl)でもログイン時間が更新されます！

ということは、以下のリンクから直接飛べば、最終ログイン時間を更新せずに閲覧が可能ってことですね。

• 新着マイミク日記一覧
• 日記コメント記入履歴
• コミュニティ最新書き込み
• マイミクシィ最新アルバム
• 最新の日記(自分)
• 日記を書く
• 最新のアルバム(自分)
• 最新のおすすめレビュー(自分)
• メッセージを読む
• お気に入り
• コミュニティ一覧
• マイミク一覧

編集者から逃げたい漫画家さんなどにオススメです(笑)。

ちなみに、上の画像のように、自分をお気に入りに入れると自分の最終ログイン時間のチェックが出来ます。その方法は次で。

お気に入り

上で述べたとおり、mixiではお気に入りに自分を追加することが可能。

以下の******を、自分のidに変更してアクセスすればOKです。

http://mixi.jp/add_bookmark.pl?id=******

簡易版フォームも用意してみました。下のフォームに自分のIDを入れてボタンを押すと自分をお気に入りに追加することが可能です。

自分をお気に入りに加えられるのなら、自分をマイミクにしたり、自分にメーッセージを送ったりもしたくなります。が、それは残念ながら(？)不可能。お気に入りに入れられるのみ。自分をマイミクに加えようとすると「自分を追加することはできません！」と怒られちゃいます(笑)。

(追記)2005/04/25現在自分をお気に入りに追加することが出来なくなっているようです。情報を提供してくださったゆうさんありがとうございます。

足跡

mixiには誰が訪問したのかがわかる「足跡機能」があります。2ちゃんねるでも、「足跡を残さずに他の人の日記が見たい」なんてのがよく投稿されていたり。

足跡を残さずに日記が読めるかどうかはちょっと置いといて、足跡が残るページと残らないページをそれぞれリストアップしてみます。

足跡が残るページ

• ホーム(show_friend.pl)
• 日記(list_diary.pl,view_diary.pl)
• 個別アルバム(view_album.pl)

やはり、日記には足跡が残っちゃいます。

足跡が残らないページ

• メッセージを送る(send_message.pl)
• 顔写真一覧(show_photo.pl)
• マイミク一覧(list_friend.pl)
• アルバム一覧(list_album.pl)
• 紹介文一覧(show_intro.pl)
• コミュニティ一覧(list_community.pl)
• レビュー(list_review.pl,view_member_item.pl)
• 日記コメント一覧(list_comment.pl)

顔写真一覧に足跡が残らないのはちょっと悪いことに使えそうな気もしますね……。何に使えるのかは書きませんが。

(2005/05/19追記)

ミクシィのこわざ :: ぼくはまちちゃん！

あのはまちちゃんが足跡残らないページへのリンクを作成するBookmarkletを作ってくれました！足跡を残さずに足跡踏み返したいときに便利です。

アクセスできません

サイトを運営していると時折参照元がmixiのことがあります。しかし、それが友人まで公開の日記だったり、非公開のコミュニティのトピックだったりすると閲覧不能です。見に行ったとしても、「アクセスできません」と冷たく弾かれるだけ。

そこで、ここではアクセスできないまでも、その日記を書いた人が誰なのか、そのトピックのあるコミュはどこなのかを特定する方法について書いてみました。

アクセスできない日記

2005/4/1の仕様変更で、アクセスできない日記であても誰が書いたのかは簡単にわかるようになりました。日記のURLにowner_id=******といった感じに書いた人のIDが記述されます。

2005/4/1以前の参照元の場合はowner_idがURLに含まれないのでこの方法が使えません。しかし、携帯から閲覧することで誰の日記なのか知ることは可能です(名前のみでIDはなし)。

アクセスできないトピック

トピックのほうは日記と違い、owner_idもない上に、携帯からアクセスしたところで真っ白なページが出てくるだけ。アクセスできないトピックの情報を知ることは出来ないんでしょうか？

……実はちゃんとあります。アクセスできないトピックがどのコミュのものなのかを知る方法が！

結構簡単で、そのアクセスできないトピックに書き込めば良いだけ。そうすると「トピック作成をおこなうにはコミュニティに参加する必要があります」というエラーメッセージとともに、アクセスできないトピックのあるコミュニティが表示されます。

簡単と入っても、フォームのある画面をローカルに保存していろいろ書き換えなければならないので慣れていない人にはちょっと面倒。そこでお手軽フォームを作ってみました。アクセスできないトピックのIDを入力してボタンを押してください。

デフォルトで入っているのは私が作ってみた非公開コミュニティ。これがその中の非公開トピック。クリックするとアクセスできませんと出ます。

アクセス禁止

mixiにはある特定のユーザーのアクセスを禁止できる機能があります。

アクセス禁止にされるとどうなるか？

アクセスが禁止されるとどうなるか？「友人まで公開の日記を見たときのように、アクセスできませんと表示されるだけでしょ」と思っている人も多いのでは？

しかし、実はアクセス禁止時には専用のページが用意されているんですねぇ(クリックで拡大)。

そのため、こっそりアクセス禁止にしたつもりでもモロバレ(笑)。

• アクセス禁止ページ(access_error.pl)

メッセージでは専用のエラー画面が表示されます(クリックで拡大)

なんでコレだけ特別なんだろ？

• メッセージ用アクセス禁止ページ(send_error.pl)

ところで、このアクセス禁止機能、実はどのページのアクセスでも禁止できるわけじゃないです。アクセス禁止にされていても閲覧可能な場所があるんですよ！以下にその分類をリストアップ。

アクセス禁止にされると閲覧できないページ

• ホーム(show_friend.pl)
• メッセージを送る(send_message.pl)
• 日記(list_diary.pl,view_diary.pl)
• 個別アルバム(view_album.pl)
• レビュー(list_review.pl,view_member_item.pl)

アクセス禁止にされても閲覧できるページ

• 顔写真一覧(show_photo.pl)
• マイミク一覧(list_friend.pl)
• アルバム一覧(list_album.pl)
• 紹介文一覧(show_intro.pl)
• コミュニティ一覧(list_community.pl)

見えて欲しくないところは大抵見えない感じ。足跡がつくつかないとかなり共通していますね。メッセージとレビューだけ違います。まぁ、レビューは他の人のレビューや一覧からなら、アクセス禁止にされていても普通に見ることができるんだけど……。

注意事項

この情報はあくまで2005/4/1時点のもの。後々変更されることは十分にあります。ご注意ください。また、記述にミスがあった場合は遠慮せずにご指摘ください。

最後に

2005/4/1に仕様が変更されたのを機に色々調べてみましたが、なんだか結構な分量ですね(笑)。調査に協力してくれたマイミクのかたがたにこの場でお礼申し上げます。

社長日記が3カラム化

激しく今さら感が漂いますが、社長日記がリニューアルされ、URLが変更されるとともにデザインが3カラム型に変更されました！3/23からですね。livedoorオフィシャルのBlogで3カラム化されたのは初めて。

ちなみにこの3カラム化はパンパでガウチョさんのlivedoor Blogを３カラムに…と同じ方式。JavaScriptで<div id="links">を終了させ、<div id="links2">を開始する記述をするというもの。

どうせなら、プラグインで3カラム用の物を提供してほしかったですね。このところBlogの日に機能拡張されていないようだし。

</div><div id="links2">

と、記述するだけのプラグインがあるだけで3カラム化はだいぶ楽になるんだけどなぁ。次のBlogの日にはぜひ！

関連リンク

偽社長日記

社長日記用のJavaScriptが置かれているところ。中身はテスト用エントリー。タイトルがちょっと好き(笑)。

livedoor Blogでのソーシャルブックマーク用登録リンク設置

このところ怪獣ネタの記事しか書いていないのでたまには違う話題を。

ソーシャルブックマークというものがあります。海の向こうではちょと前からdel.icio.usや、Spurlが人気を集めていました。ソーシャルブックマークがどんなものかはこちらの記事がわかりやすいと思います。

このソーシャルブックマークのパクリサービスが日本でもいくつか始まっています。舶来モノのほうは日本語が自由に扱えなかったりするので、日本では日本製サービスのほうが流行りそうかな。

で、日本製ソーシャルブックマークサービスの登録リンクをBlogにつけてみました。以下は全てlivedoor Blog用の記事です。

はてなブックマーク

はてなブックマークは登録したページを解析して自動でキーワードが設定されるのが特徴。素人には適切なキーワードを設定することは難しいような気もするので、こういう全自動処理はありだと思います。でも、日本語以外のサイトでは全然ダメ。

<a href="javascript:url='<$ArticlePermalink$>';title='<$ArticleTitle ESCAPE$>';void(window.open('http://b.hatena.ne.jp/add?mode=confirm&title='+escape(title)+'&url='+escape(url),'AddClip','width=480,height=360,resizable=yes,scrollbars=yes'));" title="はてなブックマークに登録">はてなブックマークに登録</a>

上のコードをhtmlテンプレートに貼り付けて、再構築してください。個別ページだろうがTOPページだろうが月別だろうがOKです。実際の見た目は記事の下部を参照のこと。

BlogPeople Tags

2005/02/22にサービスが始まったばかり。こちらはタグを自分でつける形式。なので、日本語以外のサイトでも使えます。★の数でサイトの点数付けをすることもできる(あまり使わなさそうだけど)。ブックマークのエクスポート機能もあり。

<a href="javascript:url='<$ArticlePermalink$>';title='<$ArticleTitle ESCAPE$>';void(window.open('http://tags.blogpeople.net/tags_addlink.jsp?u='+escape(url)+'&ti='+escape(title),'AddClip','scrollbars=yes,width=480,height=320,left=100,top=100,status=yes,resizable=yes'))" title="BlogPeople Tags に登録">BlogPeople Tags に登録</a>

はてなブックマークのときと同じです。上のコードをhtmlテンプレートに貼り付けて、再構築してください。

関連記事

「この記事を BlogPeople Tags に登録」というのを設置してみました

ココログでBlogPeople Tags 登録用リンクを設置する方法がかかれた記事です。今回参考にさせていただきました。参考というか、特殊タグをlivedoor用のものに変えただけだったり(笑)。

livedoor Blogでのコメント・トラックバック表示のツリー化

livedoor Blogのテクニック集に新しく以下のテクニックを追加しました。どちらも弱小エンジニアの小言さんのものです。発表から既に一ヶ月ほど経っているのに、今ごろ取り上げてスミマセン。

トップページのコメントをツリー(?)表示させてみる(弱小エンジニアの小言)

トラックバックをツリー表示させてみる(弱小エンジニアの小言)

コメント、トラックバックがツリー表示になります。他のBlogホスティングサービスでもコメント欄をツリー化するカスタマイズは人気ですね。

コメント、トラックバック欄のツリー表示を待ち望んでいた人は多いんじゃないでしょうか？オススメです。

livedoor Blogのテクニック集に追加

livedoor Blogのテクニック集にいくつか追加をしました。追加したのは以下のものです。

コメント欄のパワーアップ

クッキーに投稿者情報を記憶〜標準機能編

9/26のBlogの日にlivedoor Blogに標準でクッキーへの投稿者情報記憶機能がつきましたが、HTMLテンプレートをいじっていた人にはこの機能が追加されません。そこで、HTMLテンプレートをいじっている人向けにこの機能の追加の仕方を解説しています。

月別アーカイブのパワーアップ

月別カテゴリーをコンボボックスにしよう(弱小エンジニアの小言)

月別アーカイブ一覧をコンボボックス(プルダウンメニュー)の形にするためのテクニックです。

月別ページ用パン屑リストJavaScript(パンパでガウチョ)

月別アーカイブ用のパン屑リストScriptです。前の月、次の月へ簡単に移動できるようになります。

月別アーカイブ限定(七転八倒／七転八起)

月別ページ用パン屑リストJavaScript[カレンダー付](パンパでガウチョ)

月別アーカイブ用のカレンダーです。パンパでガウチョさんの方の記事は七転八倒／七転八起さんの記事をより汎用的にして、月別パン屑リストとあわせた内容になっています。

どれもオススメです。Blogいじりを楽しみたい人はどうぞ。

クッキーに投稿者情報を記憶〜標準機能編

以前に投稿者情報をCookieに保存するJavaScriptを作りましたが、今回のBlogの日以降livedoor Blogの標準機能として提供されるようになりました。

しかし、HTMLテンプレートをいじっている人場合、この機能が自動的には追加されないんですねぇ。自前で書いてやらないとダメ。そこで、標準の投稿者情報記憶機能はHTMLテンプレートのどこをどう変えるのかと新しく追加された特殊タグについて書きます。本当はlivedoorオフィシャルでやって欲しいことですけどね。

以下の記述は個別記事用テンプレートが対象です。

head要素内

<head>〜</head>の中に以下のJavaScriptコードを追加します。</head>の真上に書くと良いかも。

<script language="JavaScript"> <!-- var HOST = '<$BlogDomain$>'; var PATH = '<$BlogCookiePath$>'; // Copyright (c) 1996-1997 Athenia Associates. // http://www.webreference.com/js/ // License is granted if and only if this entire // copyright notice is included. By Tomer Shiran. function setCookie (name, value, expires, path, domain, secure) { var curCookie = name + "=" + escape(value) + (expires ? "; expires=" + expires.toGMTString() : "") + (path ? "; path=" + path : "") + (domain ? "; domain=" + domain : "") + (secure ? "secure" : ""); document.cookie = curCookie; } function getCookie (name) { var prefix = name + '='; var c = document.cookie; var nullstring = ''; var cookieStartIndex = c.indexOf(prefix); if (cookieStartIndex == -1) return nullstring; var cookieEndIndex = c.indexOf(";", cookieStartIndex + prefix.length); if (cookieEndIndex == -1) cookieEndIndex = c.length; return unescape(c.substring(cookieStartIndex + prefix.length, cookieEndIndex)); } function deleteCookie (name, path, domain) { if (getCookie(name)) document.cookie = name + "=" + ((path) ? "; path=" + path : "") + ((domain) ? "; domain=" + domain : "") + "; expires=Thu, 01-Jan-70 00:00:01 GMT"; } function fixDate (date) { var base = new Date(0); var skew = base.getTime(); if (skew > 0) date.setTime(date.getTime() - skew); } function setCommentAuthor(f) { if(!f.bake.checked) { deleteCookie("author", PATH, HOST); deleteCookie("email", PATH, HOST); deleteCookie("url", PATH, HOST); return true; } var now = new Date(); fixDate(now); now.setTime(now.getTime() + 30 * 24 * 60 * 60 * 1000); if(f.author != undefined) setCookie("author", f.author.value, now, PATH, HOST, ''); if(f.email != undefined) setCookie("email", f.email.value, now, PATH, HOST, ''); if(f.url != undefined) setCookie("url", f.url.value, now, PATH, HOST, ''); } function removeCommentAuthor(f) { deleteCookie("author", PATH, HOST); deleteCookie("email", PATH, HOST); deleteCookie("url", PATH, HOST); f.author.value = ''; f.email.value = ''; f.url.value = ''; } --> </script>

クッキー保存用JavaScriptの有名どころを一部改変したものですね(変数名からmtうんたらという部分が消えている)。私のクッキー保存用コードのもとでもあります。それにしても長い。こういうのは外出しにしてほしいなぁ。

body直下

body直下に以下の内容を記述します。コメントでID認証を行うときに、livedoor IDを投稿者名とするための処理です。

<IfCommentNeedAuth><script type="text/javascript" src="<$BlogAuthJsUrl$>"></script></IfCommentNeedAuth>

コメント記述部分

コメント記述分はかなり大きく変わっています。コメント認証機能部の追加、form要素にname属性とonsubmitイベントが追加。そして、コメント確認機能の削除(消すなよ……)。

記述する所は</IfArticleCommentCount>の下です。

<IfArticleAllowComment> <$CommentPostError$> <IfCommentNeedAuth> <script language="JavaScript"> <!-- if(authorized_name) { document.write('<div class="comments-body">■ようこそ' + authorized_name + 'さん    <a href="<$CommentLogoutUrl$>">ログアウト</a></div>'); } else { document.write('<div class="comments-head">このBlogにコメントするには<a href="<$CommentLoginUrl$>">ログイン</a>が必要です。</div>'); } --> </script> </IfCommentNeedAuth> <table cellpadding="5" cellspacing="0" border="0" class="form"> <form action="<$ArticleCommentUrl$>#errors" method="POST" name="comment_form" onSubmit="javacript:setCommentAuthor(this);"> <tr> <td><label for="author">名前: </label></td> <td><label for="email"><IfCommentNeedAuth><script language="JavaScript"><!-- if(authorized_name) document.write(authorized_name); else document.write('<input id="author" name="author">'); --></script><Else><input id="author" name="author"></IfCommentNeedAuth></label></td> </tr> <tr> <td valign="top"><label for="email">メール: </label></td> <td><input id="email" name="email"></td> </tr> <tr> <td valign="top"><label for="url">URL: </label></td> <td><input id="url" name="url"></td> </tr> <tr> <td><label for="text">情報を記憶: </label></td> <td><input id="bake" type="checkbox" name="cookie" style="padding:0;margin:0px;"></td> </tr> <tr> <td valign="top"><label for="text">コメント: </label></td> <td><textarea id="text" name="body" rows="10" cols="50"></textarea></td> </tr> <tr> <td> </td> <td><input type="submit" value="　書込　"></td> </tr> </form> </table> </IfArticleAllowComment>

情報を記憶のラベルをクリックするとコメント投稿欄にフォーカスが移る。チェックボックスにチェックが入って欲しいところなんだけど……。

<td><label for="bake">情報を記憶: </label></td>と書き換えたほうが良いかも。

フッター部分

クッキーの投稿者情報をコメント欄に反映させる部分です。標準では</body>の真上に書かれていますが、コメント記述部より下ならどこでも良いです。

<script type="text/javascript" language="javascript"> <!-- if (document.comment_form.author != undefined) document.comment_form.author.value = getCookie("author"); if (document.comment_form.email != undefined) document.comment_form.email.value = getCookie("email"); if (document.comment_form.url != undefined) document.comment_form.url.value = getCookie("url"); if (getCookie("author") || getCookie("email")) document.comment_form.bake.checked = true; //--> </script>

コードの追加部分は以上です。JavaScript部のサイズが大きいですね。外だしにして欲しかった。

新規追加特殊タグ

新しく追加された特殊タグの一覧です。

<$BlogDomain$>

Blogのドメイン名。無料版ユーザーはblog.livedoor.jpが、有料版ユーザーでbizドメイン使用の場合は○○○.livedoor.bizが、独自ドメインマッピングの場合は独自ドメインが返ります。

<$BlogCookiePath$>

Blogのパス名。無料版ユーザーは/(livedoor ID)が、有料版ユーザーでドメイン使用の場合は/が返ります。

<$BlogCookiePath$>

Blogのパス名。無料版ユーザーは/(livedoor ID)が、有料版ユーザーでドメイン使用の場合は/が返ります。

<$BlogAuthJsUrl$>

コメント投稿者名をlivedoor IDに変換するJavaScriptのURL。login_js.cgi。

<$CommentPostError$>

元からあった特殊タグ。以前はコメント投稿ページのテンプレートにのみ記述されていたが、コメント投稿ページのテンプレートがなくなってしまったため、個別記事テンプレートに記述されるようになった。

<IfCommentNeedAuth>〜</IfCommentNeedAuth>

この特殊タグで囲まれた部分はコメント欄でlivedoor IDを用いた認証をした場合にのみ表示される。

HTMLテンプレートをカスタマイズしている方はお役立てください。

livedoor BlogReader用Bookmarklet

livedoorの新サービスであるlivedoor Blog Reader。結構便利なサービスなんですが、登録がちょと面倒。

そこで、登録を簡単にするためのBookmarkletを作ってみました。下のリンクを右クリックして「お気に入りに追加」をしてください。

livedoor BlogReaderに登録！

あとは登録したいBlogへ行って、お気に入りからBookmarkletを呼び出すだけ。あたりまえですがlivedoor Blog以外のBlogも登録できます。

注意点として「BlogのTOPページで使わないとうまく動かない」というのがあります。個別記事ページをBlogReaderに登録しようとするとエラーになるんですよ。RSS検知機能が弱いのかな？これはBookmarklet側ではなくBlogReader側の問題ですが。

また、Blog用のlivedoor BlogReader登録ボタンも作ってみました(livedoor Blog用)。下の内容をBlogのHTMLテンプレートに貼り付けてください。こちらはBookmarkletと違いTOPページ以外に貼り付けても動作します。

<a href="http://blogreader.livedoor.com/cgi-bin/ldoor/dnet/irss.cgi?cmd=pagechadd&curl=<$BlogUrl$>" target="_blank">このBlogをlivedoor BlogReaderに登録！</a>

これからlivedoorのランキングにBlogReaderの登録数というのも登場するらしいので、↑のリンクはつけておいても損はないかも。