ã“ã®ãƒ–ラウザ ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®ã‚µãƒãƒ¼ãƒˆã¯çµ‚了ã—ã¾ã—ãŸã€‚サãƒãƒ¼ãƒˆã•ã‚Œã¦ã„るブラウザã«ã‚¢ãƒƒãƒ—グレードã—ã¦ãã ã•ã„。
Visual Studio Codeã§å°èª¬ã‚’書ã
ã“ã®ãƒ–ラウザ ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®ã‚µãƒãƒ¼ãƒˆã¯çµ‚了ã—ã¾ã—ãŸã€‚サãƒãƒ¼ãƒˆã•ã‚Œã¦ã„るブラウザã«ã‚¢ãƒƒãƒ—グレードã—ã¦ãã ã•ã„。
Write slides and books in VSCode + Markdown
ã§ãã‚‹ã ã‘以下ã®SPA版を御覧ãã ã•ã„ã€Slidevã®ãƒ„ールãƒãƒ¼ã‚„YouTubeã‚„GIFアニメーションを見ã¦ã„ãŸã ã‘ã¾ã™ã€‚ https://loftkun-slidev-vscode-conference-japan-2021.netlify.app/ 2021/10/20 VS Code Co…
reveal.js + Markdown ã®ã¡ã‚‡ã£ã¨ã—ãŸãƒ¡ãƒ¢
reveal.js + Markdown ã§ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’書ãã“ã¨ãŒå¤šã„ã®ã§ã€ãれ関係ã§ã¡ã‚‡ã£ã¨ã—ãŸã“ã¨ã‚’備忘録ã¨ã—ã¦æ®‹ã—ã¦ãŠã。 表題ãŒå¤§æ–‡å—表記ã«ãªã‚‰ãªã„よã†ã«ã™ã‚‹è¡¨é¡ŒãŒå¤§æ–‡å—ã«å¤‰æ›ã•ã‚Œã¦ã—ã¾ã†ã®ãŒå«Œã ã£ãŸã®ã§å¯¾å‡¦ã—ã¦ã¿ã¾ã—ãŸã€‚ 例ãˆã°ä¸Šè¨˜ã®å ´åˆã€ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆè¨å®šã§ã¯ä»¥ä¸‹ã®ã‚ˆã†ã«è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ ã“ã‚Œã¯ã€theme ã® css ã§è¡¨é¡Œã®ã‚¹ã‚¿ã‚¤ãƒ«ã« text-transform: uppercase; ãŒã‚ã‚‹ãŸã‚ã§ã™ã€‚ ã“れを無効ã«ã™ã‚Œã°è‰¯ã„ã®ã§ã€theme css ã®æŒ‡å®šã®å¾Œã«ä»¥ä¸‹ã®è¨˜è¿°ã‚’追記ã—ã¾ã™ã€‚ <style type="text/css"> .reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 { text-transform: none; } </style>
æ°—æŒã¡ã‚ˆã手軽ã«å›³ã‚’æã‘る無料ツール「diagrams.netã€ï¼ˆæ—§draw.io） - karaage. [ã‹ã‚‰ã‚ã’]
図を手軽ã«ç„¡æ–™ã§æ›¸ããŸã„ 仕事ã§ã‚‚プライベートã§ã‚‚ãŸã¾ã«ã¤ã‹ã„ãŸããªã‚‹ã®ãŒä½œå›³ãƒ„ールã§ã™ã。ドã‚ュメントを書ãã¨ãƒ–ãƒãƒƒã‚¯å›³ã€ãƒ•ãƒãƒ¼ãƒãƒ£ãƒ¼ãƒˆç‰æ§˜ã€…ãªå›³ãŒå¿…è¦ã¨ãªã‚Šã¾ã™ã€‚ 仕事ã ã¨ã€æ˜”（回路è¨è¨ˆã‚’ã—ã¦ã„ãŸã“ã‚）ã¯Visioを使ã£ã¦ã„ã¾ã—ãŸã€‚ãŸã ã€Visioã¯ãã‚Œãªã‚Šã«ãŠé«˜ã„ã§ã™ã—ã€Visioを周りã®äººãŒä½¿ã£ã¦ã„ãªã„ã¨ã€å¸ƒæ•™ã‹ã‚‰å°Žå…¥ã¾ã§ãŒå¤§å¤‰ãã†ã§ã™ã。下手ã—ãŸã‚‰ãã®é–“ã«ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆãŒçµ‚ã‚ã£ã¦ã—ã¾ã†ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 ã¾ãŸã€å€‹äººã§ä½¿ã„ãŸã„ã¨æ€ã£ã¦ã‚‚ãªã‹ãªã‹ã“ã®æ‰‹ã®ã‚½ãƒ•ãƒˆã¯å€‹äººã§è²·ã†æ°—ã¯èµ·ã“ã‚Šã¾ã›ã‚“ã。特ã«Visioã¯åŸºæœ¬çš„ã«Windowså‘ã‘ãªã®ã§ã€Macã‚„Linuxã§ä½¿ã†å ´åˆã‚‚å›°ã‚Šãã†ã§ã™ã€‚ãã‚“ãªã¨ãã®å¼·ã„味方ãŒã€ãƒžãƒ«ãƒãƒ—ラットフォームã§ç„¡æ–™ã§ä½¿ãˆã‚‹ä½œå›³ãƒ„ールã§ã™ã€‚ ã¨ã„ã†ã‚ã‘ã§ãŠã™ã™ã‚ã®ã‚‚ã®ã€ç‰¹ã«ã€Œdiagrams.net（draw.io）ã€ã‚’ä¸å¿ƒã«ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ diagrams.n
![æ°—æŒã¡ã‚ˆã手軽ã«å›³ã‚’æã‘る無料ツール「diagrams.netã€ï¼ˆæ—§draw.io） - karaage. [ã‹ã‚‰ã‚ã’]](https://cdn-ak-scissors.b.st-hatena.com/image/square/6b714d0951f80aa199667457b923310c52e783c6/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fk%2Fkaraage%2F20211024%2F20211024120847.png)
ドã‚ãƒ¥ãƒ¡ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã‚’åŠ é€Ÿã™ã‚‹ã‚¹ãƒˆãƒ¬ã‚¹ãƒ•ãƒªãƒ¼ã®ä½œå›³ãƒ„ール『blockdiag〠jus2011å¹´6月勉強会
システム開発やä¿å®ˆã€é‹ç”¨ã®ç¾å ´ã«ãŠã„ã¦ãƒ‰ã‚ュメントã¯å¿…é ˆã®ã‚‚ã®ã§ã™ã€‚ ã—ã‹ã—ã€ãƒ‰ã‚ュメントã®ä½œæˆãƒ»ç¶æŒã«ã¯å¤šãã®ãƒ‘ワーãŒã‹ã‹ã‚‹ãŸã‚ã€ãƒ‰ã‚ュ メントãŒå˜åœ¨ã—ãªã„ã€è³‡æ–™ãŒå¤ã„ã¾ã¾ã«ãªã£ã¦ã„ã‚‹ãªã©ã¨ã„ã£ãŸç¾çŠ¶ã‚’多ã 耳ã«ã—ã¾ã™ã€‚ 本勉強会ã§ã¯ã“れらã®ãƒ‰ã‚ュメントã§ã‚ˆã利用ã•ã‚Œã‚‹ã€Œå›³ã€ã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã—〠ã¿ã‚‹ã¿ã‚‹ã†ã¡ã«å›³ã‚’作æˆã§ãる「blockdiagã€ã‚’ã”紹介ã—ã¾ã™ã€‚ 「blockdiagã€ã¯ã‚·ãƒ³ãƒ—ルãªãƒ†ã‚スト記述ã‹ã‚‰ãƒ–ãƒãƒƒã‚¯å›³ã€ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯å›³ãªã©ã® ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã‚’出力å¯èƒ½ãªã‚ªãƒ¼ãƒ—ンソースã®ç”»åƒç”Ÿæˆãƒ„ールã§ã™ã€‚書ã ã‚„ã™ã•ã€ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã—ã‚„ã™ã•ã‚’ä¸å¿ƒã«ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚Œã¦ãŠã‚Šã€å›³ã‚’作るã®ã« é…置や並ã¹æ›¿ãˆã«è‹¦åŠ´ã™ã‚‹å¿…è¦ã¯ã‚ã‚Šã¾ã›ã‚“。 blockdiagã®ã‚µãƒ³ãƒ—ルã¯ã“ã¡ã‚‰ ã“ã®ã‚ˆã†ãªç‰¹å¾´ã‚’æŒã¤ã€Œblockdiagã€ã¨ã€ã‚·ãƒ³ãƒ—ルãªè¨˜è¿°ã§ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚’ä½œæˆ ã™ã‚‹ãƒ„ール「Sphinxã€ã‚’組ã¿åˆã‚ã›ã‚‹ã“ã¨ã«ã‚ˆã£ã¦
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}