運営委員に聞く(第5回)
2024-10-31 20:15
#インタビュー
どうも。武部です。
今回は運営委員に聞く第5回としてホームページ係の杉田くんと昨日に引き続き馬場くんに話を聞いていきます。
今見ているこのホームページに隠された秘密や思いに迫ります。
今年のホームページはすごいですね…
杉
ありがとうございます
結構早い段階から作り始めていたので、準備した甲斐がありますね
杉
馬場、いつからやったっけ?
馬
7月中旬くらいかな。
武
そんな早かったんですね…
杉
一学期の終業式くらいにはもう大枠は作って行ってたかな
ホームページのこだわりポイントはありますか?
杉
僕の中でこだわったのは、あらゆるサイズで快適に見れることですね
スマホだったら横幅400px、タブレットなら1000px、パソコンだったら1600pxとかで全然サイズが違うんですけど、
どのサイズで見てもはみ出したり形が崩れたりはしないようには工夫しましたね
スマホだったら横幅400px、タブレットなら1000px、パソコンだったら1600pxとかで全然サイズが違うんですけど、
どのサイズで見てもはみ出したり形が崩れたりはしないようには工夫しましたね
杉
あの高性能な地図は馬場作やからそこはさっぱりわからんけど、地図のこだわりとかある?
馬
ホームページやから色々触れるようにしたのがこだわりポイントやね。
パンフの地図と違ってココ!っていう表示ができるのが強みかな
パンフの地図と違ってココ!っていう表示ができるのが強みかな
武
自分もこんな機能あったんや!って気づきが多々あるんですが、ここはあんま気づかんやろっていう機能はありますか?
馬
パソコンからじゃないと見つけられないんですが、shift+s キーでロゴが上から降ってくるという隠し要素を追加してますね。
武
そんな機能あったんですか⁉︎
杉
お互いにイースターエッグ(=お遊び)が欲しいよね、っていう話はしてたんです
武
いやーすごいですね…
杉
あとはリンク切れ(404エラー)のページにもお遊び要素があるので、興味があればぜひ訪問してみてください
武
どうやって404エラーに行くんですか?
アナログ人間なもので…
杉
デタラメなリンク入れたら行きます
武
ほう
また一回やってみます
ホームページ作成にあたって苦労したところはありますか?
杉
自分は見た目のデザイン、それこそ色とかサイズ感とかフォントとかをメインでやっていたので、
地図を作ったり情報を打ち込んだり雑用をこなしてくれた馬場に比べれば苦労は少ない方かもです
地図を作ったり情報を打ち込んだり雑用をこなしてくれた馬場に比べれば苦労は少ない方かもです
馬
地図は何回も作り直したからなぁー
思うようにできなくてだいぶ苦労しましたね
それでも杉田の方が全体量は多いと思うな。
自分には細かいところしかできないし。
思うようにできなくてだいぶ苦労しましたね
それでも杉田の方が全体量は多いと思うな。
自分には細かいところしかできないし。
武
理解できる気がしませんが地図が光るのってどうやってるんですか?
杉
それ僕も気になってます
馬
元々の灰色もですが全てCSSで色を決めてます。
場所が選択されたらそこのCSSだけをオレンジ色用のものに上書きしてるって感じですね。
場所が選択されたらそこのCSSだけをオレンジ色用のものに上書きしてるって感じですね。
武
はぁ
なんかすごいですね…
1番時間がかかったページはありますか?
杉
僕はトップのページに時間をかけています。
やはりサイトの顔ですから、見に来た人の足を止めるようなデザインになるように工夫しています。
やはりサイトの顔ですから、見に来た人の足を止めるようなデザインになるように工夫しています。
武
例えばどんなところですか?
杉
もちろん色が変わるとかもそうなんですけど、
LATEST BLOGの右上が紙を折ったみたいなデザインになっていて、これが結構複雑なんです
LATEST BLOGの右上が紙を折ったみたいなデザインになっていて、これが結構複雑なんです
武
そうなんですか!
杉
角を丸めるのは簡単にできるんですけど、三角に切るのは実はグラデーションを使っていて、
パッと見では気づかないところも実はとても抜かりなく作っています。
パッと見では気づかないところも実はとても抜かりなく作っています。
武
馬場さんはなんかこだわった箇所とかありますか?
馬
繰り返しになりますが僕は/mapですね。
去年までのSFは(言っちゃ悪いけど)地図が見にくくて。
今年は改善したいなと思って取り組んでいます。
今の地図もまだ完成とは思ってませんし、もっと改善するつもりです
去年までのSFは(言っちゃ悪いけど)地図が見にくくて。
今年は改善したいなと思って取り組んでいます。
今の地図もまだ完成とは思ってませんし、もっと改善するつもりです
武
もっと改善するんですか⁉︎
馬
もちろんです。細かいですが階段の部分がまだ納得いってないので、そこを変えたいなと思っています。
武
向上心がすごいですね…
今年のホームページの制作にあたってテーマとかってあったんですか?
馬
「わかりやすさ」です。ホームページは開催前からいろんな人の目に留まりますからね。事前にいろいろ知ってもらってから来て欲しいと思っています。
杉
それは僕も同じかもです
武
まだまだブログ以外にも追加されていきますもんね!
杉
とにかくSFを楽しんでもらいたい一心で、できるだけ見やすいホームページを目指しました
武
そういえば、ホームページ編集の上で全企画の企画紹介をチェックしたんですよね?
何か気になった企画とかありますか?
何か気になった企画とかありますか?
杉
自分はシフトが入りまくっていけないですが、高1の有志企画の「乗っ取られた入学試験からの脱出」は気になっています
問題を作っている高一の生徒が謎解きの全国大会に出た(?)らしく、
謎解きは興味あるので、本格謎解きができるのかなというが期待があります。
問題を作っている高一の生徒が謎解きの全国大会に出た(?)らしく、
謎解きは興味あるので、本格謎解きができるのかなというが期待があります。
武
そういえば話しそれますけど自分達が中1の時コロナでSF自体が中止になった代わりに先輩たちが謎解き大会を開いてくれましたね…
杉
え⁉︎全く覚えてないです!
(同学年やけど)どんなのだったか詳しく教えてくれませんか?
武
なんか学年2つに割って1つは脱出ゲームみたいにして、後半は班対抗謎解き大会をやった記憶があります。
(自分は後半の方でした)
(自分は後半の方でした)
杉
馬場覚えてる?
武
なんか2学期の終わりらへんにやった気が…
馬
ガチわからん
武
え…?記憶捏造したんかなぁ
武
まぁええか
杉
まあええか
共同作業というのは往々にして衝突があると思いますがどうでした?
馬
衝突あったっけな…?
杉
お互いに担当がはっきりしていたので衝突はほぼゼロの近かったと思います
それに、馬場は僕のコードが読めるんですけど僕は馬場のコードが読めなくて、その意味でも僕は変に馬場が書いてる部分は触れなかったです(笑)
それに、馬場は僕のコードが読めるんですけど僕は馬場のコードが読めなくて、その意味でも僕は変に馬場が書いてる部分は触れなかったです(笑)
武
なるほど…
結構スムーズに進んだんですね。
結構スムーズに進んだんですね。
最後に来ていただく方、そして今準備しているすべての人にメッセージをお願いします
馬
開催まで残り数日ですが最後準備頑張りましょう!
そして来場者の皆さんは講堂企画のスケジュールだけは本当に気をつけてください!
杉
トップページに表示されているカウントダウンも、初めは3桁だったのにもう「3」まで来てしまいました!
泣いても笑ってもSFまで後わずかです。生徒も一丸となって全力で楽しませに、そして楽しみに行きます。 楽しみにしていてください!
泣いても笑ってもSFまで後わずかです。生徒も一丸となって全力で楽しませに、そして楽しみに行きます。 楽しみにしていてください!
お読みいただきありがとうございました。
読み手ファーストで遊び心を混ぜ込むその心が大切なんだろうなと思います。
あと2、3日ですが楽しみながら、来ていただく方にどう楽しんでもらおうか考えながら準備していこうと思いました。
いよいよ明日から11月に入ります。
SF2024が目の前に迫ってきました。
楽しみにしていてください!!
明日も更新しますのでチェックお願いします!
氏名:杉田湧哉
学年:高校2年生
SFで所属している団体:高2E、陸上部、レミゼラブル、星光アミューズメント課、SF運営委員
当日気になっている企画:乗っ取られた入学試験からの脱出
SFを一言で言うなら:星光の陽極泥
学年:高校2年生
SFで所属している団体:高2E、陸上部、レミゼラブル、星光アミューズメント課、SF運営委員
当日気になっている企画:乗っ取られた入学試験からの脱出
SFを一言で言うなら:星光の陽極泥
氏名:馬場輝仁
学年:高校2年生
SFで所属している団体:高2E、放送部、レミゼラブル、星光アミューズメント課、SF運営委員
当日気になっている企画:赤点バンド
SFを一言で言うなら:青春コンプレックス
学年:高校2年生
SFで所属している団体:高2E、放送部、レミゼラブル、星光アミューズメント課、SF運営委員
当日気になっている企画:赤点バンド
SFを一言で言うなら:青春コンプレックス