Site Under MaintenanceWe'll be back soon! Our site is currently undergoing maintenance. Please check back later.
Twitterでの最新の発言をブログ等に表示する方法 – creamu
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"> </script> <script type="text/javascript" src="http://twitter.com/statuses/user_timeline/12345.json?callback=twitterCallback2&count=1"> </script> 「12345.json」の部分をIDに書き換えて、「yourid.json」という風にすればOKです。これでプレーンテキストで最新のTweetが取得できるようですね。 オプションでCSSでのスタイリングもソースが載っています。 一度見てみてください。 How To Display Your Last Tweet Using Javascript A
Retweetボタンを簡単に設置できる「Easy Retweet Button」のカスタマイズ方法
Twitterをはじめたかなり前に比べると、ものすごくTwitterがにぎわっていると思うこのごろですが、いまさらながら「Retweet」のボタンを設置しようと思い、とりあえず簡単にですが設置してみた。 今回の設置では、「Easy Retweet Button」というJavaScriptを使って本当に楽に実装。 これを使うと、Retweetが簡単にできる且つ、その時に投稿したRTのリンクが何回クリックされたのかというのがわかるようになります。 ただ、使用する際にカスタマイズが必要でしたので、その点についてをメモしておきます。 Easy Retweet Buttonの使い方 まずは、サイトに行き、必要なJSファイルをダウンロード。下記リンクを保存して使うこと。 http://ejohn.org/files/retweet.js ちゃんとダウンロードしましょう。（上記リンクを右クリックで「名前
FeedWind | RSS Feed, Facebook Page, Twitter, Google Calendar, Instagram Widget
Select content typeChoose from one of four content types. RSS, Facebook, Instagram, Google Calendar, YouTube or X with unique features for each of them. Enter your feed sourcesAdd your feed sources URLs or Calendar ID. Multiple feeds can be added together in a single widget in paid plans. Customize designUse our easy interface to choose design and feature options. Customize your widget to match yo
指定したサイトのはてなスター総数を取得する - うなの日記
はてなスターAPIを使ってさくっと取得できます。JSONPに対応しているので、JavaScriptだけ書けばOK。 /** * はてなスター情報取得リクエストから呼ばれるコールバックハンドラ。 * @param {Object} data はてなスター情報 */ function showStar( data ) { document.getElementById( "title" ).innerHTML = data.title; document.getElementById( "stars" ).innerHTML = data.star_count; } /** * 指定URLのはてなスター情報を取得する。 * @param {String} url URL */ function requestStar( url ) { // YUI Get UtilityでJSONPをロード。
IE6以下をWeb標準に準拠させるライブラリ『IE7.js』
IE6以下をWeb標準に準拠させるライブラリ『IE7.js』 多くの人が待ちに待ち望んだライブラリ。やはりすごい人はすごいものを作るんですね。 このライブラリを読み込むことによりIE6以下でもIE7と同じようなXHTM/CSSの解釈を行ってくれます。 ただし完全にIE7と同じような形にするのではなく、より近い形ということです。 現在公開されているバージョンはversion 2.0 (beta)ということで、まだ実務で使うのは難しいかもしれませんが、MITライセンスで公開されておりますので正式にリリースされればweb制作の現場を変えてしまうライブラリです。 設置方法 Google コードのie7-jsより直接読み込むことが可能です。 以下の要素をhead要素内などに記述します。 <!--[if lt IE 7]> <script src="http://ie7-js.googlecode.c
【Adobe Spry TIPS 】タブパネル
【Adobe Spry TIPS 】タブパネル タブパネルはタブでコンテンツを切り替えるためのUIになります。 1月1日にリニューアルされるYahoo!JapanやLivedoorでも利用されている比較的メジャーなUIですね。 head要素内での設定 タブパネルの生成にはSpryTabbedPanels.jsを利用します。 <script type="text/javascript" src="./includes/SpryDOMUtils.js"></script> <script type="text/javascript" src="./widgets/tabbedpanels/SpryTabbedPanels.js"></script> widgetsディレクトリ内のabbedpanels内のSpryTabbedPanels.cssを読み込みます。 <link rel="style
livedoor Reader
livedoor Readerサービス終了のお知らせ 2014年12月をもちまして、LINE株式会社が提供するlivedoor Readerの運営を終了しております。 長きに渡りご愛顧をいただきまして、誠にありがとうございました。 livedoorホームへ戻る
ITmedia Biz.ID：動的に変化するグラフをブログに貼り付ける
かっこいいグラフをブログやWebサイトに貼り付けるときは、Excelグラフの画面キャプチャではなく、オンラインのグラフ作成アプリケーションを使ってみよう。 ブログにグラフを貼り付けるユーザーが増えている。ブログ以外でも、Webページに棒グラフや線グラフ、円グラフなどを使って表現力を上げたいことも多いだろう。普通に考えると、Excelでグラフを作って、画面をキャプチャーして画像としてアップする……わけだが、さすがにそれは格好も悪いし、後でグラフを修正しようと思ったらイチからやり直しになる。 そこで今回は、Web上でグラフを作成して、それをリンクとしてブログやWebページに貼り付けられるサービスを紹介しよう。 画像としてグラフを“随時”生成してくれる「Zoho Sheet」 「Zoho」はオンラインアプリケーションとして提供されるオフィススイートだ。ワープロやグループウェア、プロジェクト管理か
はてなブックマークでつけられたコメントをblosxomにインクルード
はてなブックマークエントリー情報取得APIを利用して、blosxomのエントリ個別ページにはてなブックマークでそのエントリに付けられたコメントを引っ張ってこようとかいうネタ。blosxomでの話ということになっているけど、実装自体はほぼPure JavaScriptなので、どんなページにも応用できるはず。 プラグインは特に必要は無い。プラグインにする必要も無いとも言える。必要なのはflavourへのコードの追加とJavaScriptファイル。 head.html <script type="text/javascript" src="/scripts/prototype.js"></script> <script type="text/javascript" src="/scripts/hatena/bookmark.js"></script> prototype.jsが必要。インクルード
BJKit(BeautifulJapaneseKit)（ツール） - アイデアマンズ株式会社
BJKit(BeautifulJapaneseKit)htmlソースに簡単なJavascriptを記述するだけで、ページ上の文字列がアンチエイリアスの効いた美しい文字に代わります。 BJKit(BeautifulJapaneseKit)でビューティフルな見出しを生成 htmlソースに簡単なJavascriptを記述するだけで、ページ上の文字列がアンチエイリアスの効いた美しい文字に代わります。日本語にも対応しているので、様々な場面で利用することができます。 動的に表示するので、画像を作成する必要がない 新聞記事風、楷書風、POP調など、書体を自由にアレンジ出来る htmlの構造を崩さず、SEOやユーザービリティを犠牲にしない など、ページ作成の効率アップと同時に、表現力も向上させる手法です。 適用例 従来は、当ページの見出し（h1タグ）は下記のように表示されます。 従来の見出しの例 BJKi
RSS FeedをJavascriptでウェブページに表示
RSS FeedをJavascriptでウェブページに表示 (ベータ版) 設定する 以下の設定に従って、表示させたい情報と表示方法を選択してください。 「プレビュー」ボタンを押すと、表示内容と表示方法を確認できます。 問題なく表示されたら、「コードを取得」ボタンを押してください。 そうすると、Javascriptのコードが表示されます。 あとはそれを表示させたい場所へコピペしてください。 レイアウトはCSSで行います。標準では、このCSS を使っています。 URL RSS FeedのURLを入力してください。 文字コード スクリプトを表示するページの文字コードを入力してください。(UTF-8, EUC-JP, Shift_JIS) 参考) このページは、UTF-8で書かれています。 他の文字コードでプレビューを確認する場合はこちら。 EUC-JP / Shift_JIS UTF-8 EUC
JavaScriptでMacOS XのDock機能を実現する:phpspot開発日誌
Alexei@Nitobi Blog Archive Development Diary: Taming the Fisheye I thought it might be a good idea to document the development of one of our components from a user-interface perspective. We’re in the process of developing a host of new components now, which should be ready for release early this spring. One of these is a Fisheye Menu. JavaScriptでMacOS XのDock機能を実現する。 Dock機能というのは、次の画像のようにカーソルを合わせると画
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://youmos.com/news/sifr_bjkit.html
http://stopnlisten.no.land.to/2006/10/prototypejs_1.html
bayashi.net