ã¿ã°æ¤ç´¢ã®è©²å½çµæãå°ãªããããã¿ã¤ãã«æ¤ç´¢çµæã表示ãã¦ãã¾ãã
ãã¯ã³ã´æè²äºæ¥Webããã³ãã¨ã³ããã¼ã ã® berlysia ã§ã*1ã ã¯ããã« ãã®è¨äºã§ã¯ãæ¥æ¬èªã®ç¸¦æ¸ãHTMLã«ããã¦ãããã1æåã縦çµã¿ã®ãªãã§éåæãªã縦æ¸ãã¨ãã¦è¡¨ç¤ºããããã¨ã¯ã©ã®ããã«æãç«ã£ã¦ããã®ããæå³ããªã表è¨ã«ãªããããæåã¨ãã®çç±ã«ã¤ãã¦ç´¹ä»ãã¾ãã æå¾ã¾ã§èªãã¨ã縦æ¸ãæã®æåã®ç¸¦æ¨ªã«é¢ããåé¡ããã¡ã©ããã«å解ã§ããããã«ãªãã¯ãã§ããã¨ãããããã©ã³ãã®ããã ãããã¨çãæ¥ã ã«ã¯ãããã§ãããã°ãã¾ããã*2ã ã¯ããã« Näºåæ ¡ã«ãããæ¥æ¬èªç¸¦æ¸ãHTML CSS ã®é¢é£ä»æ§ æ¥æ¬èªã®ä¸è¬çãªç¸¦æ¸ãã«è¨å®ãã ãã¾ããããªããã¨ãèµ·ãããããæåãã¡ ãã¾ããããªãæåããã¾ããããªãçç±ãç解ãã 縦æ¸ããèæ ®ããæåã®å¨ãã®æ¹åã®å®ç¾© CSS ã«ããã縦æ¸ãã§ã®æåã®ç¸¦æ¨ª upright typesetting sideways type
縦æ¸ãæ庫ã®çµçã¨ã³ã¸ã³ã§ããnehanï¼js製ï¼ãRustã§æ¸ãæããWebAssemblyã§å®è¡ããã¨ãããç´3åã®é«éåã«æåãã¾ããã ç¾æç¹ã§ãã§ã«éç¨ããã¦ãã¾ãã ææ³ã¨ãã¦ã¯ãæ¬å½ã¯10åãããéããªã£ã¦æ¬²ããã£ããã©ãããã¾ã§ã¯é度ãåºãã«ãããâ¦ãã¨ããæãã§ãã 3åãªãè¯ãã§ã¯ãªãããã¨æãããæ¹ãããããããã¾ããããé空æ庫ã®é·ç·¨å°èª¬ãªããã¯ãã ããã40ä¸åãããããããã®jsã§ã®çµçæéã¯ï¼ãããé ã端æ«ã ã¨ï¼27ç§ã«éãããã¨ãããã¾ãã ã¡ãªã¿ã«æå ã®ãã¼ãPCï¼ã¡ã¢ãª8Gï¼ã§jsã«çµçãããã¨5ç§ãããã§ãã ãã®5ç§ã1.7ç§ãããã«ãªãã®ã¯å¬ããã¦ãã27ç§ã9ç§ã«ãªã£ã¦ããããã¾ãå¬ãããªãã§ãããã ã ããããã£ã¨10åãç®æ¨ã«ãã¦ããã®ã§ãã⦠ã¾ãããããé å¼µã£ã¦ãRustå´ã®ã½ã¼ã¹ãæé©åãã¦ãããã¨æãã¾ãã ãã¥ã¼ã¢ã¼ã®å¤æ´ç¹ å ¨ãã¼
Appleã®Webãã©ã¦ã¶ãSafari 17.4ãã§ãæ¥æ¬èªã®ç¸¦æ¸ã表示ãå¯è½ã«ãªã£ããæ¬ãã¼ã¸ã§ã³ã§ã¯WebKitã®ã¤ã³ã©ã¤ã³ã¬ã¤ã¢ã¦ãã¨ã³ã¸ã³ã®å ¨é¢çãªæ¸ãæããå®äºããç¸äºéç¨æ§ãããã©ã¼ãã³ã¹ãåä¸ããã Appleã¯ã3æ5æ¥ä»ãã§ãªãªã¼ã¹ãããiOS 17.4ãiPadOS 17.4ãç¾å¨ãã¼ã¿çã®macOS Sonoma 14.4ãªã©ã«ãã³ãã«ãããWebãã©ã¦ã¶ãSafari 17.4ãã§ãæ¥æ¬èªã®ç¸¦æ¸ã表示ãå¯è½ã«ãªã£ããã¨ãæããã«ãã¾ããã Appleã¯ãã®Safari 17.4ã§ãéå»21å¹´é使ããã¦ããã¬ã³ããªã³ã°ã¨ã³ã¸ã³ã§ããWebkitã®ã¬ã¬ã·ã¼ãªã©ã¤ã³ã¬ã¤ã¢ã¦ãã¨ã³ã¸ã³ãã¤ãã«å»æ¢ããã¤ã³ã©ã¤ã³ã¬ã¤ã¢ã¦ãã¨ã³ã¸ã³ã®å ¨é¢çãªæ¸ãæããå®äºãããã¨ãå ±åãã¦ãã¾ãã ããã«ãããææ°ã®Webæ¨æºã§ã®ç¸äºéç¨æ§ãåä¸ããã¤ã³ã©ã¤ã³ã¬ã¤ã¢ã¦ãã®ãã°ãæ¸ããããã©ã¼
ITã¸ã£ã¼ããªã¹ãï¼Publickeyããã¬ã¼ãITç³»ã®éèªç·¨éè ããªã³ã©ã¤ã³ã¡ãã£ã¢çºè¡äººãçµã¦ç¬ç«ã2009å¹´ã«Publickeyãéå§ãã¾ããã Appleã¯ã3æ5æ¥ä»ã§ãªãªã¼ã¹ãããiOS 17.4ãiPadOS 17.4ãç¾å¨ãã¼ã¿çã®macOS Sonoma 14.4ãªã©ã«ãã³ãã«ãããWebãã©ã¦ã¶ãSafari 17.4ãã§ãæ¥æ¬èªã®ç¸¦æ¸ã表示ãå¯è½ã«ãªã£ããã¨ãæããã«ãã¾ããã Appleã¯ãã®Safari 17.4ã§ãéå»21å¹´é使ããã¦ããã¬ã³ããªã³ã°ã¨ã³ã¸ã³ã§ããWebkitã®ã¬ã¬ã·ã¼ãªã©ã¤ã³ã¬ã¤ã¢ã¦ãã¨ã³ã¸ã³ãã¤ãã«å»æ¢ããã¤ã³ã©ã¤ã³ã¬ã¤ã¢ã¦ãã¨ã³ã¸ã³ã®å ¨é¢çãªæ¸ãæããå®äºãããã¨ãå ±åãã¦ãã¾ãã ããã«ãããææ°ã®Webæ¨æºã§ã®ç¸äºéç¨æ§ãåä¸ããã¤ã³ã©ã¤ã³ã¬ã¤ã¢ã¦ãã®ãã°ãæ¸ããããã©ã¼ãã³ã¹ãåä¸ããå®å®æ§ãæ¹åãããæ°ããæ©è½ãã¯ããã«ç°¡åã«å®è£ ã§
å æ¥ãªãªã¼ã¹ãããSafari 17.4ãã¯ãããã¾ããªããªãªã¼ã¹ãããChrome 124ã§ãã©ã¼ã ã³ã³ããã¼ã«ã®ç¸¦æ¸ãã¢ã¼ããæ£å¼ã«ãµãã¼ãããã¾ããããã§ããã¹ã¦ã®ä¸»è¦ã¢ãã³ãã©ã¦ã¶ã§ãµãã¼ãããããã¨ã«ãªãã¾ãã 縦æ¸ãã¢ã¼ãã®å¯¾è±¡ã¨ãã¦æ¥æ¬èªã¦ã¼ã¶ã¼ãå«ã¾ãã¦ããã®ã ã¨æãã¾ãããè¦æ £ãã¬ãããéåæãããã縦æ¸ãã®ã³ã³ãã³ãã ã£ããããã®ããªã ãã©ã¼ã ã縦æ¸ãã«ããã«ã¯ãwriting-mode: vertical-rl;ãè¨å®ãã¾ãããµãã¼ããã©ã¦ã¶ã¯ãSafari 17.4+, Firefox 120+ãã¯ãããChrome, Edgeã119ãããµãã¼ãããã¦ãããéããªããªãªã¼ã¹äºå®ã®Chrome 124ã§æ£å¼ã«ãµãã¼ããããäºå®ã§ãã writing-mode: Vertically-oriented form controlsã®ãµãã¼ããã©ã¦ã¶ 詳ããã¯ãä¸è¨ãã
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? è¦ç¯ï¼ã¶æã®æãçµã¦ãå人éçºã§ä½ã£ã¦ããWebãµã¼ãã¹ãå®æãã¾ããã®ã§å ±åããã¦ãã ããã å¶ä½ã®ä¸ã§ãã©ã³ã¹äººã®ãã¶ã¤ãã¼ã¨åºä¼ããäºäººã§çå£ã«ä½ãã¾ããã æãªããè¯ããµã¼ãã¹ãã§ããã¨èªè² ãã¦ããã¾ãã ãã®è¨äºã§ã¯ãå人éçºã®æ¥½ããã«å ããå½éçãªãã¼ã ãçµãã§ãµã¼ãã¹ãä½ãä¸ãã楽ããã«ã¤ãã¦ãå ±æã§ãããã¨æãã¾ãã æ¥æ¬èªãããç¾ããè¦ããã縦æ¸ãç»åã¢ããªãã¿ãã¬ã¯ã ç§ãã¡ãä½ã£ãã®ã¯ããã¿ãã¬ã¯ãã¨ããWebã¢ããªã§ãã ã¿ãã¬ã¯ã使ãã°ãèªç±åº¦ãé«ããç´æçã«ç¸¦æ¸ãã®ç»åãçæã§ãã¾ãã çæãçç·¨ãã¡ãã»ã¼ã¸
ããã°ã«é»åæ¸ç±ãè¨ç½®ãããã å¿æ´ãã¦ã¾ãã ãã£ãã§ãã ã¹ããã§ã¿ãæ¸ãEPUBãã¡ã¤ã«ãã¤ãããiPhoneç·¨ Googleããã¥ã¡ã³ãã§é»åæ¸ç±ã®å¶ä½ãããã PCã«ã¤ãã¤ãã¨ãã¼ã«ãå ¥ããããªã PCãããããæ©ä¼ãå°ãªã iPhoneï¼IOS端æ«ï¼ã«éããã¦ãã¾ãã¾ãããã²ã¨ã¤ã®æ¹æ³ã§ãã åèã«ãªããã¨ããã£ããå¬ããã§ãã ã¹ããã§ã¿ãæ¸ãEPUBãã¡ã¤ã«ãã¤ãããiPhoneç·¨ ï¼ï¼Googleããã¥ã¡ã³ãããã¡ã¤ã«ãDocxãã¡ã¤ã«ã« ï¼ï¼Pagesã«å稿ãã¡ã¤ã«ãåãè¾¼ã ï¼ï¼Pagesã§ç·¨é ï¼ï¼EPUBãã¡ã¤ã«ãã¤ãã ï¼ï¼kindlepreviewerã§ãã§ãã¯ãããï¼ããããã¯PCï¼ ãéããããã«ã¹ããã§ã»ã¨ãã©ä½æ¥ãã 使ç¨ãã¼ã«ã»ã¢ã㪠ãã¹ããã§ä½¿ç¨ã ã»Pages ã»Googleããã¥ã¡ã³ã ãæå¾ã®æå¾ã§ï¼°ï¼£ã§ä½¿ç¨ã ã»kindlepreview
ãç®å½ã¦ã®ã«ã«ãªãã³ã¿ã¼ãº ãã©ã¹ã«è¡ããã®ã§ããã帰ããã¨æ±äº¬é§ æ§å ã®ã°ã©ã³ã¹ã¿ãæ©ãã¦ããã¨ãçªç¶ç«ã¡æ¢ã¾ã£ã¦ããªãã ã¢ã¬ã¯ï¼ãã¨åãã¨ã¹ãã¬ãã½æ°ã ç®ç·ã®å ã«ã¯â¦ Made in ãã¨ã¼ã«ã»ã¨ã«ã¡ ï¼ã¡ã¤ã ã¤ã³ ãã¨ã¼ã«ã»ã¨ã«ã¡ï¼ ãã«ãã³ã©ã¤ã³ããã ãã«ãã³ 3åè©°ãåãã ãã«ãã³ 6åè©°ãåãã ãã«ãã³ 10åè©°ãåãã ãã®ä» è³¼å ¥ã¡ã¢ ãã«ãã³Â 3åè©°ãåãã ãããï¼åå·å·»ï¼ ã¾ã¨ã Made in ãã¨ã¼ã«ã»ã¨ã«ã¡ ï¼ã¡ã¤ã ã¤ã³ ãã¨ã¼ã«ã»ã¨ã«ã¡ï¼ åæã«ã縦æ¸ãã¨ã«ã¡ãã¨å¼ãã§ãã¾ãããããåºã®ååã¯ãMade in ãã¨ã¼ã«ã»ã¨ã«ã¡ãã ããã§ãï¼ã¨ã«ã¡ã®ãã¼ã ãã¼ã¸ã§ç¢ºèªï¼ ã§ã⦠縦æ¸ãã¨ã«ã¡ã§ããï¼ ä¸ççã«èåãªãã©ã³ã¹äººããã£ã·ã¨ PIERRE HERMà ãé¸ãããã£ãæ¥æ¬ã®ç´ æ´ããããã®ããæ±äº¬ä¸¸ã®å ããä¸çã¸çºä¿¡ããã³ã³ã»ããã·ã§ãã åå°ã§
ããã«ã¡ã¯ãã¹ã¿ãã£ãµããªã§ Web Engineer ããã¦ãã@indigolainã§ããæè¿ã¯ããã³ãã¨ã³ãã®å²åãé«ãã«éçºããã¦ãã¾ãã ä»åã¯ã¹ã¿ãã£ãµããªã§æä¾ãã¦ããå¦ç¿ã³ã³ãã³ãã®ä¸ã§ãç¹å¾´çãªç¸¦æ¸ãå¦ç¿ã³ã³ãã³ãã«é¢ãã¦ããããå®ç¾ããä¸ã§å©ç¨ãã CSS ããããã£ã¨ããã®å¥¥æ·±ããç´¹ä»ãããã¨æãã¾ãã ãªã Web ã§ç¸¦æ¸ã ã¹ã¿ãã£ãµããªã§ã¯ã¦ã¼ã¶ãæ®æ®µç®ã«ããã§ãããå¦ç¿ææã«è¿ãå½¢å¼ã§å¦ç¿ã³ã³ãã³ããæä¾ããããã«ãå¦ç¿ã³ã³ãã³ãä½æè ãåé¡ã HTML ã©ã¤ã¯ãªå½¢å¼ã§ããç¨åº¦èªç±ãªè¡¨ç¾ã§å ¥ç¨¿ããã¦ã¼ã¶ã«æä¾ã§ããããã«ãã¦ãã¾ãã ç¹ã«å½èªã®ã³ã³ãã³ããªã©ã¯ããã«å¾ãå½¢ã§ãå ¥ç¨¿æ¬¡ç¬¬ã§ä¸é¨ã®å¦ç¿ã³ã³ãã³ãã縦æ¸ãã¨ãã¦è¡¨ç¾ã§ããããã«ãã¦ãã¾ãã ã©ããã£ã¦ç¸¦æ¸ããå®ç¾ãã¦ããã 縦æ¸ãã®å¦ç¿ã³ã³ãã³ãã web ã§æä¾ãããå ´åã縦æ¸ãã«ãããè¦ç´ ã«å¯¾ãã¦ã
æ¦è¦ Web ã§æåæ°ãä¸å®ã®æç« ã縦æ¸ã段çµã¿ã§ããæãã«ã¬ã¤ã¢ã¦ãããã®ã¯æå¤ã¨é£ãããã¨ãããã¨ãç´¹ä»ããè¨äºã§ãã[1] ç°å¢ Next.js App Router: v14.2.5 React ãç°¡åã«ã»ããã¢ãããããã£ãã ãã§ãã»ã¨ãã©é¢ä¿ãªãã§ã Windows 11 Google Chrome: v127.0.6533.120 å®è£ ä»åã¯ãå°èª¬ã®ãããªé·ãä¸å®ã®æç« ãã縦æ¸ããã¤ç¸¦ã¹ã¯ãã¼ã«ã§èªã¿ãããã¨ããè¦æã«å¿ãããã¨ãæ³å®ãã¾ãã é·ãæç« ã縦æ¸ããã¤ç¸¦ã¹ã¯ãã¼ã«ã§èªãã«ã¯ãèªã¿ãããã®è¦³ç¹ã§æ®µçµã¿ãããããªãã¨æãã¾ãã ã¾ãä¸è¬ã® Web ãµã¤ãã«ã¯ãããã¼ãããã¿ã¼ãããã®ã§ãæä½éãããã模ããã¬ã¤ã¢ã¦ãã«åãããã¨ãç®æ¨ã«ãã¾ãã 縦æ¸ãã§æ®µçµã¿ãã ã¾ãå ±éãã¼ãã¨ãã¦å¤ç®æ¼±ç³ã®å°èª¬ãããããã®ä¸èº«ãè©°ãè¾¼ãã ã³ã³ãã¼ãã³ããä½ã£ã¦ããã¾ããï¼ä¸èº«ã¯
ä»æ¥ãçæã«è¿ãæãã§ããã å¤ã«åºãã®ã足è¸ã¿ãã¦ãã¾ããã¦ã©ã¼ãã³ã°ããµãã£ã¦ãã¾ãã ãã½ã³ã³æ室ãæ¨æ¥ã§ææ¥ãçµãããèªå® ã§ã®å¾©ç¿ãå ¼ãã¦8æãã£ã±ãå¤ä¼ã¿ã«ãã¾ããã ç§ããã£ããåå¼·ããæéãåºæ¥ã¾ãã ããã§æ©éãã¤ã³ãã«è±ã®ç»åãæ¿å ¥ãã¦ç¸¦æ¸ãã®ååãå ¥ããäºããã¾ããã ã¨ããããWindows11ã§ã¯æä½ã®ä»æ¹ãå ¨ãéã£ã¦ãã¦ããæ¹ãè¯ã解ãã¾ããã ããã§ã¤ã³ã¿ã¼ãããã§æ¤ç´¢ãã¦ç¸¦æ¸ãã®æ¹æ³ãå¦ã³ã¾ããã ãããããWindows11ã§ã¯ç¸¦æ¸ãç¨ã®å·¦å³å転ãä¸ä¸å転ã®é ç®ãç¡ãã®ã§ãã ãã¤ã³ããèµ·åãã¦ç»åãè²¼ãä»ãããµã¤ãºå¤æ´ãããªãã³ã°ããã¦ç»åãé©åº¦ã®ãµã¤ãºã«ãã¾ãã 次ã«A(ããã¹ãï¼ãã¯ãªãã¯ãã¦ãã©ã³ãã®ç¨®é¡ã»ãµã¤ãºã»è²ãé¸æãã¦ç»åãã¯ãªãã¯ããã¨ç¹ç·ã®æ ãåºæ¥ã¾ãã æåãå ¥åããã¨æ ã大ããåºãããæ ã®æ¨ªå¹ ãè©°ããªãã縦ã延ã°ãã¦æåã縦ä¸åã«ä¸¦ã¶
iOS 17/iPadOS 17ã§ã¯ããã¹ãèªè表示æ©è½ãã¢ãããã¼ããããæ¥æ¬èªã¨éå½èª, ä¸å½èªã§ç¸¦æ¸ãããã¹ãã®ã³ãã¼ï¼ãã¼ã¹ããå¯è½ã«ãªã£ã¦ãã¾ãã詳細ã¯ä»¥ä¸ããã Appleã¯2021å¹´ã«ãªãªã¼ã¹ãããiOS 15/iPadOS 15ãã§åçå ã«ããããã¹ããæ½åºããã³ãã¼ï¼ãã¼ã¹ã(OCR)ã§ããããã«ãããããã¹ãèªè表示 (Live Text)ããè±èªãªã©ã§ãµãã¼ããã2022å¹´ãªãªã¼ã¹ããããiOS 16/iPadOS 16ãã§ã¯æ¥æ¬èªã¨éå½èªã®ããã¹ãèªèã追å ãµãã¼ãããã¾ãããã æ¬æ¥ãªãªã¼ã¹ãããiOS 17/iPadOS 17ã§ã¯ãããã¹ãèªè表示æ©è½ãã¢ãããã¼ããããæ¥æ¬èªã¨éå½èªãä¸å½èª(CJK)ã®ç¸¦æ¸ãããã¹ãã®èªèãå¯è½ã«ãªã£ã¦ãã¾ãã Vertical text recognition. Live Text recognizes vertically
ä¸é¨ã®äººã®è¦æã«å¿ãã¦ã1984å¹´ã®ç¸¦æ¸ãepubçãä½ã£ã¦è¦ãããã«ãããã¾ããããªããã«ãã ã表示ããã¦ãå°ã®æåãåºã¦ããªãã¨ããã®ã¯ä½ãªãã ã ã¾ããªãããã¾ãã§ãããã以ä¸ã®ç®æ¬¡ã®ä¸ã«ãªã³ã¯ãã¦ããã®ã§ãè¦ã¦ã¿ã¦ãã ããã genpaku.org MS-Wordã®ç¸¦æ¸ãä½ã£ã¦epubã«åºåãããã縦ã«ã¯ãªã£ãããã©ãã¼ã¸ãç¸å¤ãããå·¦ããå³ã¸æµãã¦ä¸èªç¶ããã¾ããªããepubã®ã¹ã¿ã¤ã«ã·ã¼ãããã£ã¦ãepub-writing-modeãå¤ãã¦ããã¯çªç ´ããããã«ãã¯ã©ãããã®ãããããããã¨è¡¨ç´ãã¤ããã®ã«ããã¶ãè¦å´ãç®æ¬¡ããé¨ãã¾ã§ãããªãã¦ãç« ã®ç®æ¬¡ãå ¥ããã®ã«é£æ¸ãè±æ°åãå ¨é¨å¯ã¦ããã®ãcssãããã°ãããã ãããããã¾ã¯é¢åã ã ãã¾In-Designã§ãããã¸ãç«æ´¾ã«ä½ã£ã¦ä¸ãã£ã¦ãå¥ç¹ãªæ¹ãããã®ã§ããã£ã¡ããããã§ããã®ããå¾ ã¡ãã ãããã§ãã模æ§ãé常ã«åªãã
iOS/iPadOS 17ã§ã¯æ¥æ¬èªã®ææ¸ããã¼ãã¼ãã追å ããã縦æ¸ãã®ããã¹ãèªè表示ããµãã¼ããããããã§ãã詳細ã¯ä»¥ä¸ããã Appleã¯ä¸çéçºè ä¼è°(WWDC23)ã®åºèª¿è¬æ¼ã®ä¸ã§æ¬¡æiPhone, iPadç¨OSããiOS 17/iPadOS 17ããçºè¡¨ãããã®iOS/iPadOS 17ã§ã¯Transfermerè¨èªã¢ãã«ã¨ãªã³ããã¤ã¹ã®æ©æ¢°å¦ç¿ãå©ç¨ããããã¾ã§ä»¥ä¸ã«åèªã®èªåä¿®æ£ãã¤ã³ã©ã¤ã³äºæ³ãæ£ç¢ºã«ãªãã¨çºè¡¨ãã¾ãããã Appleã®Karan MiÅraããã«ããã¨ãiOS/iPadOS 17ã§ã¯ããã®ä»ã«ãæ¥æ¬èªãã¼ãã¼ãã«ææ¸ããã¼ãã¼ãã追å ãããä¸å½ã¨æ¥æ¬èªã®ç¸¦æ¸ãããã¹ããããã¹ãèªèã§ããããã«ãªãããã§ãã Karanããã¯ããã以å¤ã«ãæ¥æ¬èªãä¸å½èªç°å¢ã§çä¿¡ãé£çµ¡å UIã§ç¸¦æ¸ãããµãã¼ãããæ¥æ¬èªãå«ãè¤æ°ã®è¨èªã§æãè¿ãã®æ©è½ãå¼·å(ç¦åå¦ç?
æç« ã縦æ¸ã表示ã«ããCSSã®ãwriting-modeãã使ã£ã¦å³ããæç« ã縦æ¸ã表示ã«ããåä½ãµã³ãã«ã¨ãµã³ãã«ã³ã¼ãã§ãã See the Pen test by yochans (@yochans) on CodePen. <div id="text-box"> <div id="text"> <h2>å¾è¼©ã¯ç«ã§ãã</h2> <p>å¾è¼©ã¯ç«ã§ãããååã¯ã¾ã ãªãã</p> <p>ã©ãã§çãããé ã¨è¦å½ãã¤ãã¬ãä½ã§ãèæãããããããæã§ãã£ã¼ãã£ã¼æ³£ãã¦ããäºã ãã¯è¨æ¶ãã¦ããã</p> <p>å¾è¼©ã¯ããã§å§ãã¦äººéã¨ãããã®ãè¦ããããããã¨ã§èãã¨ããã¯æ¸çã¨ãã人éä¸ã§ä¸çªç°æªãªç¨®æã§ãã£ãããã ããã®æ¸çã¨ããã®ã¯æã æã ãæãã¦ç ®ã¦é£ãã¨ãã話ã§ããã</p> <p>ããããã®å½æã¯ä½ã¨ããèãããªãã£ãããå¥æ®µæããã¨ãæããªãã£ãããã å½¼ã®æã«è¼ãããã¦ã¹ã¼ã¨æã¡
â»2021å¹´12æ 売ä¸ã®é¨åã追è¨ãã¾ãã Amazonã§èª°ã§ãé»åæ¸ç±ã販売ã§ãããµã¼ãã¹KDPï¼ãã³ãã« ãã¤ã¬ãã¯ã ãããªãã·ã³ã°ï¼ã§ãã²ã¨ãã¡ãã£ã¢ã§é£ã£ã¦å¯ããã¨ããæ¬ãåºçãã¾ããã ãã®è¨äºã§ã¯åºçã¾ã§ã®éç¨ããã®æç¶ãã«ã¤ãã¦ç´¹ä»ãã¾ãã ãæ¬ã£ã½ããã¨ããçç±ãããä»åã¯ã©ããã¦ã縦æ¸ãã§åºçããããç°¡åã«ç¸¦æ¸ãã®Kindleæ¬ãä½æã§ããæ¹æ³ããã§ã¤ã¹ãã¾ããã åãããã«ç¸¦æ¸ãã§åºçããã人ã«ä»¥ä¸ã®æ¹æ³ã¯ããããã§ãã ã¾ã使ã£ããã¼ã«ããç´¹ä»ã KDPï¼ãã³ãã«ãã¤ã¬ã¯ããããªãã·ã³ã°ï¼ã«å¿ è¦ãªãã¼ã« æé 1ï¼ã¯ã¦ãªããã°ã§è稿ãæ¸ã æé 2ï¼livedoorããã°ã§ç·¨éãã¦ãEPUBãã¡ã¤ã«ãä½ã æé 3ï¼Kindle Previewerãè¦ãªããæ ¡æ£ããã livedoorããã°ã§è¦ªåé¢ä¿ãããKindleç®æ¬¡ãã¤ããæ¹æ³ï¼é層åï¼ æé 4ï¼ã³ã³ãã©ã§è¡¨ç´ç¨
01CSSã§ç¸¦æ¸ãã¬ã¤ã¢ã¦ããçµã writing-mode 縦æ¸ãã®ã¬ã¤ã¢ã¦ãã«ããã«ã¯ãCSSã®writing-modeããããã£ã使ãã¾ãã HTML <div class="vertical"> <p>縦æ¸ãã¬ã¤ã¢ã¦ãã§<br>表ç¾ã®å¹ ãåºããã¾ãã</p> </div> CSS .vertical { -ms-writing-mode: tb-rl; writing-mode: vertical-rl; } åºåçµæ 縦æ¸ãã¬ã¤ã¢ã¦ã㧠表ç¾ã®å¹ ãåºããã¾ãã writing-modeã®å¤ã«ã¯ä¸è¨ãããã¾ãã horizontal-tbï¼lr-tbï¼ æ¨ªæ¸ããä¸ããä¸ã¸æ¹è¡ vertical-rlï¼tb-rlï¼ ç¸¦æ¸ããå³ããå·¦ã¸æ¹è¡ vertical-lrï¼tb-lrï¼ ç¸¦æ¸ããå·¦ããå³ã¸æ¹è¡ ã«ãã³å ã¯IEç¨ã®ãã³ãã¼ãã¬ãã£ãã¯ã¹ã®å¤ã§ãã å®éã«ã¹ã¿ã¤ã«ãé©ç¨ãããã®ãè¦
ç¾å¨ãAffinityã«ã¯ç¸¦æ¸ãæ©è½ããªããæè¼äºå®ãããã¾ããï¼Affinityéçºä¼ç¤¾ã®CEOã2023å¹´ã«ã縦æ¸ãã®éçºãé²ãã¦ãããã¨çºè¨ãã¾ããã詳ããã¯ãã®è¨äºã®æå¾ã«æ¸ãã¦ãã¾ãï¼ã ç¾æç¹ã§ãAffinityã§æ¥æ¬èªã縦æ¸ãããæ¹æ³ã¯ä»¥ä¸ã®2種é¡ããã¾ãã A: 縦æ¸ãç¨ãã©ã³ãã使ç¨ãã B: Affinity Publisherã§æ¢åã®ãã©ã³ãã§ããã¹ããå¶ä½ããããã縦æ¸ãã«ãã Aã®æ¹æ³ã¯Affinity Publisherã ãã§ãªããAffinity DesignerãAffinity Photoã§ãå¯è½ã§ãããã®è¨äºã§ã¯ããã®æ¹æ³ã«ã¤ãã¦è§£èª¬ãã¦ãã¾ãã Bã®æ¹æ³ã¯å¥½ããªæ¥æ¬èªãã©ã³ãã使ç¨ã§ããã¨ããã¡ãªãããããã¾ãããAffinity Publisherã®ã¿ã§æéããããã¾ãã ãã®æ¹æ³ã«ã¤ãã¦ç¥ãããæ¹ã¯ãâã®è¨äºããèªã¿ãã ããã Affinity P
Thorium Readerâ â ããã¼ã¸ã§ã³2.4ã§ç¸¦æ¸ãEPUBã®è¡¨ç¤ºã«æ£å¼å¯¾å¿ é»ååºçã®ã¨ã³ã·ã¹ãã ã«åãçµãã§ããEDRLabã¯ãEPUBãªã¼ãã¼ã§ããThorium Readerã®ãã¼ã¸ã§ã³2.4.0ã3æ20æ¥ã«ããã¼ã¸ã§ã³2.4.1ã22æ¥ã«ãªãªã¼ã¹ããï¼2.4.0ã«ãã°ããã£ãããããã«2.4.1ããªãªã¼ã¹ããã¦ããâ ï¼â ã ãã¼ã¸ã§ã³2.4ã§ã¯å é¨çãªããã¤ãã®æ¹åã®ã»ããé»åæ¸ç±ï¼EPUBï¼ã®ç¸¦æ¸ã表示ãå³ããå·¦ã¸ã®ãã¼ã¸éããæ£å¼ãµãã¼ããããã«ãã®è¡¨ç¤º/é表示ãªãã·ã§ã³ï¼èªã¿ä¸ãæã«ã¯ã«ãèªä½ã¯èªã¿é£ã°ãï¼æ¬æã®ã¿ãèªãï¼ããã«ãªã£ãï¼ãEPUB3 Media Overlaysããµãã¼ãããããæ´æ°æ å ±ã®è©³ç´°ã¯2.4.0ã®ãªãªã¼ã¹ãã¼ããåç §ã®ãã¨ã EPUBã®ãµã³ãã«ãèæãã縦æ¸ã表示ãããã® ã¾ããOSã«å ¥ã£ã¦ããæ¥æ¬èªãã©ã³ãã§è¡¨ç¤ºã§ããããã«ãªã£ããè¨å®ã®
2022å¹´4æ23æ¥ããè¿éå大éªç·ã§ã¯ãã¤ã¤å¤æ´ãå®æ½ãã¾ãããããã«ãããã¦å¤§éªé¿é¨éæ©é§ ã«æ²ç¤ºããã¦ããæ°ããæå»è¡¨ãããªãã¨æ°æ§å¼ã«ãªã£ã¦ãã¾ãã è¿éããã縦æ¸ãã¹ã¿ã¤ã«ã®æå»è¡¨ãè¦ç´ãã«ãªãããããã¾ããã 縦æ¸ãã¹ã¿ã¤ã« ããã¾ã§ã®è¿éæ¨æºæå»è¡¨ã¯ãä»ã®äºæ¥è ã§ã¯ãã¾ãè¦ãªã縦æ¸ãã¹ã¿ã¤ã«ã§ããã æå»ã®æ¬ã横並ã³ã«ãªã£ã¦ããããã®ä¸ã«çºè»ããé»è»ãæç³»åã«ãªã£ã¦ä¸¦ãã§ãã¾ãã ããã¦ä»åããæ²ç¤ºããã¦ããã®ã横æ¸ãã¹ã¿ã¤ã«ã京éªãåæµ·ã§ãããè¦ãã馴æã¿ã®ã¿ã¤ãã§ãã è²åãã¯åãã§ããããéã®äº¤é¿æ²ãã®ã¿æ ã«ãã¿å¡ãã§æ¸ããã¦ãã¾ãã ä»åæ²ç¤ºããã¦ãã横æ¸ãã¹ã¿ã¤ã«ã®æå»è¡¨ã¯ãä»åãç´¹ä»ãã大éªé¿é¨éæ©é§ ã®ä»ã«ã å大éªç·åé§ ã«ããã¦æ²ç¤ºããã¦ããããã§ãã ç´è³ªãè¦ãã«ç°¡æãªå°å·æ¹æ³ã§åºãããæãã ã£ãã®ã§ããããæ«å®çãªãã®ãªã®ããããã¨ãæ¬æ¡ç¨ã¨ãªãã®ã注ç®ããã¾
iOSçã¨åçã®æ©è½ã追å ãã縦æ¸ãã¨ãã£ã¿ã¼ãç¸¦å¼ v2.0 for Macãããªãªã¼ã¹ããã¦ãã¾ãã詳細ã¯ä»¥ä¸ããã 縦å¼ã·ãªã¼ãºã¯Mitsui Kazuyukiãããéçºãã¦ããMacããã³iPhone/iPadã®ã¯ãã¹ãã©ãããã©ã¼ã ã«å¯¾å¿ãã縦æ¸ãã¨ãã£ã¿ã¼ã§ãMacçã¯2019å¹´10æã«ãç¸¦å¼ v1.0ãããªãªã¼ã¹ããã¦ãã¾ããããæ¥æ¬æé2021å¹´08æ11æ¥ããã®Macçã¢ããªã®ã¡ã¸ã£ã¼ã¢ãããã¼ãã¨ãªããç¸¦å¼ v2.0ãããªãªã¼ã¹ããã¦ãã¾ãã iOSçã¨åç¨åº¦ã®æ©è½è¿½å ï¼ä¸é¨ã®èª²éæ©è½ãé¤ãï¼ãè¡ãªã£ãã¡ã¸ã£ã¼ã¢ãããã¼ãã§ãã âç¸¦å¼ â 縦æ¸ãå ¥å â Mac App Store ç¸¦å¼ v2.0 for Macã§ã¯UIãå·æ°ããã縦æ¸ã/横æ¸ãã®å¤æ´ãã«ããåç¹ã縦ä¸æ¨ªãè¦åºããæ¹ãã¼ã¸ãã»ã³ã¿ã¼å¯ããéæ¿ç¹æåã¸ã®æ¿ç¹ãã©ã¤ã/ãã¼ã¯ã¢ã¼ããæ¹è¡æã®èªååä¸ã¨ãã£
2022å¹´11æAffinity Designerãã¢ããã°ã¬ã¼ããã¦Affinity Designer2ãçºå£² 2022å¹´11æ9æ¥ãAdobe Illustratorã®ä»£æ¿ã½ããã¨ãã¦ãæåãªãSerif社ã®ãã¶ã¤ã³ã¢ããªã±ã¼ã·ã§ã³Affinity Designerã®ææ°çã¢ããªAffinity Designer2ãçºå£²ããã¾ããã ãã®è¨äºã§ã¯ããã®Affinity Designer2ã¸ã®ã¢ããã°ã¬ã¼ãã«ãããAffinity Designer1ããã®å¤æ´ç¹ãã¢ããã°ã¬ã¼ããããæ©è½ãªã©åãã¼ã¸ã§ã³ã¨ã®éããæ¯è¼ãã¦ããã¾ãï¼ ãAffinity Designer2ãã¨ã®æ··åãé¿ãããããå代ãAffinity Designerãã®ãã¨ããAffinity Designer1ãããåãã¼ã¸ã§ã³ããªã©ã¨è¡¨è¨ããå ´åãããã¾ãã 以ä¸3ã¤ã®é ç®ã«åãã¦è§£èª¬ãã¦ããã¾ãã â . Affin
div { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; } æ¥æ¬èªã¯ç¸¦ï¼verticalï¼ã®å³ããå·¦ï¼Right to Leftï¼ãªã®ã§ãã®ããããã£ãç¨ãã¾ãã IEã¯æããç¬èªä»æ§ã§ç¸¦æ¸ããå¯è½ã ã£ãããããã¬ãã£ãã¯ã¹ä»ãã§å¤ãªããããã£ãã¤ãã¦ãã¾ãã ãã®ä»ããããã£ã対å¿ãã©ã¦ã¶ã¯ä¸è¨ãµã¤ãã§ã確èªãã ããã writing-mode - CSS | MDN Can I use ãã©ã¦ã¶ã«ããéã ãã©ã¦ã¶ã«ããæåãç°ãªãã®ã§ãããæ大ã®éãã¯writing-mode: vertical-rl;ãæå®ããã¨ããChromeãSafariã¯å³è©°ããFirefoxã¯å·¦è©°ãã§è¡¨ç¤ºããã¦ãã¾ããã¨ã§ããtext-alignã§ã®æå®ã§ã¯å³è©°ãã«ãªãã¾ãããt
ä¸è¡ã¾ã¨ã Webã§ã縦æ¸ãã§ç¾ããæ¥æ¬èªã®ãå ¥åããã§ããã試ãããã£ã contenteditableã¨writing-modeã§å®è£ ãã ã¤ãã§ã«Markdownã§æ¸ããããã«ãã å®è£ æ¹æ³ contenteditable contenteditableã¨ã¯ããã¼ã¸å©ç¨è ã«DOMã®ç·¨éã許å¯ãããã¨ãã§ããå±æ§ã§ããããã©ã«ãç¶æ ã§ã¯falseãåãã¾ããã¾ããæªæå®ã®å ´åã¯è¦ªè¦ç´ ã®å¤ãç¶æ¿ããããã親è¦ç´ ã§contenteditableãæå¹ã«ããå ´åã¯åè¦ç´ ã®ç·¨éãä½µãã¦å¯è½ã¨ãªãã¾ãã
ãã®è¨äºã¯NIJIBOX Advent Calendar 2021ã®æ²è¼è¨äºã§ãã ãã®è¨äºã§è©±ãã㨠CSSã§æç« ã®ç¸¦æ¸ãã表ç¾ããå ´åã®Chromeã¨Safariã®è¡¨ç¤ºã®éãã¨ãã®åé¿ç å æ¥ãåãã¦Webã§æåã®ç¸¦æ¸ãã®å®è£ ãå¿ è¦ãªæ¡ä»¶ã«åºä¼ãã¾ããã 縦æ¸ãæç« ã£ã¦ç´åªä½ã®å°èª¬ãæ°èã§ã¯å½ããåã§ããWebã§ã¯ãªããªãçããã§ãããã ã¨è¨ã£ã¦ãæåã縦ã«ããã ãã ããªãã¨ããªãã ããã¨æã£ã¦ããã®ã§ãããã¯ãã¹ãã©ã¦ã¶ãã§ãã¯æã«äºæãã¬æåãçºè¦ãã¦ãã¾ãå°ãæ©ãã ã®ã§ããã«åå¿é²ã¨ãã¦æ¸ãæ®ãã¦ãããã¨æãã¾ãã â»PCã®ã¢ãã³ãã©ã¦ã¶å¯¾å¿ãæ³å®ãã¦ãã¾ãã â»2021/12/02æç¹ã§ã®å 容ã¨ãªãã¾ãã Google Chrome ãã¼ã¸ã§ã³: 96.0.4664.55 Safari ãã¼ã¸ã§ã³13.1.3 (15609.4.1) Webã§ç¸¦æ¸ããã©ããããï¼ ãã¦ãããã
j次ã®ããã¯ãã¼ã¯
kåã®ããã¯ãã¼ã¯
lãã¨ã§èªã
eã³ã¡ã³ãä¸è¦§ãéã
oãã¼ã¸ãéã