今からでも読んでおきたいReact.js入門資料12選
Facebookが提供しているJavaScriptライブラリ・React.jsは「Yahoo!」「Airbnb」「Reddit」「Netflix」などで採用されています。 日本でも注目され始めているので、React.jsを使ってみたい方は多いのではないでしょうか。 これからReact.jsを学ぶ方の参考になるReact.jsの入門資料（サイト・記事・スライド）を12個ご紹介します。 他のJavaScriptフレームワークからReact.jsに乗り換えようか迷っている方の参考になる資料も紹介しています。 React.jsの学習の参考になるサイト・記事 今話題のReact.jsはどのようなWebアプリケーションに適しているか？ Introduction To React─ Frontrend Conference / HTML5 Expert.jp https://html5experts.j
[ThinkIT] 第1回：Prototypeライブラリの内部 (1/2)
JavaScriptは絶え間ないポップアップウィンドウや迷惑なアニメーションに覆われた「失われた10年」を乗り越え、Ajaxというキラー技術を引っさげて、ついに復活を成し遂げつつあります。 世界中のエンジニア達がJavaScriptを利用したWebアプリケーションの開発に取り組み、毎日のように新しいライブラリやフレームワークが公開されるようになりました。公開されたコードの再利用により応用が広がり、さらに発展が加速している感があります。 ブラウザー上で誰でも手軽にソースコードを閲覧できるJavaScriptは元来、究極のオープンソース用プログラム言語であるとも言えます。本稿では、既存の人気ライブラリの内部構成を徹底解剖するとともに、オリジナルのJavaScriptライブラリを作成するテクニックをご紹介しましょう。 自作したJavaScriptプログラムを他の人にも利用しやすい形で公開すれば、
AJAXライブラリのまとめ : WEBデザイン&AJAX
AJAXライブラリのまとめ 2007年1月18日 2006年はAJAXが注目されその技術としてのJavascriptという従来からあるスクリプト言語にも非常に注目が集まりました。 僕が2006年度で調べた知る限りのAJAXライブラリやJavascriptライブラリをここにまとめたいと思います。 JavaScriptによるモーショントゥイーンアニメーション実装「JSTween」:phpspot開発日誌 モーションの開始、停止、初期化などをボタンで調節できるモーションを提供。 動きもまぁまぁ滑らか。使用する際、少しだけjavascriptの知識を必要とする。 超軽量JavaScriptフレームワーク「SimpleJS」:phpspot開発日誌 超軽量でシンプル。シンプルなｊｓだけに多少マークアップにCSSを記入したりする必要があるけど、個人的には綺麗で滑らかな動きが良いと思う。 ウィンドウサイ
くもり - くらさば - Google はユーザの行動を収集している模様
昨日気づいたのだが、Google の検索結果画面にあるサイトへのリンクをクリックした時に Javascript による URL の書き換えが行われているようだ。 どういう風に書き換えるかというと、一度 Google のサイトへ飛ぶように変更しているのだ。そして、Google のサイトから目的のサイトへとリダイレクトされる仕組みになっている。 実際のリンクの記述はこんな感じ <a href="http://example.co.jp" onmousedown="return rwt(this,'res','1','')">example.co.jp</a>関数 rwt の定義は以下のようになっている。実際の記述は一行だが見やすいように改行してある。 function rwt(el,ct,cd,sg){ el.href="/url?sa=t&ct="+escape(ct) +"&cd="+es
hibomaのはてなダイアリー - Yahoo! UI Librady の訳 まとめ
Yahoo! User Interface Library 概要 【概要の前半】 【概要の後半】 Yahoo! User Interface Library::Core Utilities 【Animation】 【Connection Manager】 【Dom】 【Drag and Drop 】 【 Event】 Yahoo! User Interface Library::UI Controls 【Calender】 【Slider】 【TreeView】 http://d.hatena.ne.jp/hiboma/20060221/1140489162 【Yahoo! Design Pattern Libraryの訳 まとめ】
The Yahoo! User Interface Library (YUI)
YUI Library Controls/Widgets: AutoComplete Button Calendar Charts [experimental] Color Picker Container (including Module, Overlay, Panel, Tooltip, Dialog, SimpleDialog) DataTable ImageCropper Layout Manager Menu Rich Text Editor Slider TabView TreeView Uploader [experimental] YUI Library CSS Tools: CSS Reset (neutralizes browser CSS styles) CSS Base (applies consistent style foundation for c
CMS researcher - W!ボタンの開発で利用したテクニックと参考文献の紹介
先日公開しました はてなブックマークを拡張するW!ボタンですが、想像していたよりも反響があり驚きました。ありがとうございました。 さて、今回はそのW!ボタンの開発に利用したテクニックの一部と参考文献を紹介します。 W!ボタンの開発には以下が役に立ちました。 JavaScript Shell return文で強制的に制御を返すテクニック The data: URI kitchen Live HTTP Headers Greasemonkey Hacks JavaScript Shell JavaScript Shellを利用することで 正規表現 DOM XPath などを手軽に試行錯誤できる環境が得られます。この中でもXPathの作成をJavaScript Shellで行うのが特に有効だと感じました。というのも、JavaScript Shellはシェルで入力されたJavaScriptのコード
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
最強のJavaScript IDE 「WebStorm」を使ってみた
amachang - JavaScript 入門