YAPC::Kyoto 2023 2023-03-19 Yusuke Wada
ãããã¯ãã®å¤é·ã§ã¢ã¼ããã¯ãã£ã¼ãã©ãå¤ãã£ãã åå£ä¸ Webéçºã«ããã¦ã¨ãããã¢ã¼ããã¯ãã£ã¼ã«ã¯ããã¤ããã¿ã¼ã³ãããã¾ãã ãµã¼ãã¼æ§æãã¢ããªã¹ããã¤ã¯ããµã¼ãã¹ãã§åããå ´åãããã¾ããããã¼ã¿ãã¼ã¹ãå è£½ã§æã¤ãå¤é¨ã®mBaaSã«ä»»ãããã§å¤ããå ´åãããã§ããããèªè¨¼é¨åãOAuthã«åãåºããããå ¨ææ¤ç´¢é¨åã ãå¤é¨ãµã¼ãã¹ã使ããã¨ãããã¾ããã ã¨ããæã¯æ°ããæè¡Aã使ããã¨ãããã¦ãã¨ããæãããã°ãå°ãçµã¤ã¨ãã®æè¡ãçµãã£ããã¨ã«ãããå ´åãããã¾ãã ãããã£ãæè¡ã®ãã¬ã³ãã«ã¯ãã®æã«ãã¸ãã¹ãã£ã³ã¹ãåºãã£ããããã¯ãã®ãã¬ã³ãã«å½±é¿ããã¦ãããã¨ãå¤ãããµã¼ãã¼ã»ã¯ã©ã¤ã¢ã³ãæ¯çã®è¦³ç¹ã§è¦ãã¨ãã¾ãæ´çã§ãããã¨ã«æ°ã¥ããã®ã§ã¾ã¨ãã¦ã¿ã¾ãã System of Recordã¨System of Engagement ã®ã£ããã人æ§ã®è³æã§æç¸®ã§ã
Webã®ç¨èªã100ç§ã§è§£èª¬ãããã£ã³ãã«ãä½ãã¾ããï¼ ããã£ãããã§ãã¯ãã¦ã¿ã¦ãã ããï¼ ã¯ããã« ä»¥åæ¸ããè¨äºãWebãã¼ã¸ããã©ã¦ã¶ã«è¡¨ç¤ºãããã¾ã§ã«ä½ãèµ·ããã®ãï¼ãã§ ãã©ã¦ã¶ã¬ã³ããªã³ã°ã«ã¤ãã¦è©³ç´°ã«ç¥ãããã¨ããæè¦ãããã ããã®ã§ã調ã¹ã¦ã¾ã¨ãã¦ã¿ã¾ããã å ¨ä½å³ ã¬ã³ããªã³ã°ã®å¤§ã¾ããªæµãã§ãã HTMLã®ãã¦ã³ãã¼ã ãµã¼ãããéããã¦ããHTMLããã¦ã³ãã¼ããã¾ãã HTMLã®è§£æ ãµã¼ãããéããã¦ããHTMLãã¡ã¤ã«ã¯ãã0ãã¨ã1ãã§ã§ãããã¼ã¿ã«ãªã£ã¦ãã¾ãã ãã©ã¦ã¶ã¯ããµã¼ãããåãåã£ããã¼ã¿ããã®ã¾ã¾HTMLã¨ãã¦è§£éãããã¨ã¯ã§ããªãã®ã§ãèªåã§æ±ããã¨ãã§ããå½¢ãã¤ã¾ãDOMã«å¤æããå¿ è¦ãããã¾ãããã®ä½æ¥ã è§£æ ( Parse ) ã¨è¨ãã¾ãã HTMLããã¦ã³ãã¼ãããããããã«ãã®è§£æä½æ¥ã«å ¥ãã¾ãã使¥ã¯ä»¥ä¸ã®ãããªã¹ãããã«ãª
ãããããããªãããããæ°å¹´ã§å ¨ãé¢ä¿ãªãæ¥ç¨®ãããWebã¨ã³ã¸ãã¢ã«ãªããã人ãããªãå¢ãã¦ããã©ããããããããªããã ã©ããã¦ãåãã¡ã¯Webã¨ã³ã¸ãã¢ã«ãããªã«é åãæãããã ãï¼ã¼ãã¯Webã¨ã³ã¸ãã¢ããã¦ããã©ãããã¾ã§ãã ããçç±ãããããªããã èªç±ãªåãæ¹ãã§ãã¦ã給æãé«ããã¹ãã¬ã¹ããªã¼ã§åããã£ã¦æãããã§ãã¿ããã ãã©ããããªã®ã¯æªããã¤ã³ãã«ã¨ã³ãµã¼ãããã°ã©ãã³ã°ã¹ã¯ã¼ã«ã®å®£ä¼æå¥ã«éããªããã 解説ããããããèªãã§ï¼ ãããªâ¦ããã¾ãã ããå¤éã¡ã³ããã³ã¹ãç·æ¥å¯¾å¿ãããã£ã¦ããããªã®ã£ã¦ãªããï¼åãã¡ã¯ã½ã·ã£ã²ãã¡ã³ããã³ã¹ã«ãªã£ãã¨ãã«ãæå¥ãè¨ã£ã¦ããã©ã åãã¡ããªãããWebã¨ã³ã¸ãã¢ããã¡ã³ããã³ã¹ä¸ã«ä½ããã¦ãããæ³åãããã¨ãããããï¼ ã¡ã³ããã³ã¹ä¸ãå½¼ãã¯ãã¬ãã·ã£ã¼ã«èããªããå¿ æ»ã§åãã¦ãããã ãã¦ã¼ã¶ã¼ã®ããã«ãæ©ããµã¼ãã¹ãåé
å¹³æ¥ã®æ©æã«éçåãä¸ãã¢ããã¯ã«ç ´æ» ã¨æ» 亡ããã©ããã@neer_chanã§ãã çãããä»®æ³ã¹ã¯ãã¼ã«ãã¦ã¾ããï¼ æ¦è¦ ä»®æ³ã¹ã¯ãã¼ã«ã¨ã¯ ä»®æ³ã¹ã¯ãã¼ã«ã®ä»çµã¿ ä»®æ³ã¹ã¯ãã¼ã«ã®é å åæã¨ãã¦ã縦ã¹ã¯ãã¼ã«ã®è©±ããã¾ãã ä»®æ³ã¹ã¯ãã¼ã«ã¨ã¯ GIFã®éããè¦ãã¦ããç¯å²(+α)ã®ã¿ã¬ã³ããªã³ã°ãããã®ã è¦ã¯ããã±ããéçã¿ãããªãã®ã§ããï¼çµ¶å¯¾ã«éãï¼ ä»®æ³ã¹ã¯ãã¼ã«ã®ä»çµã¿ ã¤ã«ããã¡ã³ãã¼ãç´¹ä»ãããï¼ è¦ããç¯å²ãæå®ããããã®Div ã¹ã¯ãã¼ã«ããé«ããæå®ããDiv ListItemãç½®ãUnorderdList ãã¤ãã®ãããã¤ãã®ãã¿ã¨ListItem 以ä¸ã®4ã¤ãç»å ´ããã¡ã³ãã¼ã ï¼ ã¡ãªã¿ã«ãé常ã®ã¹ã¯ãã¼ã«ã®å ´åã¯2ã®å½¹å²ã3ãè¡ãæãã«ãªãã¾ãã ã¾ãã以ä¸ã®è¦ç´ ããããããæå®ããå¿ è¦ãããã¾ãã è¦ããç¯å²ã«è¡¨ç¤ºãã4ã®ListItemã®åæ°ï¼ãããã¯
ç¦å²¡ããã£ã¨IT交æµä¼ vol.9ãã»ãã¥ãªãã£ã®è©±ãèããã 2019/01/25 ãããã¤ã³ã¿ã¼ãããæ ªå¼ä¼ç¤¾ ãããã¤ã³ã¿ã¼ãããç ç©¶æ ä¸ç´ç ç©¶å¡ æ¾æ¬äº®ä» / ã¾ã¤ãã¨ãã¼ / @matsumotory
mdlineã¨ããMarkdownã§ã¿ã¤ã ã©ã¤ã³(年表)ãæ¸ãã¦ãHTMLãªã©ã®å½¢å¼ã«ãããã§ãããã¼ãµãã¸ã§ãã¬ã¼ã¿ã¼ãªã©ã®ãã¼ã«ãæ¸ãã¾ããã ç¹å®ã®è¨æ³ã§æ¸ããMarkdownãã年表çãªã¿ã¤ã ã©ã¤ã³ã使ãããã¼ã«æ¸ããã $ npx mdline ./timeline.md -o timeline.html ç¾å¨ã¯Markdown to HTMLãã§ãããhttps://t.co/7Vv0DUmYkX pic.twitter.com/oYJICloElA â azu (@azu_re) January 20, 2019 ãã¨ãã°ã次ã®ããã«ECMAScriptã®ã¿ã¤ã ã©ã¤ã³(年表)ãmdlineãæ±ºããMarkdownå½¢å¼ã§æ¸ãã¾ãã ï¼å®éã«ã¯ãã ã®Markdownãªã®ã§ãããæ¬¡ã®ããã« æ¥ä»: ã¿ã¤ãã« ã¨Headerã®ã¬ãã«ãåãããã¨ã¿ã¤ã ã©ã¤ã³ã¨ãã¦æ±ãæãã§ã) ##
ã¹ã¿ã¤ã«ã¬ã¤ãã0ãã使ãã¦ãã人ã«ãæå ±ã§ãã Webãµã¤ãã§ä½¿ç¨ããã«ã©ã¼ããã©ã³ãããã´ãªã©ã夿´ããã ãã§ããã®Webãµã¤ãã®ã¹ã¿ã¤ã«ã¬ã¤ãã使ã§ããSketchã®ãã³ãã¬ã¼ãç´ æãç´¹ä»ãã¾ãã UIè¦ç´ ã¯ã·ã³ãã«åããã¦ãããã«ã¹ã¿ãã¤ãºãèªç±ããããã¹ã¿ã¤ã«ã¬ã¤ãã®ãã©ã¼ãããã¯4種é¡ç¨æããã¦ãã¾ãã Symbols Symbolsã§ä½æã§ããã¹ã¿ã¤ã«ã¬ã¤ã Symbolsã®ãã¦ã³ãã¼ã Symbolsã®ä½¿ãæ¹ Symbolsã§ä½æã§ããã¹ã¿ã¤ã«ã¬ã¤ã Symbolsã¯ãã®åã®éããã·ã³ãã«ã§èªåæ´æ°ãããã¹ã¿ã¤ã«ã¬ã¤ãã®ãã³ãã¬ã¼ãã§ãã使ç¨ããã«ã©ã¼ã»ãã©ã³ãã»ãã´ãªã©ã夿´ããã ãã§ãWebãµã¤ãã«ä½¿ç¨ãããã¾ãã¾ãªã³ã³ãã¼ãã³ãã®ã¹ã¿ã¤ã«ãå®ç¾©ã§ãã¾ãã
æ¯æããã¶ã¤ãã¼ã¯ç®ãè¦ããã¨ãåãã§èªåã®è£½åã«åããããã¾ããããããã¸ã¿ã«è£½åã§ãã£ã¦ãç©ççãªè£½åã§ãã£ã¦ãããã¶ã¤ãã¼ã¯å¿ã®ä¸ã§ã人ã ãèªåã®è£½åã使ããããããã«ãªããæ¥½ããã§ä½¿ãããã«ãªãã¨ä¿¡ãã¦ããã®ã§ãã ããã¯ããä¸è¬è«ããããã¾ãããããããç§ãã¡ã¯ãã¶ã¤ãã¼ã¨ãã¦ãèªç¶ã¨ èªåãåãçµãã§ããåããã¸ã§ã¯ããæé«ã®ãã®ã«ã ã驿°çãªãã®ã«ãã¦ãããã¦ä½ãããéããããããããã¨èããå¾åãããã¾ãã ãããç§ã®è£½åã¯ç´ æ´ãããç©ã«ãªãã¯ãã ãæ©è½ããªãã·ã§ã³ãè¨å®ãå å®ãã¦ãããã¿ããªãæ¯æ¥ãã®è£½åã使ããæç¨ããããã«ãªãã ããã â ãããã¶ã¤ãã¼ ããã§å°ãæå¤ãªäºå®ããæãã¾ãããã人ã ã¯è£½åã使ç¨ãã¨ã«ãã¾ãèå³ã¯ããã¾ãããã¦ã¼ã¶ãã¤ã³ã¿ã¼ãã§ã¼ã¹ãæä½ããããã¤ã¾ã¿ãåããããã¬ãã¼ãå¼ãããããã¿ã³ãã¿ãããããããã®ã¯ãã¹ã¦æéã®ç¡é§ã§ããããã
var scene = new voxelcss.Scene(); scene.rotate(-Math.PI / 8, Math.PI / 4, 0); scene.attach(document.body); var world = new voxelcss.World(scene); var editor = new voxelcss.Editor(world); editor.enableAutoSave(); if (editor.isSaved()) { editor.load(); } else { editor.add(new voxelcss.Voxel(0, 0, 0, 100, { mesh: voxelcss.Meshes.grass })); } View in JSFiddle var voxel = new voxelcss.Voxel(0, 0, 0, 10
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? ç§ã¯ä¸»ã«Javaã使ã£ã¦å¤§éã®ãµã¤ãããã¯ãã¼ã«ã¨ã¹ã¯ã¬ã¤ãã³ã°ããã¦ãã¾ãã ä½ã£ã¦ãããµã¤ã㯠happyou.info ã§ããä¸å ´ä¼æ¥ã¨å®å ¬åºã¨å°æ¹èªæ²»ä½ã¨ãã®ä»1ä¸ãµã¤ããããã¹ã¯ã¬ã¤ãã³ã°ãã¦ãã¾ãã ãã®ã¨ã³ããªã§ã¯ãæè¡çãªãã¨ç¹ã«ããã©ããããã£ãç¹ãæ¸ãæ®ãã¦ããããã¨æãã¾ããåºæ¬çãªãã¨ããããã¾ããããç§èªèº«å¿ããããªã¨ãããããã®ã§ã 1.ä¸å ´ä¼æ¥ã¯ä¼æ¥ãå ¥ãæ¿ãã ä¸å ´ä¼æ¥ã¯æ¯æ¥ä¼æ¥ãå ¥ãæ¿ããã¾ããæ°è¦ä¸å ´ãä¸å ´å»æ¢ãåä½µãå社åã伿¥å夿´ã¯æ¯æ¥ã®ãã¨ã§ãããã®å¤åã«ãã£ããã¢ããããã®ãé£ããã£ãã§ãã
ããã«ã¡ã¯ãã¨ã³ã¸ãã¢ã®ã¿ã©ã§ãã ãã¯ã·ãã¯ãã¤ã©ã¹ã1æã§ç°¡åã«ãªãªã¸ãã«ã°ããºãä½ãããµã¼ãã¹ pixivFACTORY ãéçºãã¦ãã¾ãã ãã®pixivFACTORYã®ãã¬ãã¥ã¼ã«ç¦ç¹ãçµã£ãåå¼·ä¼ã社å ã§è¡ãã¾ããã ä»åã¯ããã®åå¼·ä¼ã®å 容ãå ¬éãããã¨æãã¾ãã ãã¬ãã¥ã¼ã¨ã¯ pixivFACTORYã§ã¯ãã°ããºã®ä»ä¸ããã®ã¤ã¡ã¼ã¸ã確èªããæ©è½ãæä¾ãã¦ãã¾ãã ãã®æ©è½ã¯ããã¼ã å ã§ãã¬ãã¥ã¼ã¨å¼ã°ãã¦ãã¦ãpixivFACTORYã®å£²ãã®ã²ã¨ã¤ã«ãªã£ã¦ãã¾ãã ä»åã®åå¼·ä¼ã§ã¯ããã¯ã·ãã®ã¨ã³ã¸ãã¢ããã®ãã¬ãã¥ã¼ã«é¢ããæè¡ããã¦ãã¦ã«ã¤ãã¦çºè¡¨ãè¡ãã¾ããã pixivFACTORYã®ãã¬ãã¥ã¼ãæ¯ããæè¡ ã¾ããç§ãã¢ããªã±ã¼ã·ã§ã³ãµã¼ãå´ã®å¦çã«ã¤ãã¦çºè¡¨ãã¾ããã ImageMagickãBlenderã¨ãã£ãã½ããã¦ã§ã¢ãã©ã®ããã«ä½¿ãåãã¦ããããè¦æ
All Microsoft Global Microsoft 365 Teams Copilot Windows Surface Xbox Deals Small Business Support Software Windows Apps AI Outlook OneDrive Microsoft Teams OneNote Microsoft Edge Moving from Skype to Teams PCs & Devices Computers Shop Xbox Accessories VR & mixed reality Certified Refurbished Trade-in for cash Entertainment Xbox Game Pass Ultimate PC Game Pass Xbox games PC games Business Microsof
[ã¬ãã«: ä¸ç´] Googleã¯ã¦ã§ããã¹ã¿ã¼åãå ¬å¼ããã°ã§ãJSON-LDã¨Web Componentsã®2ã¤ã®æè¡ãå ±ã«ä½¿ããã¨ãæ¨å¥¨ãã¾ããã JSON-LDã¨ã¯ JSON-LDã¯ãLinked Dataï¼ãªã³ã¯ãã»ãã¼ã¿ï¼ãè¨è¿°ããããã®ãã©ã¼ãããã§ãã SEOã«ããã¦ã¯ãæ§é åãã¼ã¿ã®ããã£ãã©ãªã®1ã¤ã§ããschema.orgãè¨è¿°ããã·ã³ã¿ãã¯ã¹ã¨ãã¦å©ç¨ã§ãã¾ãã æ§é åãã¼ã¿ã¨ãã¦ã®schema.orgãJSON-LDã«ã¤ãã¦ã¯ããã®ããã°ã§è©³ãã解説ãã¦ãã¾ãããã [æ§é åãã¼ã¿åç´è åã] schema.orgã¨MicrodataãRDFaã£ã¦ä½ãéãã®ï¼ ãå¾¹åºè§£èª¬ãJSON-LDã使ã£ãschema.orgã®è¨è¿°æ¹æ³ ã¼ãããå§ããã»ãã³ãã£ãã¯SEOï¼æ§é åãã¼ã¿ at CSS Nite LP36 schema.orgã®ããã¾ã§ã¨ä»ãããã¦ãããã at
photo by MDGovpics æè¡é¢æ¥ãæ å½ããæ©ä¼ããã£ãï¼ ä»ã¾ã§ï¼é¢æ¥ããããã¨ã¯ãã£ã¦ãããå´ã«ãªãã®ã¯åãã¦ï¼ çãæéã§ããææãå¾ãããï¼äºåã«è²ã ã¨æºåããã¦ããæããã¨ã«ããï¼ æåã« é¢æ¥ã¨ããã°è³ªåã ï¼ éã«è¨ãã¨è³ªåã®éåã颿¥ã¨è¨ã£ã¦ãå·®ãæ¯ããªãï¼ ããã§ãªã«ã質åãã¹ããèããï¼ æ¡ç¨é¢æ¥ã®ç®çã¯ä¸ç·ã«åã仲é(ãå¢ãã|ã«ãªã)ã¨ãããã¨ã ï¼ ã¤ã¾ãï¼ãäºãã«ä¸ç·ã«åãããã¨æããã¨ã³ã¸ãã¢ãªã®ãã夿ã§ããã°ãã¼ãã§ã¯ãã³ãã¥ãã±ã¼ã·ã§ã³ã¨è¨ããã ããï¼ äºåæºå ä¼è©±ã¯3å¾å¾©ããããããã¨æ·±ã人ã¨ãªããããããããï¼ ãªã«ãç¨æããªãã¨ãããªã®ã¯çµ¶å¯¾ç¡çãªã®ã§ï¼äºåã«è³ªåãç¨æãã¦ããï¼ ã¨ã³ã¸ãã¢ã®å ´åï¼å¿åè³æã¯ã ããã以ä¸ã®2ã¤ãããï¼ ããã°ãGitHubãªã©ã¤ã³ã¿ã¼ãããã§ã®æ´»å è·åçµæ´æ¸ ãã®2ã¤ããã¨ã³ã¸ãã¢åãä½ãã¤ã¤ï¼è³ªåãã
ã©ã³ãã³ã°
ãç¥ãã
ã©ã³ãã³ã°
ãªãªã¼ã¹ãé害æ å ±ãªã©ã®ãµã¼ãã¹ã®ãç¥ãã
ææ°ã®äººæ°ã¨ã³ããªã¼ã®é ä¿¡
å¦çãå®è¡ä¸ã§ã
j次ã®ããã¯ãã¼ã¯
kåã®ããã¯ãã¼ã¯
lãã¨ã§èªã
eã³ã¡ã³ãä¸è¦§ãéã
oãã¼ã¸ãéã
{{#tags}}- {{label}}
{{/tags}}