WebDesign Dackel

React.jsで消費税の計算アプリを作ってみた

React.jsで消費税の計算アプリを作ってみた

はじめに 最近ちょこちょこと触ってきたReact.jsですが、まだ小さいコンポーネントをいくつか作ってみただけでした。 そろそろ実用的なサンプルを作ってみたいなと思ったので、シンプルな機能の消費税の計...

SuperAgentでJSONPを取得してみる

SuperAgentでJSONPを取得してみる

はじめに React.jsを使っていて非同期処理がしたくなりました。これまでだったらjQuery#ajax()を使っていたけど、非同期処理だけのために入れるのものなぁ〜と思っていたらそのものズバリな記...

【初心者向け】jQueryでツールチップのプラグインを自作しよう – Part3

【初心者向け】jQueryでツールチップのプラグインを自作しよう – Part3

はじめに これまでPart1、2とやってきましたが、今回で「jQueryでツールチップのプラグインを自作しよう」シリーズも最後です! 今回は、前回のPart2でプラグイン化したコードを更に発展させて、...

【初心者向け】jQueryでツールチップのプラグインを自作しよう – Part2

【初心者向け】jQueryでツールチップのプラグインを自作しよう – Part2

はじめに 前回はプラグイン無しでツールチップを表示するところまで進めました。 いよいよ今回から、jQueryプラグインとして機能をまとめていきたいと思います。 恐らくここが、Part1~3の中で一番ワ...

【初心者向け】jQueryでツールチップのプラグインを自作しよう – Part1

【初心者向け】jQueryでツールチップのプラグインを自作しよう - Part1

はじめに 最近のフロントエンドではjQuery離れがささやかれたりしていますが、そんな中僕が通っていた専門学校の生徒(在校生)さんにjQueryを教える機会がありました。 (大したことは教えてあげられ...

Reactでドラッグアンドドロップを実装したいので、react-dndを使ってみた

Reactでドラッグアンドドロップを実装したいので、react-dndを使ってみた

やりたいこと 例えば、TODO管理のWebアプリでタスクの並び替えを実装しよう!となった時、ドラッグ&ドロップを使って順番を入れ替えたいですよね。 ただ、React.jsでは基本的に直接DOM操作は行...

React.jsでリストの追加・削除時にアニメーションを付ける

React.jsでリストの追加・削除時にアニメーションを付ける

はじめに この前はReact.jsをCoffeeScriptで書いていくための環境を構築しました。 少し時間があいてしまいましたが、やっと公式のチュートリアルが終わりました。 チュートリアルは、簡単に...