58 |
69 | {props.type === "speakerdeck" && (
70 |
77 |
103 |
104 |
105 | );
106 | };
107 | export const getSlideImage = (props: { id: string; currentPage: number; type: "speakerdeck" | string }) => {
108 | if (props.type === "speakerdeck") {
109 | return `https://files.speakerdeck.com/presentations/${props.id}/slide_${props.currentPage}.jpg`;
110 | } else {
111 | return `https://company-introduction-jp.vercel.app/not-found-image.jpeg`;
112 | }
113 | };
114 | type SlideProps = (typeof company)[0] & { currentPage: number };
115 | const SpeakerDeckSlide = (props: SlideProps & { slideUrl: string; onLoad: () => void; onError: () => void }) => {
116 | return (
117 |
124 | 59 | 65 | {props.company_name} 66 | 67 |
68 |
69 | {props.type === "speakerdeck" && (
70 |
77 |
103 | 
133 |
134 | );
135 | };
136 | // TODO: not implement
137 | const SlideShareSlide = (props: SlideProps & { slideUrl: string; onLoad: () => void; onError: () => void }) => {
138 | return (
139 |
146 | 
155 |
156 | );
157 | };
158 |
159 | const EmbedSlide = (props: SlideProps) => {
160 | const [loadErrorPages, setLoadErrorPages] = useState
213 |
231 |
232 | );
233 | } else {
234 | return (
235 |
244 |
246 | );
247 | }
248 | };
249 |
250 | const Slide = (props: SlideProps) => {
251 | const [loadErrorPages, setLoadErrorPages] = useState
293 | {shouldShowLastPage ?
295 | );
296 | }}
297 |
431 |
432 |
433 | 日本の会社紹介スライドのまとめ
434 |
438 |
439 |
440 |
441 |
442 | {/* New Feed */}
443 |
449 |
450 |
554 | {mode === "embed_slide" ? (
555 |
631 | );
632 | }
633 |
634 | export default HomePage;
635 |
--------------------------------------------------------------------------------
/pages/rss/new.tsx:
--------------------------------------------------------------------------------
1 | import { GetServerSidePropsContext } from "next";
2 | import company from "../company.json";
3 | import { Feed } from "feed";
4 | import { getSlideImage } from "../index";
5 |
6 | const escapeXML = (unsafe: string) => {
7 | return unsafe.replace(/[<>&'"]/g, (c) => {
8 | switch (c) {
9 | case "<":
10 | return "<";
11 | case ">":
12 | return ">";
13 | case "&":
14 | return "&";
15 | case "'":
16 | return "'";
17 | case '"':
18 | return """;
19 | }
20 | });
21 | };
22 | const generateNewCompanyFeed = () => {
23 | const latest100 = company.slice().reverse().slice(0, 100);
24 | const feed = new Feed({
25 | title: "New - 日本の会社紹介スライドのまとめ",
26 | description: "日本の会社紹介スライドのまとめに新しく追加された会社のスライドです",
27 | id: "https://company-introduction-jp.vercel.app/rss/new",
28 | link: "https://company-introduction-jp.vercel.app/",
29 | image: "https://company-introduction-jp.vercel.app/ogp.jpeg",
30 | copyright: "https://company-introduction-jp.vercel.app/",
31 | updated: new Date(),
32 | generator: "https://company-introduction-jp.vercel.app/"
33 | });
34 | for (const company of latest100) {
35 | const list = company.slide_urls
36 | .map((url, i) => {
37 | return `
556 |
559 | ) : (
560 |
561 | {company.map((slide) => {
562 | if (mode === "list") {
563 | return (
564 |
577 | )}
578 |
630 |
565 |
568 | );
569 | }
570 | return (
571 |
572 |
574 | );
575 | })}
576 | - ${list}
${companyLink}`, 55 | date: new Date() 56 | }); 57 | } 58 | return feed.rss2(); 59 | }; 60 | 61 | export const getServerSideProps = async ({ res }: GetServerSidePropsContext) => { 62 | const xml = generateNewCompanyFeed(); 63 | res.statusCode = 200; 64 | // 24時間キャッシュする 65 | res.setHeader("Cache-Control", "s-maxage=86400, stale-while-revalidate"); 66 | res.setHeader("Content-Type", "text/xml"); 67 | res.end(xml); 68 | return { 69 | props: {} 70 | }; 71 | }; 72 | 73 | const Page = () => null; 74 | export default Page; 75 | -------------------------------------------------------------------------------- /pages/styles.css: -------------------------------------------------------------------------------- 1 | html, 2 | body { 3 | margin: 0; 4 | padding: 0; 5 | box-sizing: border-box; 6 | } 7 | -------------------------------------------------------------------------------- /public/not-found-image.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/azu/company-introduction-jp/fa043d67274e1b02756320ec1a28e8be1fdf714e/public/not-found-image.jpeg -------------------------------------------------------------------------------- /public/ogp.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/azu/company-introduction-jp/fa043d67274e1b02756320ec1a28e8be1fdf714e/public/ogp.jpeg -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | /* Basic Options */ 4 | "module": "ESNext", 5 | "moduleResolution": "node", 6 | "esModuleInterop": true, 7 | "newLine": "LF", 8 | "outDir": "./lib/", 9 | "target": "ES2018", 10 | "sourceMap": true, 11 | "declaration": true, 12 | "jsx": "preserve", 13 | "lib": [ 14 | "esnext", 15 | "dom" 16 | ], 17 | /* Strict Type-Checking Options */ 18 | "strict": true, 19 | /* Additional Checks */ 20 | /* Report errors on unused locals. */ 21 | "noUnusedLocals": true, 22 | /* Report errors on unused parameters. */ 23 | "noUnusedParameters": true, 24 | /* Report error when not all code paths in function return a value. */ 25 | "noImplicitReturns": true, 26 | /* Report errors for fallthrough cases in switch statement. */ 27 | "noFallthroughCasesInSwitch": true, 28 | "allowJs": true, 29 | "skipLibCheck": true, 30 | "forceConsistentCasingInFileNames": true, 31 | "noEmit": true, 32 | "resolveJsonModule": true, 33 | "isolatedModules": true, 34 | "incremental": true 35 | }, 36 | "include": [ 37 | "src/**/*" 38 | ], 39 | "exclude": [ 40 | ".git", 41 | "node_modules" 42 | ] 43 | } 44 | -------------------------------------------------------------------------------- /updater/README.md: -------------------------------------------------------------------------------- 1 | # Usage 2 | 3 | Load `SHEETON_API_KEY` as env 4 | 5 | op run --env-file=.env -- yarn run update-data 6 | -------------------------------------------------------------------------------- /updater/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "private": true, 3 | "name": "company-introduction-jp", 4 | "version": "1.0.0", 5 | "description": "updater", 6 | "homepage": "https://github.com/azu/company-introduction-jp/tree/master/", 7 | "bugs": { 8 | "url": "https://github.com/azu/company-introduction-jp/issues" 9 | }, 10 | "repository": { 11 | "type": "git", 12 | "url": "https://github.com/azu/company-introduction-jp.git" 13 | }, 14 | "license": "MIT", 15 | "author": "azu", 16 | "type": "module", 17 | "scripts": { 18 | "update-data": "node --import=tsimp/import src/update-data.ts", 19 | "fetch-spreadsheet": "node --import=tsimp/import src/fetch-spreadsheet.ts", 20 | "merge-speakerdeck": "node --import=tsimp/import src/merge-speackerdeck.ts", 21 | "format": "prettier --write \"**/*.{js,jsx,ts,tsx,css}\"" 22 | }, 23 | "prettier": { 24 | "printWidth": 120, 25 | "singleQuote": false, 26 | "tabWidth": 4, 27 | "trailingComma": "none" 28 | }, 29 | "devDependencies": { 30 | "@types/jsdom": "^21.1.0", 31 | "@types/mocha": "^10.0.1", 32 | "@types/node": "^18.15.3", 33 | "@types/react": "^18.0.28", 34 | "@types/react-dom": "^18.0.11", 35 | "lint-staged": "^13.2.0", 36 | "mocha": "^10.2.0", 37 | "prettier": "^2.8.4", 38 | "rimraf": "^4.4.0", 39 | "tsimp": "^2.0.11", 40 | "typescript": "^5.5.2" 41 | }, 42 | "dependencies": { 43 | "jsdom": "^21.1.1", 44 | "p-all": "^4.0.0" 45 | } 46 | } 47 | -------------------------------------------------------------------------------- /updater/src/fetch-spreadsheet.ts: -------------------------------------------------------------------------------- 1 | export type Company = { 2 | rowIndex: number; 3 | company_name: string; 4 | company_url: string; 5 | slide_urls: string[]; 6 | }; 7 | type RawCompany = { 8 | rowIndex: number; 9 | 会社名: string; 10 | 会社URL: string; 11 | 紹介URL: string; 12 | }; 13 | const assert = (condition: boolean, message: string, debug: unknown) => { 14 | if (!condition) { 15 | console.error("Assertion failed", message, debug); 16 | throw new Error(message); 17 | } 18 | }; 19 | const formatCompany = (rawCompany: RawCompany): Company => { 20 | assert(!!rawCompany.会社名, "会社名が空です", rawCompany); 21 | assert(!!rawCompany.会社URL, "会社URLが空です", rawCompany); 22 | assert(!!rawCompany.紹介URL, "紹介URLが空です", rawCompany); 23 | return { 24 | rowIndex: rawCompany.rowIndex, 25 | company_name: rawCompany.会社名, 26 | company_url: rawCompany.会社URL, 27 | slide_urls: rawCompany.紹介URL.split("\n").filter((url) => url.startsWith("http")) 28 | }; 29 | }; 30 | export const fetchSpreadsheet = async (): Promise