Slide 1
Slide 1 text
No content
Slide 2
Slide 2 text
自己紹介
４月から入社した
新米フロントエンドエンジニアです。
Twitter フォロー
お願いします！
宇井 陸登
@poorman_ui
JavaScript勉強中,
アニメ鑑賞,
シャーマンキング
宇井 陸登
https://ui.appleple.blog
Slide 3
Slide 3 text
- インターンのこと
- テーマ選定理由
- 実装前の自分のスキル感
導入
Slide 4
Slide 4 text
- 自分の備忘録として
- a-blog cmsを初めて扱う人に教えるときのヒント
テーマ選定の理由
Slide 5
Slide 5 text
- スニペット？ 変数？ モジュールとは？
- ユニットの HTML はどこから？
- Entry_Summary と Entry_Bodyってどっち使えばいい
の？
話すこと
Slide 6
Slide 6 text
モジュールってなんだろう？
Slide 7
Slide 7 text
a-blog cms 内のデータを
Slide 8
Slide 8 text
表示させるパーツ
Slide 9
Slide 9 text
- 複雑なスニペット
- 数多の変数
なぜ理解が難しいのか？
Slide 10
Slide 10 text
@include("/admin/module/setting.html")
ただいまページを準備しております。もうしばらくお待ちください。
Slide 11
Slide 11 text
No content
Slide 12
Slide 12 text
結論
● 主要のものは、役割と意味を伝える
● 変数表の存在を伝える
Slide 13
Slide 13 text
ユニットの HTML はどこから？
Slide 14
Slide 14 text
themes / system / _layouts / unit.html
Slide 15
Slide 15 text
@section(text-unit)
{text}[raw|nl2br]
id="{extend_tag}">{text}[raw|nl2br]
id="{extend_tag}">{text}[raw|nl2br]
id="{extend_tag}">{text}[raw|nl2br]
id="{extend_tag}">{text}[raw|nl2br]
{text}[raw|list]
{text}[raw|list]
{text}[raw|definition_list]
{text}[raw|nl2br]
{text}[raw|table]
{text}
{text}[raw]
{text}[raw|markdown]
{text}[raw]
@include("/include/unit/tag-select.html")
@endsection
テキストユニット
Slide 16
Slide 16 text
Q. 質問です質問です質問です Q. 質問です質問です質問です
Q. 質問です質問です質問です Q. 質問です質問です質問です
Q. 質問です質問です質問です
Q. 質問です質問です質問です
Slide 17
Slide 17 text
Q. 質問です質問です質問です
Q. 質問です質問です質問です
Q. 質問です質問です質問です
Q. 質問です質問です質問です
Q. 質問です質問です質問です
Flexboxがあたっていない…
Slide 18
Slide 18 text
原因は…
Slide 19
Slide 19 text
a-blog cms 分かった！！
Slide 20
Slide 20 text
Q. 質問です質問です質問です Q. 質問です質問です質問です
Q. 質問です質問です質問です Q. 質問です質問です質問です
Q. 質問です質問です質問です
Q. 質問です質問です質問です
Slide 21
Slide 21 text
結論：ユニットの元はどのファイル
なのかを伝えておこう
Slide 22
Slide 22 text
Entry_Summary と
Entry_Bodyってどっち使えばいい
の？
Slide 23
Slide 23 text
Entry_Body Entry_Summary
エントリーの一覧表示、単一表示、エ
ントリーの投稿など、
エントリーの情報をほぼ全て
エントリーの一覧(URLとタイトルと日
時とカテゴリーとメイン画像と概要テ
キスト)
Slide 24
Slide 24 text
Entry＿Bodyのほうが便利なのでは？
Slide 25
Slide 25 text
Entry_Body
{path} {alt} {text}
{utid}
{entry:loop.eid}
{entry:loop.ccd}
{title} {summary}
Slide 26
Slide 26 text
Entry_Body
{ entry:loop.eid } で
エントリーid が出力できる
Entry_Summary
{ eid } で
エントリーid が出力できる
Slide 27
Slide 27 text
詳細ページ 一覧ページ
Slide 28
Slide 28 text
表示速度は Entry_Summaryのほうが早い
Entry_Body
Entry_Summary
Slide 29
Slide 29 text
結論：一覧表示はEntry_Summary
で表示させよう
もちろん Entry_Body が適している場合もあります
Slide 30
Slide 30 text
- モジュール・スニペット・変数表の説明は丁寧に！
- ユニットは unit.htmlに定義されていると教える
- エントリーの一覧表示は Entry_Summaryで
まとめ
Slide 31
Slide 31 text
ありがとうございました！！
質問感想などコメントいただけると嬉しいです！！
自分のブログのタイトルとドメイン名をキャッチー
な名前をつけたいのですが、迷っています。
なにかアイディアいただけると嬉しいです。