WebDesign Dackel

インデントで表した階層をツリー状に変換するWebアプリ「Directree」

インデントで表した階層をツリー状に変換するWebアプリ「Directree」

はじめに インデントで表したテキストをツリー状(├─,└─)に変換するDirectreeというWebアプリを作ってみました。 http://directree.net/ こんな時に使いたい このブログ...

jp-prefecture.jsの使い方

jp-prefecture.jsの使い方

はじめに 半年くらい前に、jp-prefecture.jsという日本の地域と都道府県を扱うためのライブラリを作ったのですが、日本語のドキュメントが欲しいな!と思ったのでREADMEに沿って、使い方をだ...

OwlCarouselとPhotoSwipeでモバイルフレンドリーなギャラリーを作る

OwlCarouselとPhotoSwipeでモバイルフレンドリーなギャラリーを作る

はじめに OwlCarouselとPhotoSwipe、どちらも細かい制御が出来てモバイル環境での動作も非常に軽快です。僕もよくお世話になるお気に入りのライブラリです。 それぞれ別々で使うことはありま...

jQueryで画像がPC画面をスライドしていくようなエフェクトを実装する

jQueryで画像がPC画面をスライドしていくようなエフェクトを実装する

はじめに 今回は、画像がPC画面の中をスライドしていくようなエフェクトをjQueryを使って実装してみたいと思います。 たまにポートフォリオサイトなんかで見かけるやつです。 数行の簡単なコードで実装で...

JavaScriptで「どシンプル」なテンプレート文字列の展開を実装する

JavaScriptで「どシンプル」なテンプレート文字列の展開を実装する

はじめに JadeやEJSなどのテンプレートエンジンを導入するほどでもなく、underscore.js(lodash.js)を導入していない場合に使える、「どシンプル」なテンプレート文字列の展開をご紹...

React.jsとMediaWikiAPIでWikipediaのビューワーアプリを作ってみた

React.jsとMediaWikiAPIでWikipediaのビューワーアプリを作ってみた

はじめに よくReact.jsとくっついて説明されているFluxを勉強したいなぁ〜と思ったので、サンプルとしてReact.jsとMediaWikiAPIを使って、Wikipediaのビューワーアプリの...

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の中で一番ワ...