ラベル 備忘録_web の投稿を表示しています。 すべての投稿を表示
ラベル 備忘録_web の投稿を表示しています。 すべての投稿を表示

2012年1月22日日曜日

Embedded tweets の使い方がようやく分かった…?

簡単に言うとこれの使い方が知りたかったのです。



なんでも「Blackbird Pie」というものがあったらしいのですが、これがなくなって「Embedded tweets」
というものになったらしい…

で、どうも「Embed this tweet」みたいなのがリンクとして追加されているっぽい。
それを叩くとダイアログが出てきて…

とかだと思うんですが…

無いよね…どう見ても…







※俺の理解力がない可能性は否定しない




まあでもAPI叩けばJSONが返ってきて、その結果をそのまま使って貼りつければOKっぽいので
それっぽいものを作った段階で気がついた。


この形だけ書いてhref部分のみ書き換えれば、「widgets.js」が勝手に理解してゴニョゴニョしてくれることを…
注意点としてはpタグの間はスペースでも何でもいいからとりあえず「何か入っていないと駄目」っぽい

先にこっちを見つけておけば…

ということで有意義な27歳最後の日の午前でした。



ぽいものを作った跡地

そんなに叩いたつもり無いのにAPI制限引っかかってしましました…
んー、うちの環境がマンションだからか?
→建物レベルでIP一緒

いちおー動いてたんですけど、だれか動作確認…なんかしなくていいです。



2011年7月14日木曜日

Google App Script で GUI Editerをちょっと使ってみた

5月にGoogleI/O 報告会にも行ってきました。
その際、Google App Script(GAS)のGUI Editer なるものに興味を持ち、ちょこっと触ったのですが…

TextAreaなどから入力文字列とかがAPI一発で受け取る!ってのが出来ないということに気が付き、
「ま~、いっか」ということで放置してました。


時は流れ、先日Google Apps API Japan Groupの第一回イベントに行ってきました。
この際恐れ多くもa2cさんに「どーすればよろしおわすか?」と聞いた結果、
「イベントとってやりなされ」と有り難いお言葉を頂きましたので、試してみました。


というか、今日調べたら余裕で解説されている人居た。
http://libro.tuyano.com/index2?id=638001
http://libro.tuyano.com/index3?id=644006&page=6


投稿日時を見ると、報告会の2週間後位ですね。気がつかないわけです。
上記に書かれているように、

  • (文字列を)取得したいコンポーネントのonChangeイベントを見張る
  • イベントが来たらそのイベントから文字列を取り出し、テキトーな所(上記ならプロパティ)に保管
  • 任意のタイミングで、保管場所から文字列を取り出し
ということで実装されています。
私も試しましたが、きちんと取得できました。メデタシメデタシ。
ただ、記事にも書かれていますし、そもそもGUI Editer自体試験運用中のため、いつ仕様が変わるかわかりません。

きっと「getText」的なものは実装されるんじゃないかなー、てかして下さい。お願いいたします。と思っています。


ちょっと畑違いかもしれませんが、同じくスプレッドシートから作れるアンケートフォームに

  • 重複回答を許可しない
  • 送信・確定前に確認画面を出す
てきなものも出来ないかなぁ…
って首を長ーーーーーーーくして待ってます。


ついでにいうと、Excelにあるマクロ機能的なものと、そのマクロをスクリプトエディタに展開する機能とかも…
さ、流石に我侭すぎるかしら…



先日のイベントの感想

  • Google Apps は美味しそうだった
  • やっぱりOAuth真面目に勉強するかと思った
  • shin1ogawaさんの資料はこちら
  • チュートリアルやればTwitterクライアントも実装までも直ぐできるヨ
  • ガジェットはiframe内で動くミニアプリケーションっていわれてなんかすっきりして興味を持った
  • (We are) Google dogs が頭から離れない…


2011年7月8日金曜日

引っ越したし、SyntaxHighlighter3をBloggerに導入してみた。

てか今まで存在知りませんでした。はい。
こんな感じのソースをかっこ良く貼り付けているやつです。

 public void hogehoge(){
  // コメント
  hoge();
 }

なにこれカコ(・∀・)イイ!!
と思って、いつか調べよう調べよう…と思っていたら今になりました。
多分1年くらい思っていただけだと思います。

まあjsとcss取り込むだけですが。

だったのだが、なんかバージョン1.5/2系からバージョン3系でずいぶんと違うようでした。

特にbloggerに取り込むには
「ここ(FaziBear's Blogger Widgets)」に行って取り込むだけ!!
という記述が多いのですが…

既にこのサイトはなんか放置っぽく駄目でした…残念。


結局本家サイトに行ってドキュメント読んで解決。

というわけで先ずはSyntaxHighlighterを公開されているこちらにGO!
http://alexgorbatchev.com/SyntaxHighlighter/
んでintergrationに行きましょう
http://alexgorbatchev.com/SyntaxHighlighter/integration.html

Bの項目にいっぱいBlogger Easy InstallationやらBlogger Install Guideやらのリンクが貼られています。

全部読んでないけどとりあえず言えることは以下をコピって<head>内に突っ込んどけって事のようです。
まあ、Bloggerに限らずブログじゃjsとかcssとか置く場所ないもんね。…ないよね?

 <link href='http://alexgorbatchev.com/pub/sh/current/styles/shCore.css' rel='stylesheet' type='text/css'/>
 <link href='http://alexgorbatchev.com/pub/sh/current/styles/表示したいテーマ.css' rel='stylesheet' type='text/css'/>
 
 
 
 …
 

ちなみにバージョンを限定したければ、currentの部分をこちらに従って変えましょう。
http://alexgorbatchev.com/SyntaxHighlighter/hosting.html

テーマはthemesから気に入ったものを
http://alexgorbatchev.com/SyntaxHighlighter/manual/themes/

ソース形式はこちらを見て好きなだけ
http://alexgorbatchev.com/SyntaxHighlighter/manual/brushes/

あと、流石に自分のHP用の場合は、ソースごと落としたほうがいいと思います。多分。

その他 SyntaxHighlighter.config.bloggerMode = true;は「If you are hosting on blogger.com, you must turn this on.」と言っていますので、 Bloggerで使用するならいれておかないと駄目らしいです。

さてこれで準備は完了。
後はこちらで効果を見て、その時々で自分にあったものを書けばいいと思います。
http://alexgorbatchev.com/SyntaxHighlighter/manual/configuration/

で、よく使うものはデフォルトで設定しておくと幸せかもしれませんね。

つってもそこまで深く考える必要が無かったら

 

  hogehoge
 

だけで十分かと。


ちなみに

 

  <> ← これとかをエスケープとかに直す必要なし!
  もしくは html-script: true を指定してもOK!
 

で非常に便利です。 素晴らしい!

2009年12月12日土曜日

やっぱり修正はFFですよね


javascriptの修正とか行なう上では、

やっぱりFFのエラーコンソールとfirebugが手放せません。

firebugの記事があったのでメモ的に。

http://www.atmarkit.co.jp/fjava/rensai4/devtool10/devtool10_1.html





最近もうまく動かないことがあって修正箇所を探していました。





そのときは家からの作業だったのでFFではなく、ChromeのJavaScriptコンソールを使用してみました。

それなりに便利なんですが、どう見ても原因が見つからない・・・。





結果として単なる文字コードの問題だったのですが、まったく気がつきませんでした。

ええ、FFのエラーコンソールの結果を見るまでは。

FFもChromeも同じ行にエラーがあるとは表示されていたんですが、

Chromeは文字コードを吸収してたんだか、使い方が未だにわからんというか・・・。

結果として何がエラーだったのかがわからなかったのです。





まあ、innerHTMLを使用したかったといえ、やっぱりjsファイル内に日本語を入れるなってことなんでしょうか。





なお、このブログをFFのコンソールを通してみたら、

cssにエラーが見つかりました。

一箇所『botton』って・・・。

運営しっかりしろw



2009年12月1日火曜日

HTML5

HTML5はFlashやSilverlightを不要なものにする



http://www.atmarkit.co.jp/fwcr/design/benkyo/html5_03/01.htm



ですって。

Flashを勉強してない俺勝ち組?

まあ結局HTMLやJavaScriptの勉強は必要ですがね。



2009年11月29日日曜日

文字コードの備忘録

jsファイルを使用する上で、



FC2 ブログ:ECU-JP

FC2 HP:Shift-JIS

で書かれていないと日本語認識せず。



ちなみに、ソースを見ると


HP側の一行広告のcharsetはUTF-8

topページのcharsetはEUC-JP

を明示



なんじゃそりゃ