https://creative-tweet.net/blog/2018/04/beginning-vuejs.html
最新のウェブフロントエンド技術を無理してキャッチアップする必要はない - id:anatooのブログ
ウェブフロントエンド技術は変化が激しいと言われるけれども、多くの人にとって最新のウェブフロントエンド技術を無理してキャッチアップする必要は無い。以下理由。 ここでいう最新のウェブフロントエンド技術とは、新しいブラウザのAPIや新しいJavaScriptの文法や新しいフレームワーク・ツールなどを指す 今のHTML5はドキュメントを表現するプラットフォームだけではなくアプリケーションプラットフォームとしても機能するように進化をしている最中 だからアプリケーションプラットフォームとしての進化を支える新技術がたくさん出てきている 逆に言うと、アプリケーション(SPAとか)を書かない人にとってはキャッチアップする必要の無い場合がたくさんある また、それらのウェブフロントエンドの新技術を全てキャッチアップするのは基本的に不可能だと思う 自分はウェブフロントエンドやそれのパフォーマンスを専門の一つにして
サンプルコードを見ながら WP REST API でテーマを作ってみよう - アウトプットファーストを目指すBlog
2016年11月追記: REST API について、Riot.js を利用した使用方法も紹介しています。合わせてご覧ください。 「WordPress ユーザーのための Riot.js 入門」デモの使い方 すべりこみセーフ！WordPress Advent Calendar 2015 10日目担当のもりやまです。23時以降の投稿となってしまいました。 先日の WordCamp US で、Build a Theme with the REST API というセッションがあり、実践的な内容だったので、やってみるついでに記事にしてみました。 ちなみにスピーカーのレイチェルベッカーさんは、WP REST API のメイン開発者のひとり。WP REST API を深く理解している人がつくった質の良いサンプルコードです！ WordPress でふだん制作をしてるデザイナーさん＆コーダーさんにおすすめ と
WordBench東京 3月勉強会 「WP REST API をハンズオンで学ぼう」
◆必ずお読みください 休日のため1階の入口からの入場になります。 14:30以降は入場できない可能性がありますのでご注意ください。 万が一遅れた場合は @wb_tokyo 宛にお知らせください。Twitter が使えない場合はこちらのフォームからご連絡いただくこともできます。いずれもすぐに対応できない場合もありますので入場時間にご注意ください。 ◆今月のテーマ「WP REST API をハンズオンで学ぼう」 対象者 WordPress でテーマまたはプラグインを制作したことがある方 または、JavaScript の知識があり WordPress との連携について学びたい方 今月は WordPress 初心者向けの内容ではありません！ご注意ください 参加要件 以下の条件を満たさなくても参加すること自体は可能ですが、手を動かした方が面白いのでがんばって環境構築してください。 ローカルにインスト
Use web workers to run JavaScript off the browser's main thread | Articles | web.dev
In the past 20 years, the web has evolved dramatically from static documents with a few styles and images to complex, dynamic applications. However, one thing has remained largely unchanged: we have just one thread per browser tab (with some exceptions) to do the work of rendering our sites and running our JavaScript. As a result, the main thread has become incredibly overworked. And as web apps g
第62回 HTML5とか勉強会スペシャル ー ブラウザ、次世代Web標準の最新動向とか｜IT勉強会・イベントならTECH PLAY［テックプレイ］
※ 適時休憩を挟みます。 ※ 内容は変更される恐れがあります。 セッション Microsoft Edge Deep dive 日本マイクロソフト株式会社 デベロッパーエバンジェリズム統括本部 物江 修 Windows 10 には Internet Explorer とともに新しく開発された Edgeという 2 つの Web ブラウザーが搭載されています。 このセッションでは Edge に焦点をあて、開発の経緯、新機能、これからのロードマップや情報の入手方法など、深く掘り下げて紹介します。 Mozillaとブラウザゲーム Mozilla Japan 清水智公 いまさらブラウザゲー？いやいや最近は、ブラウザでも重厚なゲームを作れるようになってきてますよ。WebGLやWeb Audio、各種の Workers、そしてasm.js と Web Assembly。これらの技術が重厚なゲームの実現を可
JavaScriptで「OS」を開発した猛者が現れ、ブラウザ内にデスクトップ環境を構築できる「OS.js」が話題に！ : うえぶはっく
その名もズバリ「OS.js」というJavaScriptライブラリです。 誰かのイタズラかと思いきや、使ってみるとブラウザの中にもう1つ別のパソコンが起動しているような感覚になり、その完成度の高さに驚かされます。 APIも提供されており、「OS.js」で起動したデスクトップ環境用のアプリケーションを自分で開発することも可能になっているのは面白い点でしょう。
2016 年の WordPress
Noel Tock一年前、2015年の WordPress という記事を公開しました。振り返ってみて、実現されるスピードはさまざまでありながらも、そこで書いた予言の大部分が、正確であったことを嬉しく思います。ここで読むことができます。 2015年は、WordPress とそのエコシステムにとって、またしても大きな年となりました。世界中のすべてのウェブサイトのうち、WordPress が使われているサイトの割合が 25% を超え、WordPress 自体にもレスポンシブイメージや REST API の導入が成されました。周辺のエコシステムも力強く成長し、たとえば Automattic による WooCommerce の買収、30万ドルくらいであったと言われていますが、こうした出来事を私たちは目撃しました。WordPress.org 上にある4万以上のプラグインは10億回以上ダウンロードされる
ウェブの仕様は今どこにあるのか？
Webの仕様 ウェブの仕様といえば、W3CやWHATWG、IETFとかが思い浮かぶかもしれません。 これらの仕様が最近ではメーリングリストやIRCといった旧来のところだけではなく、GitHub上で議論されて策定が進められている事が増えています。(両方使ってるという話) この記事はそのような方法で進められてる仕様等についての紹介です。 ＊ 自分自身はそこまで仕様に対して強い興味があるわけではないので、もっと詳しい方が正しくまとめて頂きたいです。。 最初にMove The Web Forward | Guide to getting involved with standards and browser developmentを見ておくといいかもしれません。 JavaScriptの仕様 この動きが多く見られるのがJavaScript(ECMAScriptやDOM APIを含む)周りの仕様につい
zepto.js — the aerogel-weight mobile javascript framework
Zepto is a minimalist JavaScript library for modern browsers with a largely jQuery-compatible API. If you use jQuery, you already know how to use Zepto. While 100% jQuery coverage is not a design goal, the APIs provided match their jQuery counterparts. The goal is to have a ~5-10k modular library that downloads and executes fast, with a familiar and versatile API, so you can concentrate on getting
サイバーエージェント、ブラウザ向け音声ライブラリ「boombox.js」をOSSとして公開 | RBB TODAY
サイバーエージェントは2月19日、ブラウザ向けのサウンドライブラリ「boombox.js」を、スマートフォンサービス開発のためのオープンソースとして、GitHubで公開した。 ブラウザでサウンドを鳴らすには、「HTMLAudio」「WebAudio」「HTMLVideo」が一般的に利用されることが多いが、APIの呼び出し方法やブラウザサポートなどが統一されていない。「boombox.js」は、「HTMLAudio」「WebAudio」「HTMLVideo」のオーディオ関連APIを包括して、一貫性のあるAPIとして提供するライブラリだ。「boombox.js」は、ブラウザ向けゲーム「なぞってピグキッチン」などのサービス開発でも採用されている。 オーディオ関連APIを統一したインターフェイスで提供し、ラジカセ（boombox）のようなシンプルな操作で利用することが可能となる。ブラウザが非アクテ
初心者でも絶対わかる、WebGLプログラミング＜three.js最初の一歩＞
初心者でも絶対わかる、WebGLプログラミング＜three.js最初の一歩＞ 小山田 晃浩（株式会社 ピクセルグリッド） WebGLはとても高度な技術である一方、APIは低レベルであるためそのまま使うにはどうしても冗長な準備を行う必要があります。一方で、JavaScriptライブラリーを通して高レベルなAPIとしてWebGLを利用する方法があります。こうしたJavaScriptライブラリーとしてはthree.js、Away3D.js、Babylon.jsなどが有名です。その中でも特に人気があるthree.jsを通して、WebGLを利用する方法を解説します。(three.jsのリビジョンは執筆現在の最新であるr65を利用します) three.jsを手に入れる three.jsはhttp://threejs.org/から手に入れることができます。downloadから、zipファイルを手に入れま
AlloyUI
⚠️ AlloyUI is deprecated and only critical patches will be released in the future. See blog for more Simply Powerful Robust UI tools at your fingertips. AlloyUI is a framework built on top of YUI3 (JavaScript) that uses Bootstrap (HTML/CSS) to provide a simple API for building high scalable applications. Download Fork 1 - Copy and paste First load the seed and CSS files. <script src="https://cdn.a
JSON API — A specification for building APIs in JSON
If you’ve ever argued with your team about the way your JSON responses should be formatted, JSON:API can help you stop the bikeshedding and focus on what matters: your application. By following shared conventions, you can increase productivity, take advantage of generalized tooling and best practices. Clients built around JSON:API are able to take advantage of its features around efficiently cachi
JavaScript でペンと筆圧を扱う : document
4月11 JavaScript でペンと筆圧を扱う はじめに JavaScript でアプリケーションを作っていると、筆圧を取得したくなることがよくあると思います。 ここでは JavaScript でタッチやペンによる筆圧の取得の仕方について簡単にまとめます。 Wacom ペンタブレットによる筆圧の取得 Wacom のペンタブレットではブラウザにプラグインをインストールすることにより筆圧の取得が可能になります。 最近はタブレットの最新版ドライバをインストールすると一緒にプラグインもインストールされるようです。 タブレットプラグインのバージョンによる API 変更 Wacom のタブレットプラグインでは元々ペンを扱う単体のものでしたが、バージョン 2 からはタッチと統合されたため API が変更されました。 基本的には統合であるため、プラグインのオブジェクトに .penAPI を付けるか付け
We’re Gonna Need A Bigger API! — Smashing Magazine
Everyone likes stuff that moves about on the Web, right? Remember how you cried joyful tears when you first used ? I do. I nearly sobbed all the water out of my body as I gazed upon “JAKE’S COOL WEBSITE” bobbing back and forth in uppercase serif. Of course, we’re more mature as an industry these days. We’ve learned that users don’t want websites to look like a CSI console having a personal crisis;
jQuery UI 1.10 日本語リファレンス | js STUDIO
このサイトについて jQuery UIの日本語リファレンスです。 jQuery UIの本家サイト(英文) の内容を翻訳して作成していますが、誤訳や誤記があると思いますのでその点についてはご了承ください。 もし、誤訳などの間違いを見つけましたら、 @tomof まで教えていただければ幸いです。 このリファレンスではjQuery UIのバージョンは1.8以上を対象としていますので、それ以前のバージョンについては当てはまらない 箇所もあると思いますので注意してください。 また、1.8以降のバージョンによる違いについて、なるべく記述しているようにはしていますが、内部処理やclass名の変更等、全ては書ききれてはいないので、 詳細について知りたい場合は公式サイトでの確認をお願いします。 jQuery UI 1.9アップグレードガイド(英文) jQuery UI 1.10アップグレードガイド(英文)
米Stripe、JavaScriptで決済の全てを完了できる 「jQuery.payment」をリリース 【増田 @maskin】 | TechWave（テックウェーブ）
決済サービスを展開する米「Stripe」は2013年2月7日、ポピュラーなJavaScript用ライブラリ (プログラム郡がパッケージされたもの)「jQuery」と連携して仕様できる決済ライブラリ「jQuery.payment」をリリースしたと発表した。 「Stripe」は、面倒で時間のかかる決済機能の導入について、どこよりも簡単に実装できるAPIを提供する企業。大手決済サービスを展開する米PayPal 創業者や、大手有力VCから投資を受けるなど注目をあびている。 今回リリースされた「jQuery.payment」を使えば、数行のJavaScriptコードだけで決済機能を導入することができるようになる。 冒頭のスナップショットは、実際に「jQuery.payment」を使ってドネーションを受けられるようにしたサイト。決済者は面倒なユーザー登録作業などをする必要なく、この画面から利用すること
とほほのjQuery入門 - とほほのWWW入門
コア コア(基本) セレクタ セレクタ(基本) セレクタ(継承) セレクタ(属性) セレクタ(基本フィルタ) セレクタ(コンテンツフィルタ) セレクタ(ビジビリティフィルタ) セレクタ(子要素フィルタ) セレクタ(フォームフィルタ) トラバース トラバース(親子関係) トラバース(フィルタリング) トラバース(その他) イベント イベント(イベントハンドラ) イベント(ブラウザイベント) イベント(読み込み) イベント(フォーム関連) イベント(キーボード関連) イベント(マウス関連) イベント(イベントオブジェクト) 属性・値 属性・属性値 HTML・テキスト・値 クラス スタイルシート スタイルシート(基本) エフェクト エフェクト(表示) エフェクト(フェードイン) エフェクト(スライドアップ) エフェクト(カスタム) 操作 操作(DOM挿入(内側)) 操作(DOM挿入(外側)) 操
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
プログラミング言語Dartの基礎