arm-band / kiribi_ususama

Gulp.js を使用した小・中規模Webサイト制作用のフレームワークです ( Bootstrap, Honoka, Dart Sass, EJS, Gulp.js, Webpack )。

Abstract

gulpを使用した小・中規模Webサイト制作用のボイラープレートです。

詳しい情報や使い方等はデモサイト・ドキュメントを参照。

kiribi_ususama's Issues

frontnote周りの整理

• カラーパレットを変数でできないか
• 出力用scssをindexから分離したい

CLIの日本語文字化け

npm run kiribiで対話形式でパラメータを入力する際、Windows環境だと入力値がShift-JISでパラメータに取り込まれるため、文字化けを起こす。

解決案

• 素直に入力値をUTF-8に変換する
• 違う手法を取る(json形式を止めてYAMLにするなど。変更しても直接変化が生じるわけではないが)

機能の移行予定

実際にやるかどうかは不明だが、案としてあるもの

脱json

• json→mdに移行する
  • SSGみたいなノリ
• 設定ファイルをyamlにする
  • SSGみたいなノリ

細かい手直し

アイキャッチ画像

• 新着記事のアイキャッチ画像のパスをthumbnailの中にする
• 画像を3段階ぐらいにリサイズして読み分ける？

base href不要化

• news.htmlで書き出す内容をcontentではなくexcerptにする
  • base href不要化のため

バグ修正

• news.htmlからarticle.htmlに遷移した際にURLの/が%2Fになるのを修正

その他

• ejsコンパイル関連のgulpコマンドをまとめる
• Honoka4.1.3までアップデート

OGPどうするか？

データの整理

• jsonファイルのパスを整理
• json→ejs, json→js, json→phpは可なので、json→scssのやり方を確立させる
• json→scssができたら: 各種変数を使い回す
  • head.ejsの中のtheme-colorを共通変数で指定
  • header.ejsの中の六角形のsvg(テンプレ)を1つの変数で指定
  • _header.scssとindex.jsとindex.ejsのナビゲーションバーの高さ指定を共通変数に
  • _var.scssの色をjsonから出力
  • frontnoteのカラーパレットを変数で

ToDo: gulpを4にアップデート

いずれは実行する

構造化データどうするか？

カテゴリーによって記述内容が根本的に変わってくるため、テンプレには乗せづらいのでは？