どこからどこまで？何を指してる？と引っかかる人がいるかもしれないけどそこら辺はなんとなくお察しください。 3ヶ月前までJSとjQueryのみ毎回ノリで書いていた（もちろんカオスにならないように最大限工夫はしてるけど）流れが早いからモダン情報のキャッチアップはタイミングを見計らっているけど2017年中にはなんとかしたいやるなら一気にやりたい
おれ的フロントエンド速習コース
どこからどこまで？何を指してる？と引っかかる人がいるかもしれないけどそこら辺はなんとなくお察しください。 3ヶ月前までJSとjQueryのみ毎回ノリで書いていた（もちろんカオスにならないように最大限工夫はしてるけど）流れが早いからモダン情報のキャッチアップはタイミングを見計らっているけど2017年中にはなんとかしたいやるなら一気にやりたい
はてな教科書 JavaScript編
はてな教科書JavaScript編 講義の目的 JavaScriptについて、自分で調べて学習するための基礎知識を身につける リファレンスをひけば良い部分は覚えない 話の流れ JavaScriptの言語コア部分 構文とか WebとJSにまつわるあれこれ DOM 非同期プログラミング Ajax jQuery フロントエンド設計 Node.js 駆け足で進めるので、速すぎるなら遠慮せず言ってください！ LICENSE この作品は クリエイティブ・コモンズ表示 - 非営利 - 継承2.1日本ライセンス の下に提供されています。
SRI Hash Generator
What is Subresource Integrity? SRI is a new W3C specification that allows web developers to ensure that resources hosted on third-party servers have not been tampered with. Use of SRI is recommended as a best-practice, whenever libraries are loaded from a third-party source. Learn more about how to use subresource integrity on MDN. How is Subresource Integrity different to HTTPS? TLS ensures that
JSON Test by jsontest
JSONTest.com is a testing platform for services utilizing JavaScript Object Notation (JSON). To use, make a request to servicename.jsontest.com, where servicename is the name of a service listed below. We also support a number of parameters, such as callback, allowing you to test Javascript and other web applications. For example, try this: http://ip.jsontest.com/?callback=showMyIP Services IP Add
Facebookページへのいいね！が条件のWebページを作る方法 | o-84.com
Facebookページ内でタブとしてキャンペーン等を展開する場合、スマートフォン版はカスタムページタブに対応していないのでWebページで展開することになります。 多くのキャンペーンがFacebookページへのいいね！を条件としているのですが、WebページからAPIを使ってFacebookページにいいねすることができません。 参考：FacebookのAPIを通してページにいいねすることは出来ない APIが使えないので外部サイトからFacebookページへいいね！する場合は、公式のソーシャルプラグインを使うことになります。 では、具体的な実装方法です。 任意のFacebookページにいいね！されているかを判定する Facebookページへのいいね！を条件とするページが表示される際に、Facebook認証でuser_likesパーミッションを取得し、該当のFacebookページへいいね！されてい
jQuery学習者にReactも学習してほしい3つの理由と学習方法まとめ
jQueryの初版が登場して10年が経ちました。 jQueryの登場により、これまでJavaScriptで書いていた複雑なコードがよりシンプルになりました。CSS操作やDOM操作、Ajaxなどの拡張性も非常に便利なものでした。 時が経つにつれ、さまざまな特徴を持ったJavaScriptライブラリ・JavaScriptフレームワークが登場し、jQeuryに触れることなく大規模なアプリケーション開発をすることも珍しいことではなくなりました。 そうした中、昨今注目されているのがReact.js(React)です。 今回は、jQueryを学習した人に、Reactも学習してほしい理由とその学習方法についてまとめてみました。 Reactとは？ Reactとは、ユーザーインターフェイス(UI)を構築するためのオープンソースのJavaScriptライブラリです。 Facebookが開発の主導となっており、
ファイルアップ時に進捗を表示する方法 | ScrapEngineer
ファイルアップ時に進捗を表示する方法を紹介致します。 UI的にかっこ良くなりますし、ファイルのアップロード状況がわかるのはとっても嬉しいですね 以前の記事の2つを応用した方法で可能となります。 ドラッグ & ドロップでファイルをアップロードする方法 HTML5 進捗状況を表示するプログレスバーを使ってみる 下の画像が完成した機能です。 HTML5 進捗状況を表示するプログレスバーを使ってみるから変更点があるのはJavascript、HTML側。 ちょこちょこ変わっていますが重要なところをハイライトにしています。 Javascript HTMLサンプル <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>ファイルのアップロード</title> <script src="http://ajax.googleapis.com/a
phiary
先日書いた 『Electron の入門エントリー』 が好評だったので私の大好きな Riot.js の入門も書いてみました. AngularJS や React でもいくつか Web アプリケーション作ってきましたが, 私にとっては Riot.js が一番しっくりきました. なので今回は Riot.js について紹介します. とにかく詳しい説明はいいから触って試してみたいって方はぜひ読んでみてください. Runstant を使ったデモを並べているので, このページ上で実行したりコードをいじることができます. 実際に動かしながら, Riot.js がどれだけ使いやすいか体感してみてください♪ Riot.js とは？ 今のところ私にとって(使いやすさ, 手軽さ, 規模感総合して)最も優れた JavaScript フレームワークです. 主な特徴 個人的に Riot.js でいくつかサービス作ってき
Google流 JavaScript におけるクラス定義の実現方法
目次 2019年追記 はじめに クラス実現のために必要な JavaScript の言語仕様 function this call new 演算子 prototype チェーン プロパティ: prototype Google Closure 流のクラスの実現方法の概要 クラスの宣言とコンストラクタの定義 メンバ変数 (インスタンス変数) メソッド定義と呼び出し private, protected 継承 プロトタイプチェーンを利用してメソッドを親クラスから引き継ぐ 親クラスのコンストラクタの呼び出し メソッドオーバーライドと親クラスのメソッドの呼び出し 多重継承 abstract, interface inherits の実際のコード 良くないクラス実現方法 ES6 のクラス 2019年追記 この記事ではclassが導入されたES6以前のJavaScriptでどのようにクラスに相当するものを
JavaScriptにおける継承のパターン4種類の概要と対比 | POSTD
JavaScriptはとても強力な言語です。強力がゆえ、実はプロトタイプをデザインしたり、オブジェクトのインスタンスを生成したりするのに何種類もやり方があります。それぞれの方法には長所も短所もあります。そこでJavaScript初心者の皆さんのために私がそのあたりを整理して説明したいと思います。今回の投稿は、以前私が書いた 「JavaScriptを分類するな」 の続編です。前回の投稿でたくさんのコメントをいただき、コードの例を出してほしいをいう反応をいただいたので、今回はそれらにお応えします。 JavaScriptはプロトタイプを使って継承 つまり、JavaScriptでは、オブジェクトは別のオブジェクトを継承することができます。 { } 波括弧を使って生成されるJavaScriptの基本的なオブジェクトは、唯一のプロトタイプとして Object.prototype をプロトタイプに持ちま
gulp.spritesmith の対象ディレクトリを自動取得する | BUN:Log
以前書いた記事 Grunt から gulp へ移行してみた： https://bunlog.dreamseeker.dev/2014/06/08/gulpjs-setting/ を読み返してみて、そういえば gulp.spritesmith の対象ディレクトリを自動取得できるようにしてたな・・・と思い出したので、記事にしてみます。 gulp.spritesmith のインストールパッケージがインストールされていることが前提となりますので、下記コマンドを実行します。 $ npm install gulp.spritesmith --save-devプラグインを読み込むgulpfile.js では gulp.spritesmith を $.spritesmith で実行できるよう、gulp-load-plugins を読み込む際に置換しつつ変数にセットしておきます。 // load gulp.
わずか1行のコードで「リアルタイムWeb通知」が実装可能になったMilkcocoaを試してみた！ : うえぶはっく
国産のバックエンドサービスとして人気の「Milkcocoa」ですが、いつの間にか「リアルタイムWeb通知」を実現できるようになっていたのでご紹介しておきます！ これが出来るようになると、自分のWebサイトやサービスなどを利用しているユーザーに向けて、スマホの「プッシュ通知」のような感覚で、リアルタイムに任意のメッセージを送信し、ユーザーのブラウザ上に表示させるようなことが出来るので便利です。 今回は、チュートリアル形式でサンプルを作っていく過程をご紹介しようと思います！ まずは初期設定をしよう！ まず最初に「Milkcocoa」にログインし、管理画面から新しいアプリを作成します。(無料プランで問題ありません…)
appofit.com -
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CanvasRenderingContext2D: fillStyle プロパティ - Web API | MDN
GitHub - marcuswestin/store.js: Cross-browser storage for all use cases, used across the web.
GitHub - you-dont-need/You-Dont-Need-Lodash-Underscore: List of JavaScript methods which you can use natively + ESLint Plugin
GitHub - izolate/html2pug-website: Convert HTML to Pug
http://post.simplie.jp/posts/111
inline on iPhone
IE8でChart.js