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

PublishでWebサイトを構築してみた / generate_website_with_publish

uhooi
April 25, 2022

PublishでWebサイトを構築してみた / generate_website_with_publish

集まれSwift好き!Swift愛好会 vol.67 @ オンライン
https://love-swift.connpass.com/event/244413/

## 参考リンク

### iOS Osushi

- Webサイト
https://ios-osushi.github.io/

- Twitterアカウント
https://twitter.com/ios_osushi

- ソース
IssueやPRお待ちしています!
できれば日本語でお願いしますw
https://github.com/ios-osushi/website

- 成果物
https://github.com/ios-osushi/ios-osushi.github.io

### Publish

- GitHubリポジトリ
https://github.com/JohnSundell/Publish

- 説明記事
https://qiita.com/uhooi/items/57e040df2f4aa7f62d89

uhooi

April 25, 2022
Tweet

More Decks by uhooi

Other Decks in Programming

Transcript

  1. 2022.04.25(Mon) Swift愛好会 vol.67
    @the_uhooi
    Publish で

    を構築してみた
    Web サイト

    View full-size slide

  2. ワーケーション

    View full-size slide

  3. ・2022/04/01 開始

    ・iOS 関連ニュースを週イチ配信
    ios-osushi.github.io/
    iOS Osushi
    @ios-osushi
    @ios_osushi

    View full-size slide

  4. iOS Osushi の運営メンバー
    @the_uhooi @hcrane14
    @treastrain @ry_itto

    View full-size slide

  5. なんとこれ…
    ???

    View full-size slide

  6. なんとこれ…

    Swift で構築しています!(どーん)
    どーん

    View full-size slide

  7. ・Swift 製の静的 Web サイト生成ツール

    ・Swift と Markdown から HTML を生成する

    ・GitHub Pages へ簡単にデプロイできる
    「Publish」とは?

    View full-size slide

  8. Web サイト生成フロー
    HTML
    CSS CSS

    View full-size slide

  9. Markdown(記事) → HTML

    View full-size slide

  10. Swift(Web サイトの構造) → HTML

    View full-size slide

  11. 詳細は Qiita の記事を読んでね!
    引用: https://qiita.com/uhooi/items/57e040df2f4aa7f62d89

    View full-size slide

  12. ・とにかく Swift で Web サイトを構築したかった

    ・Twitter で教えていただいた

    ・スター数が多い(約 4,000)
    Publish を採用した理由

    View full-size slide

  13. ・iOS Osushi を購読しよう
    ・Swift で Web サイトを作るなら Publish がいいぞ
    まとめ

    View full-size slide

  14. ・ソース: ios-osushi/website

    ・成果物: ios-osushi/ios-osushi.github.io
    GitHub でソースを公開しているよ

    View full-size slide

  15. Mobile app developer @uhooi
    @uhooi
    @the_uhooi

    View full-size slide