グラファイトラボ

使える?使えない?最先端?もはや定番?
気になると、何でも手を出す、グラファイト。
技術研究紹介ページです。

jQueryプラグインはじめました

Web制作でよく使う、スライダー、モーダルウィンドウ、スクロールなどのギミック。先人の作成したプラグインは非常に使いやすく、お世話になっていることも多々あるのですが、かゆいところに手が届かないこともしばしば…。そこで弊社では、汎用性が高く、かつカスタマイズしやすいjQueryプラグインを研究しています。

スライドショー

これ1つであらゆるスライダーに対応できることを目指しております。
サンプルはこちら(更新)

<オプション>
  • auto: true//自動再生
  • changeTime: 3000//自動再生間隔
  • slideTime: 500//スライド効果時間
  • loop: true//繰り返し
  • type: 'slide'//スライド形式
  • initNum: 1//初期表示スライド番号
  • showNum: 1//表示スライド数
  • moveAll: false//表示分まとめてスライド
  • slideEase: 'swing'//スライド効果
  • direction: 'left'//スライド方向
  • paging: true//前後ボタン有無
  • nav: true//ナビ有無
  • changeClass: false//クラス変更
  • overflow: false//前後をはみ出して表示
  • flickable: true//フリック操作
  • loader: true//ローディング演出
  • beforeSlide: false//スライド前の実行関数
  • beforeAfter: false//スライド後の実行関数

こだわりは、「表示スライド数」と「まとめてスライド」のオプションです!スライド要素の中に複数の要素を入れればhtmlだけでも実装できるのですが、CMSなど動的に生成されるコンテンツに適用する場合は面倒だと感じたので、実装してみました。
Version 2.0.0以降は、flipモードやフリック操作が実装されています。
オプションが多くて分かりにくいと思いますので、サンプルページでいろいろ試してみてください。

リストソート

テーブルタグ以外でもソートができるようにと、制作しました。
サンプルはこちら(公開)

<オプション>
  • btnEl: 'a'//ソートボタン
  • defaultType: 'asc'//デフォルトの並び順
  • nullFix: false//空白の扱い
  • replaceChar: false//文字を置換してソート
  • filterMode: true//フィルターモード
  • subSort: false//ソートの優先度
  • initSort: false//初期表示ソート列
  • data-grsorter-reverse="文字"(htmlで設定)

文字列の置換や、空欄の扱いなど、ちょっとした便利機能がお役に立てば幸いです。
サンプルページでいろいろ試してみてください。

電子書籍はじめました

日本において高いシェアを誇るiOSですが、最近では単独の電子書籍アプリが見られなくなっています。これは、iBookStoreというAppleの電子書籍販売市場の登場により、アプリである必要のない電子書籍は、App Storeではなく、iBookStoreで公開するように促されていることに起因します。
弊社ではepub3に対応した電子書籍の作成実績がございますので、iBookStoreだけではなく、Google Play、Amazon Kindle、楽天Koboなど、epub3に対応した市場のすべてで公開が可能です。
電子書籍を出版したい、という方は是非ご相談下さい!

ARはじめました

RajawaliVuforiaを使用した、なるべくお金のかからないARアプリを作ってみました。
マーカーは自由に作成できるので、一見してマーカーと分からないものをマーカーとすることも出来ます。例えば、「某社のリンゴマークをトリガーに、故ジョブス氏が説教する」といったアプリも作成出来ます。
重力系の制御のため現在Unity組み込み中です。
今後はPTAMのようなマーカーレスなライブラリでゲームを作ることも計画しています。
ページトップ