ここを教えてほしかった！初めての a-blog cms

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")

ただいまページを準備しております。もうしばらくお待ちください。

{title}

{summary}

詳細をみる

« 前の{backNum}件
{page}
...
{lastPage}
次の{forwardNum}件 »

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]

{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

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

ありがとうございました！！質問感想などコメントいただけると嬉しいです！！自分のブログのタイトルとドメイン名をキャッチーな名前をつけたいのですが、迷っています。なにかアイディアいただけると嬉しいです。