Thank you for being patient. We are doing some work on the site and will be back shortly.
Thank you for being patient. We are doing some work on the site and will be back shortly.
2015年の春頃にChromeが「プッシュ通知」に対応したことで、WEBサイトから「プッシュ通知」を送れるWEBサービスも増えてきましたね。 「プッシュ通知」といえば、スマホアプリをイメージしますが、これからはもっと広く「プッシュ通知」が使われるかもしれません。 プッシュ通知とは スマートフォンを使っている方なら、アプリから最新ニュースの通知が届いていることと思います。Facebookでもメッセージが届いたりすると通知が来ますよね。 Macを使っている方ならカレンダーアプリやメールアプリなどからの「通知」が表示されているかと思います。 このような「プッシュ通知」は、基本的にそのデバイス(スマホやPCなど)にインストールしたアプリを経由して届きます。ですので、FacebookアプリがインストールされていないスマホにはFacebookからの通知は当然届きません。 これまでECサイトやWEBメデ
Note: these docs are for version v4.0.0 (aka gulp@next) If you're on gulp v3.9.1, which is the current default npm release, you probably want that version's documentation. gulp API docs gulp.src - Emit files matching one or more globs gulp.dest - Write files to directories gulp.symlink - Write files to symlinks gulp.task - Define tasks gulp.lastRun - Get timestamp of last successful run gulp.paral
HTML5(Canvus)、Javascript向けの画像処理ライブラリについてまとめたので紹介します。 続きを読む
こんにちは、フロントエンドエンジニアのおじいちゃんです。 今回はパフォーマンスを意識したアニメーションを実装できる「requestAnimationFrame」について書きたいと思います。 requestAnimationFrameとは requestAnimationFrameは、アニメーション実装時など、再描画が頻繁に行われる処理に使えるメソッドになります。 window.requestAnimationFrame() メソッドは、ブラウザに描画させたいアニメーションを指定し、次の再描画の前に、アニメーションを更新する指定した関数を呼び出すように要求します。このメソッドは再描画する前に呼び出されるコールバックメソッドを引数にひとつとります。 引用元:MDN setTimeoutやsetIntevalと比較されることが多いですが、主に以下のような違いがあります。 requestAnima
A tutorial on how to create a motion blur effect on HTML elements using JavaScript and an SVG blur filter. Today we are going to show you how to make a motion blur effect and apply it to regular JS or CSS animations of HTML elements. Motion blur is a technique widely used in motion graphics and animation in general to make movement seem more smooth and natural. Motion blur is the apparent streakin
私はかつて自分はアーキテクトだと名乗ったことがあります。これを裏付けるため、今やウソだらけの複雑な話を設計しなくてはならなくなっているので、ある意味これは本当のことですね。冗談はさておき、2015年を目前としてJavaScriptコミュニティのアプリケーションアーキテクチャの状況について目を向けてみるのは有益なことだと思います。合成、関数型の境界、モジュラリティ、不変データ構造、CSPのチャネルと、その他に関連するいくつかのトピックについて書いてみたいと思います。 合成 アーキテクチャのレベルでは、JavaScriptで大規模なアプリケーションを作成する方法に関してここ数年で少なくとも一つの根本的な変更がありました。機械の細かい違いにより生み出される単一指向性の データバインディング、不変データ構造と、仮想DOM (どれも興味深い問題ですね)などを除けば、多くの開発者が一つのキーコンセプト
この記事のオリジナルは voxxed に投稿されたものです。 JavaScript関連の問題を抱えるチームをサポートする仕事を通じて、いくつか共通の問題点があることに気づきました。もしあなたもJavaScriptに対するイライラを感じているのであれば、この記事は何らかの助けになるかもしれません。おことわり:私がお教えするヒントはすでにご存知のものもあるとは思いますが、うまくいけば、多少なりとも有用な情報があるかもしれません。特にエンタープライズアプリケーションやCMSソリューションを構築する際に有効なヒントです。チームの誰もが話したがらないCMSのコードについてお話しします。いずれも必要に応じて採用できるものです。 debuggerステートメント 大半のブラウザでサポートされているにもかかわらず、JavaScriptを書く際に最も活用しきれていない機能の1つです。debuggerステートメ
スマートフォンのClickイベントが、PCに比べると遅い事をご存知でしょうか? 本記事では、Clickの反応が遅い『原因』と『対策』について、ご紹介していきます。 本当に遅いの? まずは、サンプルをご覧ください!! 高速タップサンプル(チェックボックス) ※サンプルは、スマートフォンでご覧ください。 いかがでしょうか? 比較した際に「通常チェックボックス」の反応の悪さにも驚かされますが、 「高速化対応したチェックボックス」の操作感の良さを感じていただけたと思います!! なぜ遅いの? 遅い原因。それは、スマートフォン特有の操作方法にあります。 まず、スマートフォンにおける「Click(Tap)」とは、何でしょうか? 簡単に表すと「Touch start」→「Touch end」=「Click」となります。 スマートフォンの操作方法には、単純なクリック操作の他に「ダブルタップ」「ピンチイン、ピ
Twitter Display Requirements TwitterのAPIを使ってTweetを表示する場合、Timestampを決まった表記の相対時間で表示することが求められています。 Tweet Timestamps For Tweets that have been sent in the last 24 hours, use the short form timestamp relative to the current time, for example “20s” for a Tweet sent 20 seconds ago, “3m” for 3 minutes ago, “5h” for 5 hours ago. Tweets older than 24 hours should show a short form date including the day and
I need some JS code that will take the created_at value from a Twitter feed and display it as xxxx ago. I can find examples of creating the xxxx ago bit but not examples of getting the created_at bit into the correct format for JS. Does anyone have an all in one function to do what I'm after? example format Tue Apr 07 22:52:51 +0000 2009 Cannot use new Date(Date.parse("Tue Apr 07 22:52:51 +0000 20
-prefix-free Break free from CSS prefix hell! Only 2KB gzipped -prefix-free lets you use only unprefixed CSS properties everywhere. It works behind the scenes, adding the current browser’s prefix to any CSS code, only when it’s needed. “[-prefix-free is] fantastic, top-notch work! Thank you for creating and sharing it.” — Eric Meyer Features Processes every stylesheet in <link> or <style> elements
画面をダブルクリックで縦書きと横書きを切り替えることができます。要素を指定して縦書きにしている場合は、次回アクセス時に同じ表示が引き継がれます。 どんなサイトでも縦書きにするブックマークレット。 ↓右クリックで「お気に入り」に保存するか、リンクをドラッグしてブックマークバーにドロップします。 「縦書きにする・iPhone 用リンク」 「縦書き可能にする・iPhone 用リンク」 「段組み縦書き可能にする・iPhone 用リンク」 iPhone に登録するには? とりあえずこのページを共有ボタンからブックマーク。 iPhone 用リンク を長押ししてコピー。 ブックマークを開いて、追加したブックマークを「編集」。 名前を「縦書き可能にする」などに変更し、URL 欄に上記コードをペースト。 最初の「http://」を削除。 注意! やや動作が重いです! うまく変換できなかったときは、画面をダブ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く