現状把握
状態:調査中
閲覧数:2,126
投稿日:2014-05-12
更新日:2014-05-14
デフォルトコード or カスタマイズ
・現在使用しているBootstrap が、「公式サイトで配布されているデフォルトコード」なのか、「カスタマイズされたもの」なのかをまず確認
カスタマイズ
・現在利用している「bootstrap.min.css」は、「公式サイトで配布されているデフォルトCSS」ではなく、「カスタマイズを施したもの」
・カスタマイズ内容 … フォント等(詳細不明)
・「min」なので、もしかしたら「Bootswatch」で配布しているカスタマイズCSSをそのまま利用しているかもしれない
Bootstrap以外
・現在使用しているBootstrap が、「公式サイトで配布されているデフォルトコード」なのか、「カスタマイズされたもの」なのかをまず確認
カスタマイズ
・現在利用している「bootstrap.min.css」は、「公式サイトで配布されているデフォルトCSS」ではなく、「カスタマイズを施したもの」
・カスタマイズ内容 … フォント等(詳細不明)
・「min」なので、もしかしたら「Bootswatch」で配布しているカスタマイズCSSをそのまま利用しているかもしれない
Bootstrap以外
| 用途 | 現使用ライブラリ名 | 新候補ライブラリ名 | 備考 | 決定 |
|---|---|---|---|---|
| テーブル | - | FooTable | 2系導入時にレスポンシブテーブルを探した際は、満足するライブラリが見つからなかった | ★ |
| セレクト拡張 | Chosen | Select2 | 両者の違いはこれから要確認 | ★ |
| キャプチャ認証 | QAPTCHA | 継続利用予定 | 探した際の記録 | ★ |
| 不特定多数投稿 | SCEditor | 要検討 | 不特定多数投稿でHTMLタグを許可 | - |
Bootstrap 3 のレスポンシブテーブル
公式ドキュメント
Bootstrap 3 の「Responsive tables」に搭載されている機能
・モバイルサイズなどで画面からはみ出した場合、横スライド可能な状態で表示
Create responsive tables by wrapping any .table in .table-responsive to make them scroll horizontally up to small devices (under 768px). When viewing on anything larger than 768px wide, you will not see any difference in these tables.
期待値以下
・期待していた程、Bootstrap 3 のレスポンシブテーブル機能は充実していないことが判明
・上記 FooTable ライブラリ導入を決意
Bootstrap 3 のセレクト拡張
不特定多数投稿
結論
SCEditor
・検討した結果、カスタマイズした上で継続利用することを決定
既存サービスへエディタを組み込むためには、カスタマイズするしかない
・前回探し回ったときにも感じたことだが、欲しい機能そのものだけを備えたエディタなど存在しない(多機能過ぎるのも問題なので)
・既存サービスへ組み込むためには、最終的にカスタマイズするしかない
調査内容
Redactor
・BBCode、Markdown、何れも未対応
・不特定多数投稿用途では使用不可
StackEdit
・デフォルトでYouTube動画再生未対応
BBCode or Markdown
・Markdownが流行っていることは認識している
・それなのにBBCodeを採用することは、時代の流れに逆行するようで若干の抵抗があるけれども、不特定多数投稿用途に対応するためには仕方がない
不特定多数用途でMarkdown記法
・Markdownエディタを使用すれば対応可能
選択肢
| エディタ | 記法 | HTMLエスケープ | 不特定多数投稿 |
|---|---|---|---|
| Redactor | HTMLタグ | 必要 | デフォルトでは不可 |
| StackEdit | Markdown | 必要 | 可 |
| SCEditor | BBCode | 必要 | 可 |
・エディタがなくても書いた内容を、HTMLタグで表示可能
・しかし、不特定多数投稿用途で使用するためには、エディタが必須(エディタがないと、Markdownを知らない人はHTMLタグを利用できない)
・セキュリティ目次