Upgrade to Pro — share decks privately, control downloads, hide ads and more …

SITCON: 我只是個學生，架個網站不想花錢。

Avatar for tyze tyze
August 08, 2020
Technology
0
190

SITCON: 我只是個學生，架個網站不想花錢。

SITCON 2020

Avatar for tyze

tyze

August 08, 2020
Tweet

Other Decks in Technology

See All in Technology
LLM時代にデータエンジニアの役割はどう変わるか？
Avatar for Ikki Miyazaki ikkimiyazaki
6
1.2k
from Sakichi Toyoda to Agile
Avatar for Yasunobu Kawaguchi kawaguti
PRO
1
110
JAZUG 15周年記念 × JAT「AI Agent開発者必見："今"のOracle技術で拡張するAzure × OCIの共存アーキテクチャ」
Avatar for KoheiOgawa shisyu_gaku
1
140
ガバメントクラウド（AWS）へのデータ移行戦略の立て方【虎の巻】 / 20251011 Mitsutosi Matsuo
Avatar for SHIFT EVOLVE shift_evolve
PRO
2
180
プロポーザルのコツ ~ Kaigi on Rails 2025 初参加で3名の登壇を実現 ~
Avatar for naro143 naro143
1
200
"プロポーザルってなんか怖そう"という境界を超えてみた＠TSUDOI by giftee Tech #1
Avatar for shilo shilo113
0
170
Geospatialの世界最前線を探る [2025年版]
Avatar for Yasunori Kirimoto dayjournal
0
190
「れきちず」のこれまでとこれから - 誰にでもわかりやすい歴史地図を目指して / FOSS4G 2025 Japan
Avatar for Hajime Kato hjmkth
1
140
やる気のない自分との向き合い方/How to Deal with Your Unmotivated Self
Avatar for Genki Sano sanogemaru
0
450
Access-what? why and how, A11Y for All - Nordic.js 2025
Avatar for Geisy Domiciano gdomiciano
1
120
ACA でMAGI システムを社内で展開しようとした話
Avatar for Yuji Masaoka | まっぴぃ mappie_kochi
1
310
How to achieve interoperable digital identity across Asian countries
Avatar for Naohiro Fujie fujie
0
140

Featured

See All Featured
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
53k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
411
23k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
29
5.5k
Code Review Best Practice
Avatar for Trisha Gee trishagee
72
19k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
40
2.1k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
35
3.2k
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
224
10k
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.2k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
43
7.7k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
27
2k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.2k
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
31k

Transcript

  1. 你短短 我只是個學⽣生，架個網站不想花錢

  2. Bio ➤ Yen-Cheng, Zhang (Tyze) ➤ Yuan Ze University ➤

    Dept. Computer Science & Engineering ➤ C#, C/C++, Node.js, Python ➤ Chatbot BetaGo ➤ SITCON 2019 speaker ➤ TWCSA 2019 community speaker

  3. Slido https://app.sli.do/event/qcxrh4zq

  4. None

  5. ⼀一般來來說 • 使⽤用者訪問縮網址
 https://reurl.cc/exjz2K • 伺服端回傳 HTTP status code
 (301

    or 302) 轉換網址到另外的地⽅方

  6. 架台主機花⼤大把⼤大把銀⼦子

  7. 才不給你勒勒

  8. 實現⽅方法 Web page Database

  9. GAS - database

  10. None
  11. None

  12. 使⽤用 GAS

  13. 介⾯面⼤大guy4這樣

  14. GAS 指南 • 實作 doGet / doPost

  15. GAS 指南 • 實作 doGet / doPost • 使⽤用 SpreadsheetApp

    API
  16. None

  17. source code http://tyze.me/s/#source

  18. Github Page

  19. None

  20. [username].github.io

  21. 把 .html 傳上去

  22. 遭遇問題

  23. 沒辦法 301 • 瀏覽 Github page 都是靜態⾴頁⾯面

  24. 沒辦法 301 • 瀏覽 Github page 都是靜態⾴頁⾯面 • ⽤用 Javascript

    解決它！ window.location.href = url

  25. 要怎麼給參參數? • GET query? 太長了了不要
 https://tyze.me/s/?goto=heygoogle

  26. 要怎麼給參參數? • GET query? 太長了了不要
 https://tyze.me/s/?goto=heygoogle • HTML hash tag


    https://tyze.me/s/#heygoogle 天哪太神啦 => url.split("#")[1]
  27. None

  28. Thanks for listening 張彥成 [email protected]