With the Web Share API, web apps are able to use the same system-provided share capabilities as platform-specific apps. The Web Share API makes it possible for web apps to share links, text, and files to other apps installed on the device in the same way as platform-specific apps. System-level share target picker with an installed PWA as an option. Capabilities and limitations Web share has the fo
JavaScript お勉強メモ。jQuery のプラグイン化してみるお勉強の記録その3です(目標達成まであと7つ)。 Index jquery.akInstagram の Demo jquery.akInstagram のこと jquery.akInstagram の Options jquery.akInstagram の Demo See the Pen by akey (@akey) on CodePen. jquery.akInstagram のこと リポジトリ urakey/jquery.akInstagram 指定したセレクタ内に自分の Instagram の写真を出力するプラグインです。 Instagram で アクセストークンを取得する 1. Instagram で Developer 登録をする http://instagram.com/developer/ 普段使用し
ご提供していたスマートライセンスはWebページ表示直後の表示している文字に対して Webフォントを適用しており、非同期で表示させた文字に関してはWebフォントを適用することができませんでした。 そこで、お客様にWebフォントの活用範囲を広げる為に、以下のようなことが実現できるAPIを公開します。 ・好きなタイミング(非同期)でWebフォントを適用できる。 ・HTMLの解析を行わず、Webフォントの適用する箇所を直接指定することでスピードアップする。 ・フォントデータがダウンロードされたことを判定してから画面にテキストを表示する。 是非、ご活用ください。 ※下記でご紹介しているAPIを組み合わせることにより以下のようなことができるようになります。 応用サンプル(スマートライセンスにてチラつき無し対応) 説明:コンプリートイベントが発行されるまで待って文字を表示することによって切り替わりを見せ
About fb-flo is a Chrome extension that lets you modify running apps without reloading. It's easy to integrate with your build system, dev environment, and can be used with your favorite editor. Live edit JavaScript, CSS, Images and basically any static resource. Works with your editor of your choice. Easily integrates with your build step, no matter how complex. Easily integrates with your dev en
ゴールデンウィーク中に5年ぶりにフットサルをしてまだ筋肉痛が癒えてないishidaです。社内でフットサル部を立ち上げてみましたが、参加人数が少ないので横浜近辺で一緒に球蹴りしてくれる人を募集中です。 さて今回は、JavaScriptのコーディングガイドラインを作成してくれるサービスのご紹介です。 JavaScript は HTMLやCSSよりも自由度が高いので、 ガイドライン化してコードを統一するのも手間がかかるかと思います。 また初めてガイドラインを作成する人にとっては、 JavaScriptのどこまでをルール化すればいいのかも悩む部分ではないでしょうか。 そんな時にお手軽でJavaScriptコーディングガイドラインを作成してくれるサービスがありました。 11の項目を設定するだけでJavaScriptコーディングガイドラインが作成できる jsCode http://jscode.org
2015/09/11 Gistのライブラリをアップデートしました。 2014/10/13 Gistのライブラリをアップデートしました。 JavaScript 経由で Twitter に投稿する処理を持つウェブアプリはよくあると思う。そのときに実装する必要がある機能のひとつに文字数カウントの機能がある。 Twitter API に投稿リクエストをすれば、入力したツイートが文字数オーバーしていたかどうかはわかるけれど、ユーザー導線を考えて JavaScript 内でバリデーションを行いたい機会は少なくないはずだ。 はじめにお断りしておくと、この記事はあくまでもツイート文字列の文字数を * 正しく * 数えたい神経質な人向けなので、ある程度の精度でよいという方は他の方の作られたライブラリを参照するのがよいと思います。 ツイート文字数カウントのセオリー ふつうに、 $('#tweet').val(
twitterのURLとかテキストを動的に生成してintentページにポップアップさせて、 シェアしたらコールバック処理させたい時のメモ。 ※ jQuey, coffeescript使用 // coffee # twitter setup window.twttr = do (d=document,s="script",id="twitter-wjs") -> t = js = fjs = d.getElementsByTagName(s)[0] return if d.getElementById(id) js = d.createElement(s); js.id = id; js.src = "//platform.twitter.com/widgets.js"; fjs.parentNode.insertBefore(js, fjs) return window.twttr ||
Template-Engine-Chooser! This tool is not being updated — more info Is this for use on the client or the server? client server both How much logic should it have? the entirety of JS just the basics none at all Does it need to be one of the very fastest? yes no Do you need to pre-compile templates? yes no Do you need compile-time partials? yes no Do you want a DOM structure, or just a string? DOM s
先日、郵便番号から住所を補完する jQuery のプラグイン jquery.ajaxzip2 を紹介しました。 これは AjaxZip 2.0 - Ajax郵便番号→住所自動入力フォーム(CGI不要版)を jQuery プラグインとして実装したもので、利用するためには自前で JSON 形式の住所データをサーバーに配置する必要がありました。そこで JSON 形式の住所データを準備しなくても良いように JSONP 形式の住所データも読み込めるように jquery.ajaxzip2 を少し拡張してみました。 外部の API を利用して住所を補完する JSONP については、詳しくは検索すれば情報が沢山でてきますのでここでは割愛しますが、要するに JSONP を使えば外部のサービスが提供する郵便番号検索 API などから住所を補完できるようになります。 郵便番号から住所データを引ける JSONP
function doGet() { var app = UiApp.createApplication(); app.add(app.loadComponent('NewYearCard2013Gui')); var panel = app.getElementById('panel'); var handler = app.createServerHandler('serverHandler') .addCallbackElement(panel); app.getElementById('send').addClickHandler(handler); return app; } function serverHandler(event) { Logger.log(event); var app = UiApp.getActiveApplication(); //visual eff
Facebook の JS SDK は使ってはいけない。 非常に問題がある。どうせ単なる薄いラッパーなんだし、必要に応じて自分であんなの書けるでしょう。問題について書く。 ありがちなアプリケーションの例 FB.login(function(res){ FB.getLoginStatus(function(res){ if(res.status === 'connected'){ FB.api('/me', function(res){ console.log(res.email) } } }) },{scope: 'email'}) 自分 のemail を取得出来る。 ところで、こうしたらどうなるだろうか。 FB.login(function(res){ FB.getLoginStatus(function(res){ console.log(res.status) FB.api('/me
2011年02月16日16:17 by facebookers 目次 カテゴリ How-To Open Graphに触れる 1:基本Open Graphに触れる 2:ユーザ認証と権限の認可Open Graphに触れる 3:ユーザのウォールへの投稿ドキュメントの歩き方:FQL編ドキュメント Getting StartedWebsitesApps on FacebookMobileApp Center App Center Tutorial App Center Guidelines App Categories SamplesCore Concepts Social Design Utilizing Community Building Conversations Curating Identity Social Plugins Like Button Activity Feed Recom
/// 新しいバージョンのメモはこちら 「URLに対するフェイスブックのいいね数を調べるツール。その2」 /// ども。kaminalyです。 Facebookのいいね数をしらべるのに、 ちょっと必要になったのでつくりました。 いいね数を調べたいURLを改行区切りで入力してね。 あと、お手軽に調べられるようにブックマークレットも用意してみたよ。 ソースはこちら //bookmarklet javascript:( function(){ var s=document.createElement('script'); s.type='text/javascript'; s.onload=b; s.src='https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js'; document.body.appendChild(s); f
Facebookの開発者ブログに、ソーシャルプラグインのパフォーマンス最適化についての記事が掲載されていましたので、本エントリーで紹介します。 How-To: Optimize Social Plugin Performance 「いいね!」ボタンやコメントボックスのソースコードを、ブログなどにそのまま貼りつけている方は、このエントリーで紹介しているものに書き換えればページの表示時間が短縮されるかもしれません。 パフォーマンスの最適化には、次の2つのベストプラクティスがあります。 1.channelUrlパラメータを追加する FB.initに、青色で示すchannelUrlパラメータを設定します。 <div id="fb-root"></div> <script src="//connect.facebook.net/ja_JP/all.js"></script> <script> FB.
2024年2月1日 拙作プラグインの譲渡について 拙作のMovable Typeのプラグインを、株式会社ワールドイズマインに譲渡いたしました。 長きにわたり拙作のプラグインをご愛顧いただき、ありがとうございました。 「Facebookアプリ開発に挑戦」の第3回として、Facebook上のアプリケーションのひな形を作る手順を紹介します。 1.今回作るサンプル 今回は、最低限のサンプルとして、ユーザーにアプリケーションを許可してもらうところまでを作ります。 ユーザーのFacebookでの情報にアクセスするには、そのユーザーに自分のアプリケーションを許可してもらうことが必要です。 ユーザーがはじめてアプリケーションのページにアクセスしたときには、以下のように、許可してもらうためのボタンを表示するようにします。 ユーザーがこのボタンをクリックしたときには、「アプリの許可」のダイアログボックスが開く
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く