以前から私こと7happy7は、作った構文1を「あなたのよく使うwiki構文を教えてください。」スレッドにて紹介してきました（そして一部の方も同様にこちらで紹介してきました）。しかし、新しく作られた構文は果たして「あなたのよく使うwiki構文」でしょうか？…今では皆さんがよく使う構文になったものもあるでしょうが、投稿した時点では違うでしょう。
では、何故「あなたのよく使うwiki構文を教えてください。」スレッドが、今ではタイトルと乖離した「新作構文発表会」の様相を呈しているのか。答えは簡単、構文について語れるスレッドがそこにしかなかったからです。
このスレッドの趣旨は極めて単純明快です。見かけた構文の紹介をするもよし、作った構文の宣伝をするもよし、はたまた構文についての疑問を語るもよし2。それだけに留まらず、「こんな構文があったらいいな」というものでも構いません。やる気を刺激された構文er達が作ってくれるかもしれません。
つまるところ
ここは構文について語るスレッドです。
皆さんの投稿を心よりお待ちしております。
先日様々な著者の著者ページを巡っていた際、ふとあるものが目に飛び込んできました。皆さんも目にしたことがあるでしょう。そう、
http://ja.scp-wiki.net/hal-aki-achievement-badges
実績バッジです。hal_akiさんの「人事ファイル実績案」を原案に
tsucchii0301さんが作成されたアートワークです。この流麗なロゴに、感嘆のため息をついた方もいらっしゃるのではないでしょうか。このロゴ達があちらこちらの著者ページで使われているのを見て、私は不意に思い至りました。「このロゴが動いたら面白いだろうな」と。
動くロゴ、作成しちゃいました。名付けて「ぬるぬる動くあなたの実績」です。
詳しくは下記のページをご覧ください（外部サイトです）。
http://scp.avn.sh/7happy7:achievement-jp-module-introduce
皆さんの心の琴線に少しでも触れられたならば幸いです。
これは質問に近い内容になってしまいますが、お許しください。
Wikidot内の構文について是非学びたいと思っているのですが、良い方法が分かりません。先輩職員の方々がどのように学んでいるのかと、『実際に実用に耐えうる』という構文を勉強、修得するに至るまでどれほどの時間、手間がかかるものなのでしょうか？
愚問であることは重々承知しておりますが、是非とも回答願えれば幸いです。
P.S.財団構文部というのはどのような組織なのでしょうか？構文の勉強意思があれば加入が可能なのでしょうか？新人なので右も左も分からぬ有り様です。どうかよろしくお願いします。
どのように学んでいるのか
先人に習え、ですね。私の場合はC-takeさんの運営する個人サイトのページやCodePen、GoIフォーマットに使われているCSSテンプレートのコードを読みふけって勉強しました。
勉強、修得するに至るまでの時間
うーん、個人差が大きいと思いますし、どのレベルのものを実用的とするかも人によって異なると思うので、一概には言えないですね…。私の場合は1月ほど自分が自由に使える時間全てを使って、ようやく一からCSSテンプレートを作れるようになりました。参考に…なるでしょうか？
手間
かかると思います。実際にコードを書かなければ構文は動きませんからね。コードを書くことを手間と感じないならば、それ以外に手間らしい手間は無いですね。
財団構文部というのはどのような組織か
「構文好きよ集まれ！」という願いを込めた付けたスレッド名ですので、あまり深い意味は無いです。つまり、財団構文部は実際に組織されたものではないです。すみません、誤解させてしまったようです。
皆さん本日は勤労感謝の日ですね。いかがお過ごしでしょうか。
さて、勤労感謝の日とは全く何の関係もありませんが、先日著者ページをいろいろと閲覧していたところ、クールなデザインを発見したのでご紹介します。
上記リンク先にある著作記事が紹介されているスライダーですが、こちらはインクルードで作成されていて、誰でも簡単に利用することが可能です。
使用方法はこちらに記載されています(外部サイトに飛びます)。
そして作成者のCroquembouche様に連絡を取ったところ、自由にカスタマイズしてOKと言って下さったので、私が少し手を加えたものがこちらです(外部サイトに飛びます)。くるくる後ろで財団ロゴが回るようになっていたり、フォントが変わっていたりします。良かったら使ってください。
CroquemboucheさんはENの構文ギミック作りの第一人者ですね。ENにて記事のクレジットで名前を見かけたことのある方もいらっしゃるのではないかと思います。
同氏の作品には他にも著者ページ向けのギミックが多数あります。下記はCNのW Asrielさんと共同で制作されたモジュールです。JPで使用する場合は導入方法を変えなければならない点にご注意ください。
http://www.scp-wiki.net/author-page-tool
またアンダーソン・ロボティクステーマも同氏が手掛けた作品の一つです。ロゴのアニメーション、かっこいいですよね…。
http://www.scp-wiki.net/component:ar-theme
http://scp-sandbox-3.wikidot.com/component:finn-the-falcon
うーん、iPhone5S、iOS12.1なのですが、Safari、Chromeいずれも構文が機能しないですねえ…:hover関連は自分も仕掛け作りで絶賛苦戦中ですがコレも同様の問題でしょうか。
iPhoneで:hoverが効かないときは、その要素にcursor: pointer;を付けてみると改善するかもしれません。それが直接の原因かどうかは分かりませんが。
私の著者ページで利用しているプラグイン「jquery.jaticker.js」を紹介します。
http://www.otchy.net/javascript/jaticker/ （外部サイトにジャンプします）
落合 徹（Otchy）氏の手によるもので、MITライセンス（https://ja.wikipedia.org/wiki/MIT_License）です。使い方については私が説明するより上記リンクを見ていただいたほうがいいと思います（というかほぼカンで導入したのでなんで上手く行ったのかよく分からない）。とりあえずサンドボックスに簡単なデモだけ置いておきます。そのうち消します。
http://scp-jp-sandbox2.wikidot.com/krt-w
外部サイトで恐縮ですが、当時の古いjQueryでこのようなアニメーションをコールバック地獄にならないように書く方法の例です。Defardで超関数をチェーンすることで、アニメーションの同期ができます。
http://scpjp-fansite.wikidot.com/scp-404-jp-re-edit
a.k.a. 鬼食料理長
このjQueryは古いバージョンなので、jQuery Migration Pluginを使って、jQuery 3系に対応して欲しいですね。
とはいえ、jQuery 1.7 すなわち jQuery 1.11以下なので、二回Migrationをしないといけないので、大変だと思います。
a.k.a. 鬼食料理長
皆さんは記事執筆の際、今日の日時を表示させる仕組みを記事に使用してみたいと考えたことはありませんか？
既にこの問題には「htmlブロックやiframe内でjavascriptに日時を取得させる」という回答がありますが、これらの手法にはいくつかの問題点があります。例を挙げれば、読み込み時間の遅さや周囲の文字とのズレなどがあるでしょう。
さて、今回皆さんにご紹介するのは、これらのデメリットを改善させる（と同時に新たに巨大なデメリットを付与する）「今日の日時」の表示方法です。
[[module FrontForum category="790921" limit="1"]]
> 今日の日付は多分、%%date|%Y/%m/%d%%です。
[[/module]]今日の日付は多分、20XX/XX/XXです。
追記: 下のfurabbitさんのコードも参考になります。是非ご一読ください！
素人考えなんですが、日本支部より更に活発であろう本部のフォーラム更新を参照できれば確度が高まりそうですができるもんなんでしょうか？
18/12/02追記: order="updated_at desc" と category="*" を加えることで日付（のソート）が日本時間でより安定しました。コードは修正済みです。
発想に感服しました！
執筆時にまさに文字の大きさを揃えつつ現在日時を表示したかった記事がありまして、Javascriptの利用では見た目が揃わないため黒塗りで妥協していたのですが、こちらの構文を参考にしたところ意図通りの表示が実現しました。ありがとうございます。
ListPagesモジュールの最終更新日時取得を使うとより頻繁な更新から最新のものが取得できますね！ EN支部の時間取得についてはできるかわかりませんが……
さらにListPagesの場合期間指定が可能なので日数を前にずらすことができる点も役立ちそうです。FrontForumの方でもoffset="件数"を加えることで取得位置をずらすまではできたんですが日数指定はないようでしたので……！
[[module ListPages category="*" limit="1" order="updated_at desc"]]
現在%%updated_at|%Y/%m/%d %H:%M%%です。
[[/module]]
[[module ListPages category="*" limit="1" order="updated_at desc" updated_at="older than 3 days"]]
3日前は%%updated_at|%y/%m/%d%%でした。
[[/module]]現在2018/12/01 03:06です。
3日前は18/11/28でした。
「3 days」の部分を編集することで取得する期間を変更できます。hours・days・week・monthが利用可能ですが、古すぎると最終更新のない日が増えて来るため、その場合はフォーラムを参照する構文の方が高精度になりそうです。
モバイル端末（のような表示幅の狭い環境）で画像ブロックを表示するとテキストが狭いとこに表示されて気持ちが悪い！という怒りの炎を自主消火するべく、画像ブロックのレスポンシブ対応コードを開発しました。私は（コーディングで）好きにやった、君らも（自分の記事とかで使って）好きにしろ。実装は簡単。css module構文の中に次のコードを貼り付けるだけです。
@Media (max-width: 768px) { .scp-image-block.block-right, .scp-image-block.block-left { float: none; clear: both; margin-left: auto; margin-right: auto; } }
Synhax0rの豆知識: メディアクエリのmax-widthが768pxに指定されているのは、iPadを縦画面にした時の表示幅が同値だからです。他にも併せてiPhone 7/6 Plusの縦画面表示幅が480pxなのを踏まえて、この値でブレイクポイントを設けることがよくあります。モバイル端末からのアクセスが着々と増えているこのご時世ですから、読みやすい記事を作りたい方はこういったところにも気を使ってみましょう。
12月8日追記: 本日、テクニカルスタッフの方々により改修されたレスポンシブ対応コードが正式に実装されます。特に初期対応してくださったshu_yabiyabiさん、改修をおこなってくださった
7happy7さんには、この場をお借りして厚く感謝を申し上げます。
SCP-ENには"SCP Style Resource"という、記事のアクセントにピッタリの構文達がリストされたページがあります。丁寧に使い方の解説もされていますし、脚注を見れば、実際の記事でその構文がどのように使われているかも見ることができます1。
「記事に演出が欲しい！」という方は、是非！ご覧になってください。
http://ja.scp-wiki.net/scp-style-resource
サンドボックスがごちゃごちゃしている方
[[include :scp.avn.sh:7happy7:ut-ver2]]
これをサンドボックスページのどこかに書き込んでみてください。そして、使用感のレビューをいただきたいです。
シンプルでいいですね。継続して使用したいです。
一点だけ。これを使うと折りたたみに枠ができるのは仕様でしょうか？ 個人的にはあまり見栄えが良くないように思います。