Googleスプレッドシートを見やすく整形して任意のWebサイトに表示出来る・「Awesome-Table」Awesome-TableはGoogleスプレッドシートを見やすく整形して任意のWebページに表示してくれるサービスです。上記サンプルはGoogle公式のテンプレートをそのまま使って整形したもの。表示項目の制限やユーザーがCSVでダウンロード出来るようにするか否かの設定、日付のフォーマットの設定、CSSによるスタイリング、GAトラッキングコードの埋め込み等も出来るようになっていました。表示まで多少重い気もしますけど楽でいいですね。 Awesome-Table
Twitterソーシャルボタンにツイート数を表示できるようになったので実装してみた
私のツイート数は53万です さて、Twitterの仕様変更に伴いこれまで表示されていたシェア数が消えてしまってがっくり来ていたのですが、digitiminimi Inc. / ディジティ・ミニミ様が提供しているWEBサービスwidgetoon.js & count.jsoonにて表示させることができるようになりました。実装方法をご紹介。 今回の記事はこちらの記事の追記的な感じです。 widgetoon.js & count.jsoonの登録 まずはwidgetoon.js & count.jsoon | digitiminimiへ行ってAPIが使用できるように登録します。 といってもサイトのURLとメールアドレスを入力してするだけ。総ツイート数によって取得の時間は変動しますが、私の場合は1日経ったら終わってました。 こんな感じでツイート数の取得が完了！ SNS Count Cacheプラグ
無料で簡単にサイト全体の表示速度を劇的にアップさせる「CloudFlare HTTP/2」
Web負荷分散システムを提供するCloudFlareが2015年6月に発表された通信プロトコルHTTPの新バージョン「HTTP/2」のサポートを開始しました。HTTP/2はSPDYを改良しパフォーマンスを上げたものですが、CloudFlareを利用すればさらに高速でウェブサイトの表示が可能になります。 CloudFlare HTTP/2 | CloudFlare | The web performance & security company https://www.cloudflare.com/http2/ 各地に分散されたキャッシュサーバーを介してアクセスすることでウェブサーバーの負担を軽減させるCloudFlareは、サービスが無料であることと、「CloudFlareアカウント作成」「DNSレコード入力」「CloudFlareのネームサーバー名をウェブサーバーに登録」というステップで
ウェブサイトにTwitterのタイムラインを表示させる方法
ウェブサイトにTwitterのタイムラインを表示させる方法を紹介します。 １．はじめに ウェブサイトを運営している場合、TwitterやFacebookと連動させていることがあると思います。 ここではTwitterのユーザーウィジェットを利用して、ウェブサイトにTwitterのタイムラインを表示させる方法を紹介します。 ２．Twitterのタイムラインを表示させる Twitterのユーザーウィジェット作成ページにアクセスします。 Twitterのユーザーウィジェット作成ページ 「ユーザータイムライン」タブの設定項目に必要な事項を入力します。 ユーザー名：表示させたいユーザー名を入力 オプション取引：@ツイートを除外する場合や画像を自動的に開く場合にチェック 高さ：タイムラインの高さを入力 テーマ：「明るい」「暗い」から選択 リンクの色：タイムラインに表示されるリンクの色を入力 カスタマイズ
webfont|test
Test up to three fonts You can choose a Google Font or a Websafe font from the list, write the exact name of a System Font or Upload a custom font file. It's a tool to test and analyze webfonts that you intend to use in your websites or projects. You can compare fonts from different sources (Google Fonts, System Fonts or any font file downloaded from internet), analyze their x-height, weights, cha
確認くん
▲HOME あなたの情報（確認くん） 情報を取得した時間 2023年 09月 24日 AM 02 時 19分 23秒 現在接続している場所(Server) www.ugtop.com あなたのＩＰアドレス(IPv4) 133.242.243.6 ゲートウェイの名前 (none) OSの解像度 現在のブラウザー HatenaBookmark/4.0 (Hatena::Bookmark; Analyzer) 表示サイズ： どこのURLから来たか (none) Proxyのバージョン等 (none) Proxyのステータス (none) / (none) / (none) Proxyの効果 (none) MIMEの仕様 */* FORMの情報 GET FCONTENTのタイプ (none) FORMの送信バイト数 (none) データ取得の手段 (none) クッキー (none) エンコードの
台風情報と各地の災害情報をブラウザ上で視覚的にわかりやすく表示する「台風リアルタイム・ウォッチャー」
国立情報学研究所が提供する台風情報「デジタル台風」と、ウェザーニュース会員が提供する各地の災害情報を地図上に写真とコメント付きで表示してくれる「減災リポート」とをGoogle Earthのマップ上に同時に表示させることで、台風の位置と周辺の被害状況とを同時に把握できるようになったのが「台風リアルタイム・ウォッチャー」です。 台風リアルタイム・ウォッチャー：台風情報と「減災リポート」のリアルタイム・マッシュアップ http://typhoon.mapping.jp/ 台風リアルタイム・ウォッチャー：台風情報と「減災リポート」のリアルタイム・マッシュアップ - Google ドキュメント https://docs.google.com/document/d/1gZNEm3v9dW56fmDV0qjNe1Ga3LcaghpcinvtAY_EC4U/ 台風リアルタイム・ウォッチャーを使用するにはG
ページ中のリンク先がTwitterでつぶやかれた回数を表示してくれるサービス「countingtweets.com」
By POPOEVER Topsy APIを使って、入力されたアドレスのページ内にあるリンクについて、Twitterで言及された回数を表示してくれるのが「countingtweets.com」。表示は回数によって色分けされており、アドレス内に日付があるものだけをカウントすることも可能です。 countingtweets.com http://countingtweets.com/ 使い方はまず、調べたいウェブページを一番前のテキストボックスに記入します。今回はGIGAZINEの2013年2月27日のヘッドラインニュースで試してみます。 Twitter上でつぶやかれている回数を表示するリンクは、「全て」か「URLに日付が使われているものだけ」かを選択可能。まずは「全て」をチョイスします。 「Go」をクリック。 しばらくすると、こんな感じでヘッドラインニュースが表示されました。各リンクの先頭に
[JS]アナタのソーシャルコンテンツをまとめてPinterest風レイアウトで表示するスクリプト -Socialist
ブログのRSSをはじめ、Facebook, Twitter, Tumbler, Google+, Pinterest, Flickr, YouTubeなどのコンテンツを全てPinterest風のグリッドレイアウトで表示するjQueryのプラグインを紹介します。 幅800pxで表示 Socialistの使い方 Step 1: 外部ファイル head内に当スタイルシートと「jquery.js」と当スクリプトを記述します。 ※ダウンロードできるデモファイルにはjQueryの記述が無いのでご注意を。 <link href="../jquery.socialist.css" rel="stylesheet" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <scri
[JS]複数のソーシャルメディアを合算して表示するスクリプト -Share Count
設置も簡単、TwitterやFacebookなど複数のソーシャルメディアのカウント数を合算して表示する超軽量(2kb)スクリプトを紹介します。 Share Count [ad#ad-2] Share Countのデモ Share Countの実装 Share Countのデモ 設定したソーシャルメディアのカウント数は、合算して一緒に表示されます。 デモのようにアイコンを添えるといい感じです。 Share Count JSの右サイドバーに設置 [ad#ad-2] Share Countの実装 実装は、簡単です。 HTML 「class=sharecount」をつけたdiv要素を配置します。 <div class="sharecount">Share</div> 特定のサイトのカウントを表示する場合は、a要素を使用します。 例：www.google.com <a href="http://ww
Web制作の知識が無くても、素敵なデザインのスマートフォン向けサイトを無料で簡単に作成出来るWebサービス・WixMobile
もう似たようなサービスは沢山ある んですが、まぁ多くても困らないの で一応ご紹介。直感のみで簡単に 綺麗なデザインのスマフォ向けサイト を作成出来るWebサービス・WixMobile です。 日本だとsmart4meっていうサービスが一番良さそうです。まぁでも他にも選択肢があってもいいと思うので気にせずご紹介。 ご存知の方も多いかと思いますが、無料でハイクオリティなFlashサイトを作成出来るWixのモバイル版です。 smart4meは制限が10ページですが、WixMobileはかなり作れます。僕が確認しただけでも40ページ以上作成可能です。その代わり、smart4meでは控えめだった広告表示が、WixMobileではわりと大きめに表示されてしまいます。 ですが、WixMobileもかなり機能は充実していますので用途に合わせてご利用になるといいかもですね。ご利用にはユーザー登録が必要です（
ブログ記事のTweet数やブクマ、いいね！の数を管理画面に一覧表示するWordPressプラグイン・Social Metricsを日本向けにした
今まで書いた記事のTwitterでのTweet数 や、Facebookのいいね！他、Google+1 などを管理画面で一覧表示してくれる WordPressプラグイン・Social Metricsの ご紹介。もしかしたら需要あるかなと思った ので日本向けにしました。 日本向けといっても、ソーシャルサイトを入れ替えて日本語に変えただけで、ソースは殆どいじってません。オープンソースはこういうのが気軽にできていいですね。とはいえ、GPLはいろいろ制約はありますけども・・・ これが元々のプラグインです。このように管理画面で記事ごとについたTweet数やLike数を一覧表示出来ます。LinkedInがなんだかおかしい気が・・まぁいいｋ 多少重いのは仕方無いとして、これはなかなかいいなと思いましたので日本向けに、少しだけ変えました。 Social Metrics for Japanese Stumbl
ソーシャルな活動を１個にまとめて配信できるjQueryプラグイン「LifeStream」:phpspot開発日誌
christianv/jquery-lifestream - GitHub ソーシャルな活動を１個にまとめて配信できるjQueryプラグイン「LifeStream」。 ソーシャルサイトは各種あるわけですが、最近のアクティビティを１個にまとめてぺたっと貼りつけたい場合に使えそう。 Delicious, Flickr, Github, Google Reader, Last.fm, Stackoverflow, Twitter ,Youtube に対応しているそうです。今のところFacebookは未対応。 使い方は .lifestreamメソッドのオプションとして、list プロパティにサービスとユーザIDをつなげて配列で渡してあげるみたいです。 ひと目で最近の活動がわかるのは便利ですね。 関連エントリ Twitter・mixi・facebook・はてブ等のソーシャルボタンを瞬時に埋め込めるW
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
スマホ・タブレットのさまざまなデバイスの表示チェックに対応！レスポンシブの確認ができる無料オンラインツール -.resizr
Native Form Elements
画面サイズごとの表示を確認出来る・「Screenqueri.es」
IDEA * IDEA
simplelib with jQuery
IDEA * IDEA
地図に円を描く (Google Maps API V3版)