nodefest / nodefest.github.com Goto Github PK

らしいと弊社の社員が申しております

(The speaker list is slow/heavy)

スピーカーの画像の一覧は一つ一つ CSS を使って色が変わります。
Every image of the speaker list receives a color transformation treatment:

そのエフェクトは結構 CPU/GPU を使っています。Android 端末は何回も Firefox が落ちました。
解決方法を考えると二つの方法を考えました。表示の前にフィルターされているバーションがあれば、軽い CSS のフェードエフェクトを使って同じエフェクトできると思います。

This effect uses a lot of CPU/GPU. My Android's firefox crashed more than once.
There are other ways to achieve the same effect: If we have two versions of the same image we can get the same effect by doing a simple cross-fade.

二つのバーションを用意できる方法
Ways we could create those two versions:

1. ビルドスクリプト。npm run build の時に Node プロゼスを使って同じエフェクトの画像を用意する。
   Build script: with npm run build a node process generates a image with the same filter.
2. クライアントのJS でフィルターがつけている画像を Canvas を使って用意する。
   Client script: Prepare a pre-filtered canvas image before displaying the image in the DOM.
3. 手作業。誰かが全ての画像を手作業で作っている (あんまりよろしくない方法です、自動に動いていないし、ドキュメンテーションが必要となっています）
   Hand work: One could just simply create all by hand. (I dont like this variant, because its not automated and needs documentation.)

スポンサーの楽天株式会社、トゥギャッター株式会社の画像が切れている気がします。

(CoC has no menu)

CoC のページにはメニューを追加する。
Add the navigation to the CoC Page.

(One HTML Page per speaker)

それぞれのスピーカーは自分の発表を SNS で公開したい時にはホームページが役に立ちません。全てのスピーカーのページが洗えば ogp タグなどを付けることができます。

The Homepage is not helpful if a speaker wants to share his presentation at NodeFest. It would be better if every speaker had his own html page with ogp tags to share.

speakers.json のデータを使って npm run build スクリプトで以下のような HTML ストラクチャーがでったらいいと思います。
With npm run build it should create following structure based on the speakers.json data.

|- speakers.html          → redirect to: "speakers/" 
|- speakers/
|   |- index.html         → speaker list; on speaker click -> <speaker.id>/index.html
|   \- martinheidegger/
|       \- index.html     → martinheidegger profile
|   |...

(Display names that have Kanji in Kanji)

今の所はスケジュールに表示されている名前がスケジュールデーターから直接とって表示されています。
Right now the names in the schedule are rendered just as they are set in the data:

日本語のアピールを増やすためにちゃんと漢字で表示した方が良いと思います。
To appeal to the japanese audience it would be better to display it as kanji.

それぞれの日程ごとにお申し込みください。 の途中から背景と色が被ってしまい少し見辛いかなと思いましたので色の変更等を検討して頂けるとありがたいです 🙏

Slack にて

(Improve the explanation for the interactive day)

二日目の参加者は少ないです。もしかしてホームページを見ると格好良さがわからないと思います。（発表の少ない日っぽい見られている）どうやって二日目の凄さを説明できるでしょうか？

We have few attendees on the second day. Maybe they don't understand on the homepage how nice the second day is. (It looks like a day with very few presentations). How can we improve the understanding>

アイディアひとつなのはそれぞれのカレンダーを別の別のページに表示する。

This is just one idea, but how about putting each calendar on its own page.

1. メニューに Tickets と Schedule を消して Conference Day (Tickets) と Interactive Day (Tickets) のエントリーを追加する。
   Remove the "Schedule" and "Tickets" from the menu and add an item for each day with ticket information.
   

2. それぞれの日にちはスケジュールをそれぞれ持っているしそれぞれのカレンダー
   On the schedule information for each day, show more information above the calendar.
   
   　　
   なにを書けばいいが考えていません。

ただ一つの考えです。アイディアがあれば是非声をかけてください。
This is just one idea, looking for other ideas.

そもそもどんな仕組みのページだったか・どんな情報が必要だったかソース思い出すところから・・。

とりあえず追加したいのは、

ben
anna
loveless
littledan
fedor

この5人。

• 去年と同じように、FeaturedSpearkersのUIを出す
• リンクは動かない

(The speaker image is compressed)

スピーカー一覧には正方形のスピーカー画像が上下か左右に圧縮されています。
If the speakers image is not square, it gets compressed either vertically or horizontally.

#157 を対応できたらこの問題もなくなるかもしれません。#157 を無視すると npm run update-speakers スクリプトで画像を正方形に切ることも可能だと思います。そうすると Popup の時にも切られていますので二つのバーションを保村しないといけないと思います。

Fixing #157 might fix this issue as well. But putting #157 aside it would also be possible to change the npm run update-speakers script to cut the image to a square. However this would also change the popup-display, which means we would need to store two versions of the image (one cut, one not-cut).

(Details of event descriptions are not properly formatted)
イベントの説明は <br/> を使って render されています。その上全然フォマッティングなしで表示しています。そのことでちょっとおかしいフォマッティングになります：
The description of events is rendered with <br/> tags and without the possibility to have any formatting in them. This results in some unfortunate formatting of description text:

募集開始まではリンクなしで吹き出しの中身をComing Soonとかにしておく。

タイムテーブルのように囲いをつくってそこに見出として置くか...うーん。

(Display the language of the presentation clearly.)

英語の方よりも日本の方は言語の心配があると思います。スケジュールやイベントの説明にわかりやすく発表の言語を表示した方がいいと思います。少なくとも二日目、参加者がまだ少ないからです。
Its a little more important for the japanese attendees, but in the event schedule we should display clearly in which language each presentation is hold. At least on the second day, since we have less attendees on day 2.

See also: martinheidegger/conf-cal#2

全環境でanigifでもよさそう

送った情報が間違っていたとのことなので。。。

URL: https://nodefest.jp/2018/
のTICKETSボタンを押しても、GET YOUR TICKETSへスクロールせず、画面上部に戻ってしまう

macOS Chrome Version 70.0.3538.77 (Official Build) (64-bit)

Mathias Buus氏の名前をtypo...

Franziska Hinkelmann
にする。

(Stop automatic scrolling in schedule display)

schedule.html#conference のハッシュが付いているリンクを開くとページがすぐカレンダーへスクロールしています。それだけは問題ないですが、エントリーの Popup をキャンセルするとページがスクロールさせています。ユーザーの不安が出ます。
多分以下のコードはちゃんと動いていないかと思います。
If you navigate to a link like schedule.html#conference with a hash in it, it will automatically scroll to the calendar. This in itself is not a problem but it will also scroll if you close a popup (because the hash changes). I believe that maybe the code below doesnt work as intended.

when the width is 767px or less

( ニック・ドレン)って設定する。

Thanks for this - I have made my travel plans.
You can add katakana to my name on the schedule: ( ニック・ドレン)

s/wyuts/wuyts/g

http://nodefest.jp/2016/venues.html
右上の「おおきな地図で見る」と 「イベント&コミュニティスペース dots.」周り

http://nodefest.jp/2016/coc.html
本文左上

the alt says it's "Pixel Grid" but I suspect it's correct.

リンクはられてないので大丈夫かとは思うんですが、手打ちでアクセスしたらhttpsでエラー出てたので共有です

• https://nodefest.jp/2016/

• いただいている写真で素材作成
• プロフィール入力（speaker.json）
• speakers.ejsの作成（2016からcopy）
• ナビゲーションにspeakers追加

interactive や conference にいくつかのアイテムは説明ないしです。

説明があると特に二日目の日に何があるのがわかりやすくなると思います。

各社からいただいたバナーのサイズがばらばらなので、ザブトンを敷いて揃える。

法政大学では利用する際にスポンサーロゴを入れる必要があります。どなたかBronzeの下に会場スポンサーを作っていただけないでしょうか？そこに下記添付したロゴを入れてもらいたいです。

また、サイトの方をもう用意されたようですが、規約にあります
情報科学部サイトへのリンクを後援・スポンサーなど、
適当な枠組みでお願いいたします。

法政大学情報科学部
http://cis.hosei.ac.jp/
必要であれば使用するようにロゴファイルを添付します。
上記が満たされないと施設貸与ができなくなります。

一旦添付しておきます。もしもわからないことがあれば教えてください。よろしくお願いします。

2014年のサイトが公開されたようですが、 https://github.com/nodefest/nodefest.github.com/blob/master/index.html はまだ /2013/ を向いているようです。

やること貯まってきた！

• http://nodejs.connpass.com/event/20741/ へのリンクつなげる
• スポンサー更新
  • 株式会社ドワンゴ
  • 株式会社リクルートテクノロジーズ
  • ニフティ株式会社
  • ユニバ株式会社
  • 株式会社パエリア
  • サイバーエージェント
  • Kaizen Platform, Inc.
  • ピクセルグリッド
  • グリー株式会社
  • 株式会社ディー・エヌ・エー

• 会場までのアクセス紹介を追加
• 会場入り口周辺の写真素材ほしい。自分で撮るかも。
• メディア向けの文言追加する？
• 公式Twitterの案内、ハッシュタグなど
• GoogleMapのマイマップつくる？（両会場の配置されたもの）