5分で完了！Webサイトに簡単にチュートリアルが作れるIntro.jsの使い方 | ランサーズ（Lancers）エンジニアブログ

2015/02/06 108 users word 前職 Excel SEO Lancers

こんにちは！ ランサーズ株式会社の開発部でエンジニアをしております、神庭（かんば）です。 最近、SEOが楽しくて仕方がないお年頃です！ 先日、サービスの操作説明をするために、操作マニュアル（チュートリアル）ようなものを作りたいって要望があり、少しだけ調べる機会がありました。 操作マニュアル（チュートリアル）といえば、前職の受託システム会社で働いていた時では、ExcelやWordを駆使してゴリゴリ頑... 続きを読む

Web サイトの動くチュートリアルを簡単に実装する方法 （ intro.js ） | monopocket.jp

2013/05/27 47 users チュート MIT チュートリアル ライセンス web

この記事では、 Web サイトの動くチュートリアルを簡単に実装する方法を紹介する。 実際に導入したチュートリアルページは monopocket.jp のチュートリアル にて。 この動くチュートリアルは Intro.js という JavaScript ライブラリを用いることで簡単に実装することができる。MIT ライセンスなので、比較的自由に使えるのも嬉しいポイント。 Intro.js で動くチュート... 続きを読む

実際のサイト上で動作するチュートリアルが簡単に作れるIntro.jsが便利すぎる件 - (ﾟ∀ﾟ)o彡 sasata299's blog

2013/05/08 886 users チュートリアル キャプ 一部分 キャプチャ 説明文

2013年05月08日18:21 JavaScript 実際のサイト上で動作するチュートリアルが簡単に作れるIntro.jsが便利すぎる件 さて、先日簡単なチュートリアル作ろうと思ったんですが、どうやるのが良いのかなーと思って悩んでました。キャプチャ取ってそこに説明文を書いて…ってしてもいいんですけど、キャプチャだと一部分なのでサイト上のどの辺なのかわかりにくかったり、サイト側は変更したのにキャプ... 続きを読む

[JS]チェックしておきたいjQueryのプラグインのまとめ -2013年3・4月 | コリス

2013/04/21 291 users lightbox jQuery コリス キャプション 補足説明

紹介済みから未紹介のものまで、最近リリースされたjQueryのプラグインをまとめました。 Intro.js ページのガイドを表示します。 Chardin.js オーバーレイでページの補足説明を表示します。 HCaptions 画像ホバーでさまざまなアニメーションでキャプションを表示。 SuperBox レスポンシブ対応で画像を拡大表示します、Lightboxの進化形。 tosrus タッチデバイス... 続きを読む

WEBサイトでチュートリアルを作るのに便利な「Intro.js 」 | Web活メモ帳

2013/04/04 26 users チュートリアル ライブラリ マウス デモ 既存

チュートリアルを作るのに便利なJSを見つけたのでご紹介。 Intro.jsを使うと、サイトの紹介したい機能をハイライトで見せる事が出来るため 始めてサイトを訪れたユーザーに分かりやすく伝える事が出来るようになる。 マウスで次へ次へと移動できるしキーボードでも操作可能だ。 他のライブラリにも依存しないので、既存のサイトに簡単に組み込み可能なのも特徴。 ダウンロード、デモは下のリンクからどうぞ！ In... 続きを読む

サイトの使い方をその場でステップに分けてオーバーレイできるJSライブラリ「Intro.js」:phpspot開発日誌

2013/04/01 39 users JSライブラリ phpspot開発日誌 ライ オーバー 使い方

Intro.js | Better introductions for websites and features with a step-by-step guide for your projects. サイトの使い方をその場でステップに分けてオーバーレイできるJSライブラリ「Intro.js」 はじめてのサイトの場合、何をやっていいか、使い方もよくわからない場合も少なくなさそうですが、このライ... 続きを読む