Create heading section for CoderDojo

[nanophate]

やりたいこと

CoderDojoのタイトルセクションのようなセクションを作る。

やること

• Scrivito 1.3.0がリーリスされたのでついでにアップデート
• 編集可能にするためにウェジェット化
  • バックグラウンドを自在に好きな色に変更できるようにする
    • 色の設定をユーザ側から変えられる機能が見当たらないので、問い合わせてみました。回答は、色の変更はユーザ側から出来ないそうです。詳しくは、リンクにアクセスしてください。
    • ちなみに、問題の色の変更のコードのリンクです。
  • センターに持ってくる**<- 現在ここ**
  • CSSとHTMLをうまい具合にアジャスト
  • パラグラフの後にWhiteSpaceを入れる。

参考1 : Creating and Modifying Object Classes
参考2 : Page and Widget Views Explained
WIKI1 : Scrivito-Attribute-TYPES

[nanophate]

ScrivitoのCSSを使うと、どうしてもズレが出てしまうため(思い通りにいかないため)使わないようにします。

[nanophate]

@yasulab Coder DojoのウェブページにそのままあるCSSを使った方がいいですか？レイアウトを統一にするにはBootstrapを使った方がいいような気がしてきました。今後の機能を追加していくには・・・

[yasulab]

@nanophate 特に制限はないので、Bootstrap使っても大丈夫なんですが、ScrivitoのCSSって使わなくても大丈夫なのかな？

もしScrivitoのCSSがScrivitoの機能と密結合してたら、今はいいけど将来もっと疲れる (技術的負債になる) のかも 、って思いました。

ScrivitoのCSSを使わないことによるデメリットはなんですか？って問い合わせしてみるとよさそう。

[yasulab]

基本方針としては「将来辛い思いをするようなら今頑張る」、「今頑張ることで将来楽になるなら今頑張る」って方針でお願いします。

例えばBootstrapを入れることで「今」も「将来」も楽になるなら、Bootstrapを入れるべきだと思います 👌

[nanophate]

ScrivitoのCSSを使わないことによるデメリットについてと合わせる

ドキュメントでBootstrapの追加の仕方があったので大丈夫な気がしましが、念のために確認のメッセージを送りました。

「ブログやニュースフィードなどの機能を追加した時に、何らかのスタイルのミスマッチが起こる可能性はありますか？」っと言う内容で問い合わせました。

返信待ちですが、投稿機能や通知機能は複雑な設定が既にされていて、私たちが変更できない部分があるかもしれないです・・・

「将来辛い思いをするようなら今頑張る」、「今頑張ることで将来楽になるなら今頑張る」

大切ですね。何かに書き留めたいぐらいです。😊

[yasulab]

返信きてたね。Bootstrapでも問題無いようなら、Bootstrap でもよいかなって思いました :)

This should not cause any problems for you - as you might see on this page of our documentation, bootstrap is not required but a suggestion - also foundation is just an example:
https://scrivito.com/scrivito/utilizing-the-bootstrap-or-foundation-framework-e703278a58a2214c

[nanophate]

Bootstrapを使いたいと思います。

[yasulab]

👍

[nanophate]

Scrivitoに問い合わせてみた 1
質問1: 色の設定をユーザ側から変えられる機能があるか ( 問題のコードのリンク )

You should be able to do that in the view of the widget. There you have full access to the HTML-Code that is associated with a certain widget as well as its attributes. You can either directly alter the element with a html-style-Attribute (not recommended), or just change a class within the html-code of the widget, dependent on an attribute value.

• 色の変更はユーザ側から出来ないそうです。
• 使用感としては問題はないと思う。

[nanophate]

Scrivitoのタグで画像をスケールするのは不可能に感じました。😭
Bootstrap入れててよかった。😂😂

[nanophate]

新たにロゴの画像をリサイズする必要が出ました。
PR出す！

[nanophate]

チェクリストの課題をクリアしたので、マージしました。