先輩「ちょっと僕のポートフォリオサイト作ってくれない？」

601 Views

March 07, 21

スライド概要

https://yuruhachi-it.connpass.com/event/184538/ で発表したやつ。Docswell使ってみようと思って開発用PC内を探したら見つかった唯一の発表スライドpdfファイル。

asmsuechan

スライド一覧

ある日の暮方の事である。一人の下人が、羅生門の下で雨やみを待っていた。広い門の下には、この男のほかに誰もいない。ただ、所々丹塗の剥はげた、大きな円柱に、蟋蟀が一匹とまっている。羅生門が、朱雀大路にある以上は、この男のほかにも、雨やみをする市女笠や揉烏帽子が、もう二三人はありそうなものである。それが、この男のほかには誰もいない。何故かと云うと、この二三年、京都には、地震とか辻風とか火事とか饑饉とか云う災がつづいて起った。そこで洛中のさびれ方は一通りではない。旧記によると、仏像や仏具を打砕いて、その丹がついたり、金銀の箔がついたりした木を、路ばたにつみ重ねて、薪の料に売っていたと云う事である。洛中がその始末であるから、羅生門の修理などは、元より誰も捨てて顧る者がなかった。するとその荒れ果てたのをよい事にして、狐狸が棲すむ。盗人が棲む。とうとうしまいには、引取り手のない死人を、この門へ持って来て

またはPlayer版

埋め込む »CMSなどでJSが使えない場合

関連スライド

Pythonでジョブキューシステムを作った

asmsuechan 4.2K

UE4で作成するUIと最適化手法【GAME CREATORS CONFERENCE '20】

ue4 ue-ui ue-optimize

エピックゲームズジャパン 313.1K

目指せ脱UE4初心者！？知ってると開発が楽になる便利機能を紹介 - DataAsset, Subsystem, GameplayAbility編 -

unreal engine ue4 unreal engine 4 historia game

株式会社ヒストリア 230.4K

UE4でマルチプレイヤーゲームを作ろう【CEDEC 2019】

ue4 cedec2019 ue-network ue-bp

エピックゲームズジャパン 199K

猫でも分かるUE4.22から入ったSubsystem【第4回 UE4何でも勉強会 in 東京 2020】

ue4 subsystem ue-bp ue-c++

エピックゲームズジャパン 140K

『FINAL FANTASY VII REMAKE』におけるプロファイリングと最適化事例【UNREAL FEST EXTREME 2021 SUMMER】

ue4 unreal fest unreal fest extreme 2021 summer ue-optimize ue-console

エピックゲームズジャパン 121.9K

各ページのテキスト

先輩「ちょっと僕のポートフォリオサイト作ってくれない？」 asmsuechan 1

俺「・・・」 2

先輩「金は出す。」 3

俺「任せてください」 4

登場人物ワイ先輩大学院生(修士) 大学院生(博士) 去年ビルディットさんからお仕事貰ってました大学の先輩ではない。 5

案件概要ちゃんと個人事業者として請けました。既に元となるHPは存在するリニューアル案件です。納期は1ヶ月後で稼働は30時間程度。 6

出来上がったもの https://hiroki11x.github.io 7

要件 1. HTML直書きで更新が大変だから楽にしたい 2. 英語ページしかないから日本語ページが欲しい 3. レイアウト/スタイル改善 8

要件 1. HTML直書きで更新が大変だから楽にしたい 2. 英語ページしかないから日本語ページが欲しい 3. レイアウト/スタイル改善 9

10.

楽に更新したい HTMLテンプレート用意してそこにYAMLとマークダウンで書いていくと楽かも？便利。 10

11.

メンテナンサビリティの向上個人で作ったものってメンテナンスが面倒で打ち捨てられがち楽に更新し続けるにはメンテナンス性の向上が必須ここを強く意識した 11

12.

メンテナンサビリティの向上 Before After • index.htmlに全てが詰まっていた • React + TypeScript • DOMがjQueryのセレクタで複数JS • 適切なコンポーネント分割 • ライブラリのnpm管理ファイルからいじいじされる • GitHub Actionsによる自動デプロイ • 使われているかわからないスタイル達いわゆるレガシーフロントエンドいわゆるモダンフロントエンド 12

13.

要件 1. HTML直書きで更新が大変だから楽にしたい 2. 英語ページしかないから日本語ページが欲しい 3. レイアウト/スタイル改善 13

14.

日本語ページが欲しいこういうボタンが欲しい Reactのstateで切り替えるお手軽実装でこれを実現 /enとか/jaとかのURLが生える訳ではなくて同一ページ内で描写を切り替える 14

15.

日本語ページが欲しい ←英語ページ日本語ページ→ 15

16.

要件 1. HTML直書きで更新が大変だから楽にしたい 2. 英語ページしかないから日本語ページが欲しい 3. レイアウト/スタイル改善 16

17.

レイアウト/スタイル改善元々Bootstrapが入っていたのでそのまま利用 Bootstrap久しぶりに触ったけどめちゃくちゃ進化してて驚いた Before After 17

18.

レイアウト/スタイル改善なんか新しいカラーテーマいくつか提案してよ分かりました 18