ReactとjQueryの違い.mdYou signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
jQueryのファイルアップロードプラグインを作ってみた - Web系エンジニアのごはんブログ
JavaScriptの学習がてら、jQueryのファイルアップロードのプラグインを作ってみました。 世の中には、jQueryのファイルアップロードプラグインはすでに存在していますが、私が使いたい感じのものがないこともあり自作しました。 機能的には、次のようなものになります。 複数ファイルのアップロード アップロードの進捗状況の表示 ドラッグアンドドロップによるアップロード アップロード途中での停止 アップロードしたファイルの削除 上記の機能はオプションによって変更できます。例えば、ドラッグアンドドロップが必要なければ使わないということができます。 画面イメージや、具体的なオプションに関しては、次のGitHubのREADMEをご覧ください github.com
npm package.json 日本語版 取扱説明書
本ページは npm.org 提供文書を翻訳したものです。 原文は 本家参照 、誤謬・誤記の指摘は こちら からお願いします。 × npm package.json 取扱説明書 記述方法 このドキュメントを通じて、あなたの package.json に必要な全てを 学ぶことが出来ます。記述は JavaScript のオブジェクトリテラルではなく、 正しい JSON でなければなりません。 このドキュメントの多くの振る舞いは npm-config(7) に書かれている設定に影響を受けています。 name package.json の中で最も大事な項目は "name"(名前) と "version"(バージョン) です。必須であり、パッケージはこれらなしで インストール出来ません。name と version をもってして、パッケージが 完全に一意となることが想定されています。よってパッケージ内
脱jQuery Tips Advent Calendar 2015 - Adventar
jQueryからNativeJavaScriptへの変換規則的なTips 1個1個の記事は薄めでも25個で脱jQueryを目指します。 blog：https://q-az.net/ Twitter：https://twitter.com/gzzdino
HTML ドラッグ & ドロップ API - Web API | MDN
HTML ドラッグ & ドロップインターフェイスにより、アプリケーションはブラウザーでドラッグ & ドロップ機能を使用することができます。 ユーザーはマウスでドラッグ可能な要素を選択し、その要素をドロップ可能な要素へドラッグし、マウスボタンを離すことでドロップすることができます。ドラッグ操作の間、ドラッグ可能な要素の半透明の表示がマウスポインターに続きます。 ドラッグ可能にできる要素の種類、ドラッグ可能な要素が生成するフィードバックの種類、およびドロップ可能な要素はカスタマイズできます。 この HTML ドラッグ & ドロップの概要では、インターフェイスの説明、アプリケーションにドラッグ & ドロップのサポートを追加するための基本的なステップ、およびインターフェイスの相互運用性の要約があります。 HTML ドラッグ & ドロップ では DOM イベントモデル と マウスイベント を継承した
.jshintrc日本語版 - Qiita
やっぱり設定ファイルはコメント付きじゃないとね、というわけで。 JavaScript - JSHint Options 日本語訳 - Qiita の解説をもとに（というかそのまま）.jshintrcのBoilerplate的な何か。 Pure-Jsonはコメント不可だけど jshintはそのへんごにょごにょしてくれるので問題ないはず。 あとgruntも。 grunt-contrib-jshint 0.6.4で.jshintrcにコメントが書けるようになったよ - teppeis blog { /* * Enforcing options * これらにtrueを設定することで、JSHintはより厳しく警告を出すようになる。 */ // ビット演算子^、|等を禁ずる。 // JavaScriptにおいてビット演算子が必要になることは稀なので、&は&&のタイポだったりする。 "bitwise":
JS: base64文字列をBlob形式のFileに変換する - Qiita
■概要 base64文字列で表現されたImageをUnit8Arrayコンストラクタ・Blobコンストラクタ・atobメソッドを利用して、Blob形式のfileに変換する方法。 ■コード //引数はbase64形式の文字列 function toBlob(base64) { var bin = atob(base64.replace(/^.*,/, '')); var buffer = new Uint8Array(bin.length); for (var i = 0; i < bin.length; i++) { buffer[i] = bin.charCodeAt(i); } // Blobを作成 try{ var blob = new Blob([buffer.buffer], { type: 'image/png' }); }catch (e){ return false; }
jquery プラグイン/作成 - Qiita
注意 この文章は、ここの文章をそのままコピペしたものです。 プラグイン作成に非常に有効なのでメモしました。 最新版はオリジナルの文章を読むことをお勧めします。 元文書: Plugins/Authoring - jQuery Wiki(t) jQueryを使うことが快適になってきたら、プラグインの作り方を知りたくなるでしょう。それは正解です！プラグインとメソッドでjQueryを利用することは、非常に協力で、さらに、プラグインの中に最も有効な機能を抽象化することで、開発にかける時間を大幅に節約出来ます。この記事は、プラグインを書き始める際の基本的な概要とベストプラクティス、さらに気をつける必要のある一般的な落とし穴についての記事です。 目次 さあはじめよう コンテキスト 基本 メソッドチェーンの維持 デフォルトとオプション 名前空間 6.1. プラグインのメソッド 6.2. イベント 6.3.
はじめてのjQueryのプラグインの作り方～5ステップ - Web制作・Webシステムの株式会社ワイワイエンジン
Posted: 2014年4月6日-Likes: 0-Comments: 0-Categories: JavaScript, jQuery-Tags: jQuery, jQueryプラグイン 今や当たり前に使われているjQuery。 私もWeb制作時には、JavaScriptを利用する時には、かなりの割合で利用させて頂いています。 jQueryの利点はこんな感じ クロスブラウザ Write Less, Do More – より少ない書き方で、もっと多くこなす プラグインが豊富(世界中で作成・公開されている) 自分で書いても少ないコードで多くの要望に応えることができて、さらにプラグインを利用することにより多くのことができる点は、とても素晴らしいと思います。 jQueryを利用していると自分で作った処理をプラグイン化したいな。多くの人に使ってもらいたいなということがありませんか？ プラグインを
速報：仮想 DOM は殺された。誰に？ magnum.js に - Qiita
mag.module('lister', { controller: function(props) { this.item = [1, 2, 3] this.title = 'Lister' }, view: function(state, props, element) { state.h2 = { _text: state.title, _onclick: function() { state.show = state.show ? !state.show : true state.item.reverse() state.title = 'Gister' + state.show } } } }) mag.module の第一引数、lister は <div id="lister"> と対応しており、ここで両者が結ばれます。controller 関数は一度だけ呼ばれて、view 関
omnioo lab. record | オムニオラボ WEB, ITのお話 Homepageを作る
今流行りというか今度当然になるというかWEBサイトのユーザーエージェントの切り替えは実際に作っている人間にとっては非常にややこしい。作業が倍になる上に機能と用途がそもそも違うPCとスマホに対応したページを本気で作るとしたら、それはもう同じサイトにして別物と最初から考えた方がいいです。 ユーザーエージェントの切り分けはJavascriptでもPHPでも.htaccessでも同様の動作が可能ですが、これらの使わけも実はそれぞれの用途によって違ってきてしまいます。殊にレスポンシブデザインではcssだけだとmax-widthみたいなもので呼び出すcssを設定できるけど、レスポンシブデザインにパララックスが組み合わさったりするとwindow幅でもってjsの処理をするとなるとjsの読み込みをjsでコントロールするということになるので、これまたややこしい。document.writeでヘッダに書き込んで
CoffeeScript スタイルガイドの公開とその目的 - クックパッド開発者ブログ
こんにちは、クックパッド編集室の太田(@os0x)です。 普段は料理動画やクックパッドニュースなど、メディア寄りのサービスを担当しながら、社内のCoffeeScriptを中心としたウェブフロントエンドのコードレビューなどを行っています。 今回は、そのCoffeeScriptのレビューを円滑に行うためのコーディングスタイルについてお話したいと思います。 Style guides in Cookpad クックパッドでは、github.com上でスタイルガイドを公開しているのをご存知でしょうか？ cookpad/styleguide これまで、Ruby / Objective-C / Java のコーディングスタイルが公開されていました。そして、本日 CoffeeScript のコーディングスタイルを追加しました。 さて、そもそもスタイルガイドとはなんでしょうか？コーディング規約とも言われたりし
入門 React
Facebookが開発したJavaScriptライブラリ「React」の解説書。本書では、サンプルアプリケーションを用いてReact.jsのすべての側面を解説します。「第I部 基礎」でReactコンポーネントの作成と合成を学び、Reactの基本的な使い方を理解します。「第II部 応用」ではワンランク上のコンポーネント作成について学びます。「第III部 ツール」ではReactと共に使用して堅牢なアプリケーションを実装するためのツールについて学びます。最後の「第IV部 実践」では大規模なアプリケーション開発に必要な知識やWeb以外のユースケースについて解説します。読者はコンポーネントベースの最新のフロントエンド開発についての体系的な知識と技術を身につけることができます。日本語翻訳版の本書ではReactの開発環境の構築手順とAPIリファレンスを巻末付録として収録。 目次 まえがき 第I部 基礎
JavaScriptトレンド総括（2014）
はじめよう TypeScript - 入門から実践まで - 素の JavaScript とはさようなら!Jun-ichi Sakamoto
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
漢は黙ってjQuery
HTML table pure CSS fixed header - JSFiddle - Code Playground
海外で注目されてるJs framework “mithril”の特徴
Blob Support in PhantomJS
GitHub - mkoryak/floatThead: Fixed <thead>. Doesn't need any custom css/html. Does what position:sticky can't
Introduction To React
