Express による SSR から Eleventy(SSG) による静的サイトジェネレートに変更した話

はじめに Express による SSR Express EJS コード Eleventy による静的サイトジェネレート Eleventy Nunjucks Webpack との連携 データを元に HTML を生成する Enjoy SFV More での生成 Firebase Hosting との連携 まとめ はじめに Enjoy SFV More のフレー…

Enjoy SFV More の技術解説 2020.08.03 更新

概要 ディレクトリ 更新履歴 HTML CSS JavaScript package.json TypeScript Web Components ディレクトリ構成 raw-components componet page その他資料 PWA Install その他資料 Cache JavaScript の更新 その他資料 Share API その他資料 AMP モーダル表示 …

チーム・ジャーニーを読んだので感想とかまとめとか

チーム・ジャーニーを読みました カフェ行って読み切って、しばらく経ったので読み返しながら書いていこうと思う チーム・ジャーニー チーム・ジャーニー 逆境を越える、変化に強いチームをつくりあげるまで作者:市谷 聡啓発売日: 2020/02/17メディア: Kindl…

PHPerKaigi 2020 day2 参加レポート #phperkaigi

去年に引き続き参加してきました! 資料をまとめたり、感想やレポートを書いていきます。 PHPerKaigi 2020 phperkaigi.jp 場所は練馬駅。 お祭りみたいで賑やかな雰囲気で楽しい。 テーマは「文化祭」、「同窓会」とのことで、楽しい仕掛けが多く、小さいと…

PWA Night CONFERENCE 2020 参加レポート #pwanight

参加してきたので感想や、資料などをまとめていきたいと思います PWA Night CONFERENCE 2020 conf2020.pwanight.jp PWA Night はPWAのコミュニティで毎月? イベントをやっています PWA NightはPWAに関わるすべての方のためのコミュニティです pwanight.connp…

Web+DB Press vol.113

ドメイン駆動設計 エリック・エヴァンスが提唱 仕様を探すのは難しい 記憶力には限界がある UserというEntityはあくまでユーザーが持つ情報しか持ってない 仕様ではない ドキュメントは常々信用ができない 登録で最大文字列をチェックしていても、更新でもチ…

ティール組織

ティール組織 ティール組織――マネジメントの常識を覆す次世代型組織の出現作者: フレデリック・ラルー,嘉村賢州,鈴木立哉出版社/メーカー: 英治出版発売日: 2018/01/24メディア: 単行本この商品を含むブログ (5件) を見る 著者はフレデリック・ラルー。マッ…

WEB+DB PRESS Vol.112

読んだ感想とまとめ 縁の下のUIデザイン カードUIの向き不向き スマホUIは現実のものを模したデザイン(スキューモフィズム)からフラットに カードUIはなんとなくとっつきやすく使いがち カードUIは立体感や影をつけて使うことから、相対的に要素に存在感を…

lit-elementでTypeScriptを試す

lit-elementというWeb Componentsを作るライブラリの公式にTypeScriptでの書き方が書いてあったので試してみる。 lit-element.polymer-project.org package.json "devDependencies": { "ts-loader": "^6.0.4", "typescript": "^3.5.3", "lit-element": "^2.1…

Nuxt.js + Netlify、Nuxt.js + Firebase Hostingでリリース

Netlify ➜ nuxt-sample git:(master) netlify init ? What would you like to do? + Create & configure a new site Choose a site name or leave blank for a random name. You can update later. ? Site name (optional): tiwu-nuxt-sample ? Account: tiw…

create-nuxt-appのエラー解消

初めてcreate-nuxt-appしてみたけどいろいろエラーがでた・・・。 初めてだったからいろいろ盛ってみた。 エラー1 error eslint@5.16.0: The engine "node" is incompatible with this module. Expected version "^6.14.0 || ^8.10.0 || >=9.10.0". どうやら…

RUNNING LEAN

RUNNING LEANを読んだので備忘録として残す。 Running Lean ―実践リーンスタートアップ (THE LEAN SERIES)作者: アッシュ・マウリャ,渡辺千賀,エリック・リース,角征典出版社/メーカー: オライリージャパン発売日: 2012/12/21メディア: 単行本(ソフトカバー…

Ginza.js #1 で登壇してきた #ginzajs

Meguro.es, Gotanda.js, Roppoingi.jsに続き、Ginza.js! ご当地JSシリーズ的な感じになってきた Ginza.js ginzajs.connpass.com # 目指す価値 - 主にJavaScript関連技術について、様々な人から多様なトピックに関する発表や議論が生まれるようにする - その…

Gotanda.js #11 in MobileFactory で登壇してきた #gotandajs

1年ぶりに帰ってきたGotanda.jsで登壇してきました。(僕は初参加) 人生初の五反田駅。 Gotanda.js gotandajs.connpass.com 会場はモバイルファクトリー ありがとうモバイルファクトリー!#gotandajs— Taguchi Wataru (@tiwu_official) 2019年5月10日 乾杯…

PWA Night vol.4 ~PWAのミライや活用方法をみんなで考えよう~ 参加してきた #pwanight

PWA好きなのでvol.4も参加してきました。 vol.3はCache APIについて登壇してきました。詳しくはこちら。 tiwu.hatenablog.com PWA Night vol.4 ~PWAのミライや活用方法をみんなで考えよう~ pwanight.connpass.com 会場は株式会社ウルフさんでした。広くて…

Inside Frontend行ってきた #insideFE

先週土曜日にInside Frontend行ってきたのでレポート。 Inside Frontend inside-frontend.com CyberとYahooの共同主催のフロントエンドのイベント。 国内だとHTML5 Conferenceに次ぐくらいの大きさかな?? 会場はAbema Towers。 行く途中で中本でラーメン食…

Frontrend × Bonfire Frontend 参加してきた #frontrend_bonfire

Frontrend × Bonfire Frontend 参加してきました FrontrendもBonfire Frontend参加したことなかったけど、名前だけ知っていた(うっすら) Frontrend × Bonfire Frontend frontrend.connpass.com 会場は何かと話題のAbema Towers なう#frontrend_bonfire pic…

「PWA Night vol.3 ~PWAのミライや活用方法をみんなで考えよう~」で登壇してきた #pwanight

PWA Night vol.3で「Cache APIに触れる」というタイトルで登壇をしてきました。 pwanight.connpass.com PWA Nightは第2回のイベントページをどこかで発見して、予定に被っているなーと呟いたところ #pwanight の予定が完全に他と被っていて悲しい。行きたか…

「Meguro.es # 20 @ Drecom」と「【第8回】フロントエンド× ビアバッシュ初心者勉強会 酒がナイト in 銀座」でLTしてきた #meguroes #sakenight8

2つともほぼ同じような内容だったのでまとめてブログにしてみた。 会社のブログでよく書いているから、個人ブログのテンションがよくわからない・・・ Meguro.es # 20 @ Drecom 目黒周辺のES系勉強会 meguro.es meguroes.connpass.com 目黒.cssというのもあ…

WEB+DB PRESS Vol.109

At the front 筆一本は いかにして実現したか? 結城 浩 執筆で生きていくには? 良い文章を書くには? 本に近い状態(印刷)で読んで、直すを繰り返す Vim,LaTeX,Git,Evernote,Simplenote,Slack ロングセラー > ベストセラー 大学時代に「ある程度の長さを…