ソーシャルボタンのJavaScriptでfunctionの前に「!」がついている理由
ソーシャルボタンのJavaScriptでfunctionの前に「!」がついている理由を調べてみました。 １．はじめに TwitterやPocketなどのソーシャルボタンのコードをみると、共通してscript要素の中にあるfunctionの前に「!（エクスクラメーション）」がついています。 Twitterの場合 <a href="https://twitter.com/share" class="twitter-share-button" data-via="yujiro" data-lang="ja" data-size="large">ツイート</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getE
Google+1風にJavaScriptに渡す変数をページ毎に変更する - SUSH-i LOG
javascriptをページ毎に違う変数を渡したいと思ったときに、読み込むscriptタグの前に、グローバル変数で定義する方法が一般的だと思いますが、もうちょっとスマートな方法が無いか探していました。 そこで、Google+1の埋め込みタグを見ていると、以下のようになっているのに気づきました。 <script type="text/javascript" src="https://apis.google.com/js/plusone.js">{lang: 'ja'}</script> ファイルを読み込むscriptタグ内に言語を特定する変数を直接記入しているようで、この方法が良さそうだと思い、同じ方法か分かりませんが自分でも試してみました。 自身のscript要素を取得する 最初に、HTMLタグ内に記入したところで、JavaScript上のどの変数にも渡されている訳ではない様なので、自分自
JSONP WebAPIを爆速で使いこなせるフレームワーク
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog Yahoo!デベロッパーネットワークの中野(@Hiraku)と申します。 「WebAPIの魅力を存分に宣伝せよ」という使命を受けまして、これから何度かTechblogを書くことになります。以後、お見知りおきを。 さて、Yahoo! JAPANが公開しているWeb APIはたくさんありますが、JSONPに対応しているものがいくつかあります。ショッピング、オークション、YOLP、震災関連情報などです。 JSONPについて詳しくは過去記事を見てください。 他の形式に比べると、サーバーを準備しなくてもブラウザーだけで動かすことができ、古いブラウザーでも動くという、JSONPにしかないメリットがあります。夢のような形式！なのです。 …そのは
ブログのフッター等にjQueryでTumblrに投稿した画像を表示する
よく、ブログのフッターやサイドバーに Flickrに投稿した写真が表示されていた りしますが、これをTumblrでやりたい、 っていう場合の方法。jQueryとTumblrの APIで表示します。Tumblrユーザーさんの 方が自分の周りで最近目立つ気がするの で書いてみます。 FlickrよりTumblrに投稿した写真をブログに載せたい、みたいな方向け。テキストや動画の投稿は省いて、画像だけ取り出してリンクも付けます。 ゴール ブログに、とか書きましたけど、最大50個表示出来るので50個表示しました。数は指定できます。 APIはv1とv2があって、新しい方のv2を使わないとアレなんですが、APIキーの取得が面倒だったのでv1を使用しています。なのであんま参考にならんかもですね。 参考にさせて頂いたのは以下のAPI和訳ページです。 チラシの裏 — Tumblr APIの使い方を勝手に和訳し
Repo.js - A Light-Weight jQuery Plugin To Easily Embed A Github Repo Onto Your Site
Repo.js is a light-weight jQuery Plugin that lets you easily embed a Github repo onto your site. As a plugin or library author this is a great way to showcase the contents of a repo on a project page. Repo.js uses the jQuery Vangogh plugin for styling of file contents. Vangogh, subsequently, utilizes Highlight.js, written by Ivan Sagalaev for syntax highlighting. Embedding a repo is as simple as
Webサービスの埋め込み用HTMLを手軽に取得するためのWebAPI『QuoteIt』を作りました - みずぴー日記
# この記事は名古屋クリスマスハッカソン2011で書いてます。メリークリスマス! GistとかTwitterとかの最近のWebサービスは他のページに埋め込めるようになっていますね。ただ、サービスごとに埋め込むためのHTMLコードが違うので、いちいち調べるのが面倒ですよね。 そこで各種Webサービスの埋め込み用HTMLを統一的に取得できるWebAPI『QuoteIt』を作りました。しかも、誰でも引用元を簡単に追加することができます。 http://quoteit.heroku.com/ 使い方 URLを指定すると、埋め込み用のHTMLを取得できます。 例えば、 http://twitpic.com/73wiodを埋め込みたい場合は、 http://quoteit.heroku.com/clip.html?u=http%3A%2F%2Ftwitpic.com%2F73wiod にアクセスするこ
Twitterのリアクションを表示する為にDISQUSを導入してみた
先日、ブログの外観をちょいとシンプルにしようと思い立ち、ブログパーツのZenbackを外したんですけど、困ったことが一つ。 それは、記事に対するTwitterでのリアクションが見えないと言うこと。 いちいちBackTweetsにURL挿入して調べるのもめんどくさいし、それだけの為にZenback戻すのも馬鹿馬鹿しい。 そこで見つけたのがDISQUSと言うコメント管理サービス。 ブログのコメントをスレッド表示にしてくれたりなかなか便利そうなのですが、Twitterで記事のURLが入ったつぶやきをすると「リアクション」として表示してくれる機能があるご様子。 DISQUSを使用しているブログをいくつか拝見して導入を決意致しました。 参考：Last Day. jp 参考：和洋風◎ 登録してみた まずはトップページへ行きましょう。 Discover your community – DISQUS S
【超絶】iPhone/iPad ブロガーは全員AppStoreHelperを使うしかない。時間が30分の1になった。捗るぞ！ | AppBank
Mac ユーザーで、iPhone/iPad/Mac App Storeのアプリのリンクや価格などの付帯する情報を表記しているブロガーは全員こちらの AppStoreHelper を使いましょう。いや使って下さい。てかこれしかないです。 【30倍速い】iPhone/Macブロガー専用htmlジェネレータAppStoreHelperテスト版 | ひとりぶろぐ なぜなら、私の体感でリンクを入れる時間が30分の1になったからでう。30倍速いは誇大表示ではないです。それに、リンクミス多発の私ですから、読者の皆様も安心ですね。 使うのは簡単、アプリ名入れて Copy Tag を押すのみです。設定も記事見てパラメータを入れればいいだけ。format は4つもあれば十分です。 ちなみに現在の AppBank が使うフォーマットはこちら。こんなことを手作業でやっていたのだから30分の1になるのも当然ですよね
すべての書評ブロガーに捧げる、最強の書籍ブログパーツ「ヨメレバ」
私の知らないところで、ヨメレバは巷の書評ブロガーにとって人気のパーツになっていたようです。言ってよー！って感じです^^ 運営者にはクレームの声しか入ってこないので（涙） 今回、書評ブロガーさん向けに便利なブックマークレットをご用意しました。これまでのアマゾン、楽天ブックスに加えて、メディアマーカー上からも書籍パーツを作れるようにしました。 ちょうど一年ほど前にリリースして、細々を運営し続けてきた、書籍専用ブログパーツ「ヨメレバ」。もともとは私自身が利用するために作ったサービスです。 先日、「すべての書評ブロガーに捧ぐブックマークレット「MMHtml」公開！」という記事で、大々的に紹介されました。ありがたいことです。 多くの書評ブロガーさん達が、メディアマーカー（MM）で読書管理をしているため、メディアマーカーから直接ヨメレバのブログパーツを作れると便利なのだそうです。そこで、matuさんが
復縁後、彼から、やり直すつもりは完全になかった、でもあたしの思いが ...
記事にまつわる情報をネットのあちこちから集めてまとめます。 「古い記事も見てほしいな」、「シェアしてくれるとうれしい」 「さっき書いたブログ、反響来てるかな？」 そんな時に、どうぞ。 ZenbackおよびZenback BIZサービス終了のお知らせ 平素は弊社サービスをご愛顧いただき、誠にありがとうございます。 2020年12月25日をもちまして、ZenbackおよびZenback BIZサービスを終了させていただきました。 ZenbackおよびZenback BIZをご利用いただきましたすべてのお客様に、スタッフ一同心より御礼申し上げます。
トラックワード 無料ブログパーツ｜検索キーワードとアクセス解析ツール
Buyer Protection Program When you buy a domain name at Dan.com, you’re automatically covered by our unique Buyer Protection Program. Read more about how we keep you safe on our Trust and Security page. Next to our secure domain ownership transfer process, we strictly monitor all transactions. If anything looks weird, we take immediate action. And if the seller doesn't deliver on their part of the
javascript libraryを作るときに便利な3つのfunction : tech.kayac.com - KAYAC engineers' blog
社内で唯一（？）の8 tab派。agoです。 suzunari.js、sisso.jsと、最近いくつかJSのライブラリを公開する機会があったので、そのとき使ったライブラリを作るときに便利なコードを紹介したいと思います。 1 script tagからのパラメータ読み込み 外部からの指定によりライブラリ内の動作が変わる場合、script tagから値を指定できると設定のための記述要素を減らすことができます。 （ファイル名を静的に指定している理由に関しては「最後のscript tagの取得方法」をご覧ください） <script type="text/javascript"http://example.com/path/script_file_name.js#param1=value1¶m2=value2"></script> var param = (function (file_nam
blogparts framework suzunariを作成しました。 : tech.kayac.com - KAYAC engineers' blog
ようやく会社のブラインドを閉める方法を発見しました。agoです。 弊社ではブログデコというブログパーツのポータルサイトを運営しており、かなりの数のブログパーツを作成しています。 このたび、そこで得られた様々なノウハウを集めて、ブログパーツフレームワークを公開しました。 元々社内でもある程度まとまったライブラリはあったのですが、コードを読まないと（もしくは作成者に聞かないと）不明な機能群と、使用しても一定のJSを記述する必要があるため公開するまでには至っていませんでした。 （社内からは1年以上前から「早めにまとめて公開を」という声があったんですが。。。） そこで、必要な機能をまとめ直し、通常の全画面ジャック程度であればタグのみで実装可能なJSフレームワークを作成しました。 このフレームワークを使用することにより、各種ブラウザでのExternalInterfaceの各種問題や、wmodeによる
blogpartsでjQueryを使うときの読み込み方 - KAYAC engineers' blog
最近blogpartsでもjQueryを使うようになったので、blogpartsでjQueryを使うときのコードをまとめてみました。 (function () { //script tagのsrcの先頭部分を記述（自分のscript tagを取得するのに使用） var domain = 'http://example.com/bp/'; //asから呼び出されるときの名前を指定（外部からはこの名前のみ見える） var name_space = 'blogparts_name_spase'; //各ライブラリをfunction scopeへ展開 var lib = loadLib(), $ = lib.$, jQuery = lib.jQuery, swfobject = lib.swfobject; //読み込まれた時点での最後のscript tagを取得 var $script = $(
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.crystal-creation.com/web-appli/technical-information/programming/javascript/sample/argument.htm
ブログ
Quote It - quote webpage contents
Twitter社について / 関連情報 (フォローボタン・ツイートボタン・ウィジェット・Twitterロゴとアイコン)
http://www.cahayabiru.com/2009/04/add-sexy-social-bookmark-to-your.html