2022年度リクルート ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚³ãƒ¼ã‚¹æ–°äººç ”ä¿®ã®è¬›ç¾©è³‡æ–™ã§ã™
Next.js 2022年度リクルート ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚³ãƒ¼ã‚¹æ–°äººç ”ä¿®è¬›ç¾©è³‡æ–™ - Speaker Deck
2022年度リクルート ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚³ãƒ¼ã‚¹æ–°äººç ”ä¿®ã®è¬›ç¾©è³‡æ–™ã§ã™
SPA, SSR, SSGã£ã¦çµå±€ãªã‚“ãªã‚“ã ã£ã‘？
ã€2023/11/14追記】 SPA, SSRã®èª¬æ˜Žã‚’訂æ£ã€ãŠã‚ˆã³ä¸å¿…è¦ãªç®‡æ‰€ã®å‰Šé™¤ã‚’è¡Œã£ã¦ã„ã¾ã™ã€‚ ã¾ãŸã€ã“ã®è¨˜äº‹ã¯Next.jsç‰ã®ã€å…·ä½“çš„ã«ãƒ•ãƒ¬ãƒ¼ãƒ ワークã§ä½¿ç”¨ã•ã‚Œã¦ã„ã‚‹å„概念を説明ã™ã‚‹ã‚‚ã®ã§ã¯ãªã„ã®ã§ã€ã”ç•™æ„ãã ã•ã„。 æ¦‚è¦ SPA, SSR, SSGã¨ã„ã†æŠ€è¡“用語をã€æ¥å‹™ã®ä¸ã§ã‚‚ã€ãƒãƒƒãƒˆã®è¨˜äº‹ã®ä¸ã§ã‚‚よã耳ã«ã™ã‚‹ã®ã§ã™ãŒã€ã“ã†ã„ã†æ„Ÿã˜ã‹ãªï¼Ÿã¨ã„ã†ã†ã£ã™ã‚‰ã¨ã—ãŸç†è§£ã®ã¾ã¾ã ã£ãŸã®ã§ã€ä»Šå›žæ•´ç†ã—ã¾ã—ãŸã€‚ 内容ã«èª¤ã‚ŠãŒã‚ã£ãŸå ´åˆã¯ã”指摘ã„ãŸã ã‘ã¾ã™ã¨å¹¸ã„ã§ã™ã€‚ (MPA) -> SPA -> SSR -> SSG ã¨ã„ã†é †ã«èª¬æ˜Žã‚’ã—ã¦ã„ãã¾ã™ã€‚ SPA SPAã®è¦æ—¨ã‚’è¿°ã¹ã‚‹ã¨ã€æœ€åˆã«ã€HTML, CSS, JSãªã©ã®å¿…è¦ãªassetsã‚’Webサーãƒãƒ¼ã‹ã‚‰å–å¾—ã—ã€ãã®å†…ã®JSã‚’ã‚‚ã¨ã«å…·ä½“çš„ãªUIã‚’æç”»ã—ã€ã¾ãŸãƒšãƒ¼ã‚¸é·ç§»ã®éš›ã®UIã®å¤‰åŒ–ã‚‚ã€JSã‚’ã‚‚ã¨ã«å†æ画を行ã†ã‚¢ãƒ¼ã‚テクãƒãƒ£ã¨ãªã‚Šã¾ã™ã€‚
RAID容é‡è¨ˆç®—[自動計算]
RAIDを構æˆã™ã‚‹å ´åˆã€ãƒãƒ¼ãƒ‰ãƒ‡ã‚£ã‚¹ã‚¯ã®å®¹é‡ã¨åˆ©ç”¨ã™ã‚‹æœ¬æ•°ã€æ§‹æˆã™ã‚‹RAIDã®ç¨®é¡žã«ã‚ˆã£ã¦åˆ©ç”¨å¯èƒ½ãªå®¹é‡ï¼ˆå®ŸåŠ¹å®¹é‡ï¼‰ã¯ç•°ãªã‚Šã¾ã™ã€‚サーãƒã‚„パソコンã«æ載ã•ã‚Œã¦ã„ã‚‹HDD(SSD)ã®å®¹é‡ã¨æœ¬æ•°ã‚’指定ã™ã‚‹ã¨ã€æ§‹æˆã§ãã‚‹RAIDã¨åˆ©ç”¨ã§ãる容é‡ã‚’計算ã—表示ã—ã¾ã™ã€‚ ãªãŠã€ç•°ãªã‚‹ã‚µã‚¤ã‚ºï¼ˆå®¹é‡ï¼‰ã®ãƒ‡ã‚£ã‚¹ã‚¯ã§RAIDを構æˆã™ã‚‹å ´åˆã¯ã€ä¸€ç•ªå°ã•ã„サイズã®ãƒ‡ã‚£ã‚¹ã‚¯å®¹é‡ãŒå®ŸåŠ¹å®¹é‡ã¨ã—ã¦ä½¿ç”¨ã•ã‚Œã¾ã™ã€‚ ã¾ãŸã€RAID構æˆã”ã¨ã®ã‚¢ã‚¯ã‚»ã‚¹é€Ÿåº¦ã®æ¯”較もåˆã‚ã›ã¦è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚
ã•ãらインターãƒãƒƒãƒˆã®ã‚µãƒ¼ãƒãƒ¼ã¨å¤–部サーãƒãƒ¼ã‚’併用ã—ã¦åˆ©ç”¨ã—ãŸã„ | ã•ãらã®ã‚µãƒãƒ¼ãƒˆæƒ…å ±
POINT：移管予定ã®ãƒ‰ãƒ¡ã‚¤ãƒ³ã‚’他社管ç†ãƒ‰ãƒ¡ã‚¤ãƒ³ã¨ã—ã¦ç™»éŒ²ã™ã‚‹ç†ç”± ドメインã®ç§»ç®¡æ‰‹ç¶šãã¯ã€ãƒ‰ãƒ¡ã‚¤ãƒ³ã®ç¨®é¡žã«ã‚‚よりã¾ã™ãŒä¸€èˆ¬çš„ã«ç”³ã—è¾¼ã¿ã‹ã‚‰å®Œäº†ã¾ã§ãŠæ™‚é–“ã‚’å¿…è¦ã¨ã—ã¾ã™ã€‚ 全体を通ã—ã¦ã‚¹ãƒ ーズãªä½œæ¥ã®ãŸã‚ã€äº‹å‰ã«ãƒ‰ãƒ¡ã‚¤ãƒ³è¿½åŠ ã•ã‚Œã‚‹ã“ã¨ã‚’ãŠå‹§ã‚ã„ãŸã—ã¾ã™ã€‚ 他社管ç†ãƒ‰ãƒ¡ã‚¤ãƒ³ã¯ã‚¾ãƒ¼ãƒ³ç·¨é›†ãŒå‡ºæ¥ãªã„仕様ã§ã¯ã”ã–ã„ã¾ã™ãŒã€ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ãƒ‘ãƒãƒ«ä¸Šã§ä»–社管ç†ãƒ‰ãƒ¡ã‚¤ãƒ³ã¨ã—ã¦ç™»éŒ²ã—ãŸå ´åˆã§ã‚‚ã€ç§»ç®¡ãŒå®Œäº†ã—ã¾ã—ãŸã‚‰ã•ãらインターãƒãƒƒãƒˆç®¡ç†ã®ãƒ‰ãƒ¡ã‚¤ãƒ³ã¨ã—ã¦æ‰±ã‚ã‚Œã€ã‚¾ãƒ¼ãƒ³ç·¨é›†ãŒå‡ºæ¥ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã®ã§ã”安心ãã ã•ã„。
Amplify Consoleã§æ¥½ã€…ホスティング - Basicèªè¨¼ã‹ã‚‰ãƒ‰ãƒ¡ã‚¤ãƒ³è¨å®šã¾ã§è§£èª¬ã—ã¾ã™
ã“ã‚“ã«ã¡ã¯ã‹ã¿ã‚€ã‚‰ã§ã™ã€‚Webサイトを公開ã™ã‚‹ãƒ›ã‚¹ãƒ†ã‚£ãƒ³ã‚°ã‚µãƒ¼ãƒ“スã§ãŠæ‚©ã¿ã§ã¯ãªã„ã§ã™ã‹ï¼Ÿ 最近ã§ã¯Netlifyã‚„Firebase Hostingãªã©ã€æ§˜ã€…ãªç¨®é¡žã®ãƒ›ã‚¹ãƒ†ã‚£ãƒ³ã‚°ã‚µãƒ¼ãƒ“スãŒç™»å ´ã—ã¦ã„ã¦ã€é¸æŠžè‚¢ãŒå¢—ãˆã¦ãã¾ã—ãŸã€‚ ãã‚“ãªä¸ã€ç§ãŒæ³¨ç›®ã—ã¦ã‚‹ã®ãŒAWS Amplify Consoleã§ã™ã€‚特徴ã¨ã—ã¦ã€GitHubã¨é€£æºã—ãŸã‚·ãƒ³ãƒ—ルãªãƒ‡ãƒ—ãƒã‚¤æ©Ÿèƒ½ã‚„ã€Basicèªè¨¼ã€ãƒ—レビュー機能ãªã©ã€Web制作ã®ç—’ã„ã¨ã“ã‚ã«æ‰‹ãŒå±Šãサービスã«ãªã£ã¦ã„ã¾ã™ã€‚ å‰æ事å‰ã«AWSã®ã‚¢ã‚«ã‚¦ãƒ³ãƒˆã‚’作æˆã—ã¦ãã ã•ã„。 https://aws.amazon.com/jp/ Nuxt.jsã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’ホスティングã—ã¦ã„ãã¾ã™ã€‚ã‚らã‹ã˜ã‚ã€GitHubã«ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’プッシュã—ã¦ãŠã„ã¦ãã ã•ã„。Nuxt.jsã®è¨˜äº‹ã¯ã“ã¡ã‚‰ã§ã‚‚書ã„ã¦ã„ã¾ã™ã€‚よã‹ã£ãŸã‚‰ä¸€èªã—ã¦ãã ã•ã„。 Nuxt.jsã¨microCMSã§æŽ¡ç”¨ãƒšãƒ¼
FAQ - メールサーãƒãƒ¼åを独自ドメインã®ã‚¢ãƒ‰ãƒ¬ã‚¹ã«ã—ãŸã„
コントãƒãƒ¼ãƒ«ãƒ‘ãƒãƒ«ã‚ˆã‚Šã€ãƒ¡ãƒ¼ãƒ«ã‚¢ãƒ‰ãƒ¬ã‚¹ã®é…信先を変更ã—ã¾ã™ã€‚ 独自ドメインã®ãƒ¡ãƒ¼ãƒ«ã‚¢ãƒ‰ãƒ¬ã‚¹ã‚’ã”利用ã®ãŠå®¢ã•ã¾ã¯ã€å½“社コントãƒãƒ¼ãƒ«ãƒ‘ãƒãƒ«ã‚ˆã‚ŠDNSレコードをè¨å®šã™ã‚‹ã“ã¨ã§ã€ãƒ¡ãƒ¼ãƒ«ã‚µãƒ¼ãƒãƒ¼åを独自ドメインã®ã‚µãƒ¼ãƒãƒ¼åã«å¤‰æ›´ã§ãã¾ã™ã€‚ æ“作方法ã«ã¤ãã¾ã—ã¦ã¯ã€ä»¥ä¸‹ã®ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒžãƒ‹ãƒ¥ã‚¢ãƒ«ã®ã‚’ã”確èªãã ã•ã„
FAQ - メールサーãƒãƒ¼åを独自ドメインã®ã‚¢ãƒ‰ãƒ¬ã‚¹ã«ã—ãŸã„
コントãƒãƒ¼ãƒ«ãƒ‘ãƒãƒ«ã‚ˆã‚Šã€ãƒ¡ãƒ¼ãƒ«ã‚¢ãƒ‰ãƒ¬ã‚¹ã®é…信先を変更ã—ã¾ã™ã€‚ 独自ドメインã®ãƒ¡ãƒ¼ãƒ«ã‚¢ãƒ‰ãƒ¬ã‚¹ã‚’ã”利用ã®ãŠå®¢ã•ã¾ã¯ã€å½“社コントãƒãƒ¼ãƒ«ãƒ‘ãƒãƒ«ã‚ˆã‚ŠDNSレコードをè¨å®šã™ã‚‹ã“ã¨ã§ã€ãƒ¡ãƒ¼ãƒ«ã‚µãƒ¼ãƒãƒ¼åを独自ドメインã®ã‚µãƒ¼ãƒãƒ¼åã«å¤‰æ›´ã§ãã¾ã™ã€‚ æ“作方法ã«ã¤ãã¾ã—ã¦ã¯ã€ä»¥ä¸‹ã®ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒžãƒ‹ãƒ¥ã‚¢ãƒ«ã®ã‚’ã”確èªãã ã•ã„
HETEML新サーãƒãƒ¼ç§»è¨ï¼†ç„¡æ–™SSL化ã®ãƒ¡ãƒ¢
マニアックソリューションシリーズã§ã™ã€‚今回ã¯æ ¼å®‰é«˜æ€§èƒ½ã‚µãƒ¼ãƒãƒ¼HETEMLã®æ–°ã‚µãƒ¼ãƒãƒ¼ç§»è»¢ã‚’実際ã«ã‚„ã£ã¦ã¿ãŸã®ã§ã€åµŒã‚Šãã†ãªç½ ãªã©ã‚’書ã„ã¦ã¿ã¾ã™ã€‚ãªãŠè‘—者ã¯4å°ã®ã‚µãƒ¼ãƒãƒ¼ã‚’移転ã—ã¾ã—ãŸã€‚ ※ワードプレスã¯ä½¿ã£ã¦ãªã„ã®ã§ã€ãã®æƒ…å ±ã‚’ãŠæ±‚ã‚ã®æ–¹ã«ã¯å‘ã„ã¦ã„ã¾ã›ã‚“。 HETEML新サーãƒãƒ¼ç§»è»¢ã®å¿ƒæ§‹ãˆ ※ã“れを見ã¦ã‚‹äººã¯HETEMLユーザーã ã¨æ€ã†ã®ã§ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ãƒ‘ãƒãƒ«ã«ãƒã‚°ã‚¤ãƒ³ã—ãŸçŠ¶æ…‹ã§è¦‹ã¦ã‚‚らã†ã¨ç›´æŽ¥ãƒªãƒ³ã‚¯ã§è©²å½“ç”»é¢ãŒé–‹ã‘ã¾ã™ã€‚ コントãƒãƒ¼ãƒ«ãƒ‘ãƒãƒ«ã‚’é–‹ã„ã¦ç”»é¢å³ä¸‹ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã«ã‚る「新サーãƒãƒ¼ç§»è¨ã€ をクリックã™ã‚‹ã¨ã‚‚ã®å‡„ã„é•·ã„説明ãŒã§ã¦ãã¾ã™ã€‚ã“ã“ã§å¤šãã®ç§»è¨äºˆå®šè€…ã¯ãƒ‰ãƒ³å¼•ãã—ã¦ã—ã¾ã†ã¨æ€ã„ã¾ã™ãŒå¤§ä¸ˆå¤«ã§ã™ã€‚æ€ã£ãŸã»ã©å¤§å¤‰ã˜ã‚ƒãªã„ã§ã™ã€‚ã¾ãšå‹˜é•ã„ã—易ã„ã‘ã©èª¤è§£ãªã®ã¯ãƒ»ãƒ» â—ã‚ãã¾ã§ã‚‚移転ã™ã‚‹ã®ã¯WEBサーãƒãƒ¼ã®ã¿ã§DBサーãƒãƒ¼ã¨ãƒ¡ãƒ¼ãƒ«ã‚µãƒ¼ãƒãƒ¼ã¯å¤‰ã‚らãªã„ ã§ã™ã€‚ãªã®ã§ãƒ–ãƒã‚°ãªã©ã®CMSãŒçµ¡ã‚“ã§
OS X Yosemiteã§localhostを使ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹ãŸã‚ã®å„種è¨å®š
OSXã‚’Mavericksã‹ã‚‰Yosemiteã«ã‚¢ãƒƒãƒ—グレードã—ãŸéš›ã«ã€Apacheã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³é•ã„ã®ãŸã‚ã«localhostãŒå‹•ã‹ãªããªã£ã¦ã—ã¾ã„ã€å¾©æ—§ã™ã‚‹ãŸã‚ã®å„種è¨å®šã§ã¤ã¾ã¥ã„ãŸã®ã§ã€httpd.confã¨ã‹httpd-vhosts.confã‚ãŸã‚Šã®è¨å®šã‚’備忘録的ã«ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ã¯ã˜ã‚ã« è¨å®šã™ã‚‹é …ç›®ã¯ã€ä»¥ä¸‹ã«ãªã‚Šã¾ã™ã€‚ Apache を自動ã§èµ·å‹•ã•ã›ã‚‹ã‚ˆã†ã«ã™ã‚‹ PHP を使ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹ ~/Sites（~/サイト）を使ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹ ãƒãƒ¼ãƒãƒ£ãƒ«ãƒ›ã‚¹ãƒˆã‚’使ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹ SSI を使ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹ 編集ã™ã‚‹ãƒ•ã‚¡ã‚¤ãƒ«ã¯ä»¥ä¸‹ã«ãªã‚Šã¾ã™ã€‚ httpd.conf httpd-userdir.conf {username}.conf httpd-vhosts.conf ãªãŠã€å„ファイルã®ç·¨é›†ã¯vimを使用ã—ã¦ã„ã¾ã™ã€‚ ターミナルã§ã€ä»¥ä¸‹ã®ã‚ˆã†ã«ã—ã¦ç·¨é›†ã—ã¦ãã ã•ã„。 $ sudo v
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}