Markdown ã‚’æ‹¡å¼µã™ã‚‹ MDX ã¯ãƒ‰ã‚ュメント作æˆã®æ–°ãŸãªå¯èƒ½æ€§ï¼Ÿ
ã“ã®è¨˜äº‹ã¯ã€æŠ€è¡“書典 11 ã§é ’布ä¸ã®ã€ŒVivliostyle ã§æœ¬ã‚’作ã‚ㆠvol. 5ã€ã‹ã‚‰æŠœç²‹ã—ãŸè¨˜äº‹ã§ã™ã€‚ã”興味ã‚ã‚Šã¾ã—ãŸã‚‰ã€Vivliostyle を使ã£ã¦çµ„版ã•ã‚ŒãŸæœ¬èªŒã‚‚ãœã²ãŠè²·ã„求ã‚ãã ã•ã„ï¼ ã¾ãŸã€ã“ã®è¨˜äº‹ä»¥å¤–ã®å†…容もã™ã¹ã¦ Vivliostyle å…¬å¼ã‚µã‚¤ãƒˆã§ç„¡æ–™å…¬é–‹ä¸ã§ã™ã€‚ 技術書やドã‚ュメントを執ç†ã™ã‚‹éš›ã€ã‚ãªãŸã¯ã©ã®ã‚ˆã†ãªå½¢å¼ã§æ–‡ç« を書ãã¾ã™ã‹ï¼Ÿ 最近ã§ã¯ã‚‚ã£ã±ã‚‰ Markdown ã§æ›¸ã‹ã‚Œã‚‹ã“ã¨ãŒå¤šã„ã§ã™ãŒã€ã“ã® Markdown ã‚’æ‹¡å¼µã™ã‚‹ãƒãƒ†ãƒ³ã‚·ãƒ£ãƒ«ã‚’æŒã¤ãŠæ°—ã«å…¥ã‚Šã® OSS プãƒã‚¸ã‚§ã‚¯ãƒˆã€ŒMDXã€ã‚’紹介ã—ã¾ã™ã€‚ MDX = Markdown + JSX MDX ã®åå‰ã®ç”±æ¥ã¯ Markdown + JSX ãªã®ã§ã€MDX ã‚’ç†è§£ã™ã‚‹ãŸã‚ã«ã¯ã¾ãš JSX ã«ã¤ã„ã¦çŸ¥ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ JSX ã¨ã¯ JavaScript ã®æ‹¡å¼µæ§‹æ–‡ã®ä¸€ã¤ã§ã€å…ƒã€… React ã®
Vivliostyle — 楽ã—ã CSS 組版ï¼
CSS Typesetting 最新 Web 標準技術ã«ã‚ˆã‚Šã€é›»å出版や Web 出版ã®ãŸã‚ã® æ–°ã—ã„組版システムを作るオープンソース・プãƒã‚¸ã‚§ã‚¯ãƒˆ
Electron アプリã®ãƒ†ãƒ³ãƒ—レート 2021
作ã£ãŸã®ã§å…¬é–‹ã—ã¦ãŠããŒã€ã“ã†ã„ã†ãƒ†ãƒ³ãƒ—レートã¯ãƒ¡ãƒ³ãƒ†ã—ãªã„ã¨ã™ãè…ã£ã¦ã—ã¾ã†ã‘ã©ãƒ¡ãƒ³ãƒ†ã™ã‚‹ãƒ¢ãƒãƒ™ãƒ¼ã‚·ãƒ§ãƒ³ã‚‚特ã«ãªã„ã®ã§ã‚¹ãƒŠãƒƒãƒ—ショットã¨ã„ã†æ„味åˆã„ã‚‚è¾¼ã‚ã¦2021ã‚’ã¤ã‘ã¦ã„る。 electron-next ベース㫠electron-next ã¨ã„ã†ã®ã‚’使ã£ã¦ã„ã¦ã€ã“ã‚ŒãŒã‘ã£ã“ã†ã‚ˆãã§ãã¦ã„ãŸã€‚ã‚„ã£ã¦ã„ã‚‹ã“ã¨ã¯ã‚·ãƒ³ãƒ—ルã§ã€ãƒ¬ãƒ³ãƒ€ãƒ©ãƒ—ãƒã‚»ã‚¹ã« Next.js を使ã£ã¦ã„ã¦ã€é–‹ç™ºæ™‚㯠Next.js ã®ã‚µãƒ¼ãƒãƒ¼ã‚’èµ·å‹•ã—ã€production build ã§ã¯ next export ã—㟠HTML ã‚’ã„ã„æ„Ÿã˜ã«ãƒŠãƒ“ゲーショã§ãるよã†ã«ãªã£ã¦ã„る。ã“ã‚Œã«ã‚ˆã‚Š Next.js ã®ã„ã„æ„Ÿã˜ã®ãƒ“ルドシステムを使ãˆã¦ã€é–‹ç™ºæ™‚ã«ã¯ hot reload ã‚‚å¯èƒ½ã«ãªã£ã¦ã„ã‚‹ã—ã€production build ã¯é™çš„㪠HTML 㨠bundle ã•ã‚ŒãŸã‚¢ã‚»ãƒƒãƒˆãŒåˆ©ç”¨å¯èƒ½ã«ãªã‚‹ã€‚è³¢ã„。 Next.js
ã€é‡è¦ã€‘コアウェブãƒã‚¤ã‚¿ãƒ«ã¨ã¯? LCP/FID/CLSã‚’ã‚ã‹ã‚Šã‚„ã™ã解説ã€SEOæƒ…å ±ã¾ã¨ã‚】 | 海外&国内SEOæƒ…å ±ã‚¦ã‚©ãƒƒãƒ
ウェブã«ãŠã‘るユーザー体験ã®å‘上を目的ã¨ã—ãŸå–り組ã¿ã‚’グーグルãŒå§‹ã‚ãŸã€‚「Web Vitals（ウェブ ãƒã‚¤ã‚¿ãƒ«ï¼‰ã€ã¨å付ã‘ã¦ã„る。 「ãƒã‚¤ã‚¿ãƒ«ã€ã¨ã¯ã€Œé‡è¦ãªã‚‚ã®ãƒ»æœ¬è³ªçš„ãªã‚‚ã®ã€ã¨ã„ã†æ„味ã§ã€ã‚¦ã‚§ãƒ– ãƒã‚¤ã‚¿ãƒ«ã¯ã€Œãƒ¦ãƒ¼ã‚¶ãƒ¼ä½“験を良ãã—ã¦ã„ãã®ã«å¿…é ˆã®æŒ‡æ¨™ã«é–¢ã™ã‚‹ç·åˆçš„ãªã‚¢ãƒ‰ãƒã‚¤ã‚¹æƒ…å ±ã€ã¨ã—ã¦æä¾›ã—ã¦ã„ã。 ãã®ã‚¦ã‚§ãƒ– ãƒã‚¤ã‚¿ãƒ«ã®ãªã‹ã§ã‚‚特ã«é‡è¦ãªã‚‚ã®ã¨ã—ã¦ã€æ¬¡ã® 3ã¤ã®æŒ‡æ¨™ã‚’「Core Web Vitals（コア ウェブ ãƒã‚¤ã‚¿ãƒ«ï¼‰ã€ã¨ã—ã¦è¨å®šã—ã¦ã„る（具体的ãªåŸºæº–ã¨ãªã‚‹æ•°å€¤ã¯å¾Œè¿°ã™ã‚‹ï¼‰ã€‚ LCP（Largest Contentful Paint） 「最大コンテンツã®æç”»ã€ã®æ„味ã§ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®èªè˜ã¨ã—ã¦ã®ãƒšãƒ¼ã‚¸è¡¨ç¤ºé€Ÿåº¦ã‚’測る指標。 ブラウザã®è¡¨ç¤ºç¯„囲内ã§ã€æœ€ã‚‚大ããªã‚³ãƒ³ãƒ†ãƒ³ãƒ„（画åƒãƒ»å‹•ç”»ã®åˆæœŸè¡¨ç¤ºç”»åƒãƒ»èƒŒæ™¯ç”»åƒã®ã‚ã‚‹è¦ç´ ・テã‚ストをå«ã‚€ãƒ–ãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ ãªã©ã€ãã®ãƒšãƒ¼ã‚¸ã§ãƒ¡ã‚¤ãƒ³ã¨ãªã‚‹ã‚³ãƒ³ãƒ†ãƒ³
ã€Next.js】ã¿ã‚“㪠next.confing.js ã«ã©ã‚“ãªãƒ—ラグイン入れã¦ã‚‹ï¼Ÿ
Why Next.js ç§ã¯ã€æ¥å‹™ã§ã‚‚プライベートã§ã‚‚ Next.js を使ã£ã¦ã„ã¾ã™ã€‚ Next.js 㯠"Zero Config" ã‚’ã†ãŸã£ã¦ã„ã‚‹ã‚ã‘ã§ã™ãŒã€å®Ÿéš›æ¥å‹™ã§ä½¿ã†ã¨ãªã‚‹ã¨ã€ãªã‹ãªã‹ Zero ã¨ã¯ã„ãã¾ã›ã‚“。IE11用ã«ãƒˆãƒ©ãƒ³ã‚¹ãƒ‘イルãŒå¿…è¦ã«ãªã£ãŸã‚Šã€ã‚½ãƒ¼ã‚¹ãƒžãƒƒãƒ—ã®ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã®ãŸã‚ã« webpack ã®æ‹¡å¼µãŒå¿…è¦ãªã‚‹ã‚±ãƒ¼ã‚¹ã«ãŠã„ã¦ã¯ã€next.config.js ã®ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºãŒå¿…è¦ã«ãªã‚Šã¾ã™ã€‚ ãã†ã„ã£ãŸã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã‚’サãƒãƒ¼ãƒˆã—ã€è¨å®šã®ã‚¹ãƒˆãƒ¬ã‚¹ã‹ã‚‰æˆ‘々エンジニアを開放ã—ã¦ãれるパッケージãŒä¸–ã®ä¸ã«ã¯ãŸãã•ã‚“ã‚ã‚Šã¾ã™ã€‚ã¨ã„ã†ã“ã¨ã§ã€è‡ªåˆ†ä»¥å¤–ã®æ–¹ã€…㌠next.config.js ã«ã©ã®ã‚ˆã†ãªãƒ—ラグインを入れã¦ã„ã‚‹ã‹æ°—ã«ãªã‚Šã¾ã—ãŸã€‚ ã¾ãšã¯ã€è‡ªåˆ†ãŒã©ã®ã‚ˆã†ãªãƒ—ラグインを入れã¦ã„ã‚‹ã‹ã‚·ã‚§ã‚¢ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ 「自分ã¯ã“ã‚“ãªãƒ—ラグイン入れã¦ã„ã¦ä¾¿åˆ©ã§ã™ã‚ˆã€ã¿ãŸã„ãªã‚·ã‚§ã‚¢ã‚’ã€Tw
個人的Windowsã‚’è²·ã£ãŸã¨ãã®ã‚»ãƒƒãƒˆã‚¢ãƒƒãƒ—
毎回ã™ã‚‹ã‚»ãƒƒãƒˆã‚¢ãƒƒãƒ—ã®ãƒ¡ãƒ¢ ã¨ã‚Šã‚ãˆãšã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« Google Chrome Google 日本語入力 åŠè§’全角切り替ãˆã®è¨å®š Clibor Slack Zoom Microsoft PowerToys CapsLockã‚’Ctrlã«å¤‰æ› WSL Ubuntu RubyMine VS Code Docker Desktop WSL Ubuntuセットアップ # ã¨ã‚Šã‚ãˆãšãƒ‘ッケージアプデ sudo apt update sudo apt upgrade # ライブラリ系 sudo apt-get install -y libnss3-dev libatk1.0-0 libatk-bridge2.0-0 libcups2-dev libxkbcommon.so.0 libgbm-dev libgtk-3-0 libmysqlclient-dev imagemagick libmagickwa
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Fixing missing NVM Node for RubyMine
{{#tags}}- {{label}}
{{/tags}}