<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
	<channel>
		<title>綴り on akky@サイボウズラボ・ブログ</title>
		<link>https://labs.cybozu.co.jp/blog/akky/tags/%E7%B6%B4%E3%82%8A/</link>
		<description>Recent content in 綴り on akky@サイボウズラボ・ブログ</description>
		<generator>Hugo</generator>
		<language>ja</language>
		
		
		
		
			<lastBuildDate>Thu, 21 May 2020 00:00:00 +0000</lastBuildDate>
		
			<atom:link href="https://labs.cybozu.co.jp/blog/akky/tags/%E7%B6%B4%E3%82%8A/index.xml" rel="self" type="application/rss+xml" />
			<item>
				<title>正しい(イギリス)英語でCSSが書けるプラグイン</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2020/05/css-property-in-proper-english/</link>
				<pubDate>Thu, 21 May 2020 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2020/05/css-property-in-proper-english/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;https://github.com/jevakallio/css-properly&#34;&gt;jevakallio/css-properly&lt;/a&gt; は、正しい英語でCSSを書くことができる&lt;a href=&#34;https://github.com/postcss/postcss&#34;&gt;PortCSS&lt;/a&gt;のプラグインです。&lt;/p&gt;&#xA;&lt;p&gt;CSS の整形やトランスパイルを行う PortCSS にこのプラグインを入れて呼び出すことで、以下のように&lt;/p&gt;&#xA;&lt;blockquote&gt;&#xA;&lt;p&gt;&lt;code&gt;.foo { colour: black; background-colour: lightgrey; text-align: centre; }&lt;/code&gt;&lt;/p&gt;&#xA;&lt;/blockquote&gt;&#xA;&lt;p&gt;色指定を&amp;quot;colour&amp;quot;、中央寄せを&amp;quot;centre&amp;quot;などと、「正しい」英語で書いても、&amp;ldquo;color&amp;rdquo;, &amp;ldquo;center&amp;rdquo; など、正しくないけどなぜか受け入れられる文字列に修正してくれます。&lt;/p&gt;&#xA;&lt;p&gt;他にも、あなたの大好きなクマ padding-ton(パディントン)を padding-top に、表記は変わりませんがゼットインデックス(z-index)をズィーインデックス(z-index)に、など直してくれます。ラブリーですね!&lt;/p&gt;</description>
			</item>
			<item>
				<title>PHPで数字を英語に変換する</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2013/08/number-to-english/</link>
				<pubDate>Fri, 02 Aug 2013 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2013/08/number-to-english/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;http://akimoto.jp/blog/2008/07/23/php%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA%E3%81%A7%E8%A6%9A%E3%81%88%E3%82%8B%E8%8B%B1%E5%8D%98%E8%AA%9E-%E6%95%B0%E5%AD%97%E7%B7%A8/&#34;&gt;5年前&lt;/a&gt;に作った「&lt;a href=&#34;http://akimoto.jp/english/number/&#34;&gt;数字を英語に&lt;/a&gt;」を手直ししました。&lt;/p&gt;&#xA;&lt;p&gt;数字を入れると、その数字を英語でどう読むかを変換するという単機能のサービスです。&lt;/p&gt;&#xA;&lt;p&gt;たとえば、「42」に対して、&amp;ldquo;forty-two&amp;quot;を返します。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;http://akimoto.jp/english/number/&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2013/08/number-to-english/akimoto-jp-english-number_hu_3aa9ecb51f60205a.webp 480w, https://labs.cybozu.co.jp/blog/akky/2013/08/number-to-english/akimoto-jp-english-number_hu_4cc856bf6e3d0c60.webp 768w, https://labs.cybozu.co.jp/blog/akky/2013/08/number-to-english/akimoto-jp-english-number_hu_5afad26ee8690d0c.webp 955w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2013/08/number-to-english/akimoto-jp-english-number.png&#34; width=&#34;955&#34; height=&#34;720&#34; alt=&#34;akimoto-jp-english-number&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;作ったまま放置していたのですが、少ないながらも毎日利用者がいるようなので、一から書き直してみました。&lt;/p&gt;&#xA;&lt;p&gt;今回の作り直しでは、以下のような変更を行っています。&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;ベタPHPから&lt;a href=&#34;http://silex-users-jp.phper.jp/&#34;&gt;Silexフレームワーク&lt;/a&gt;の利用へ変更&lt;/li&gt;&#xA;&lt;li&gt;PHPで書かれたライブラリ&lt;a href=&#34;http://www.phpclasses.org/package/3289-PHP-Spell-numbers-in-French-and-English-and-others.html&#34;&gt;Number to word&lt;/a&gt;をやめて、PHP Intl拡張を利用&lt;/li&gt;&#xA;&lt;li&gt;上記に伴い、英語・フランス語以外のテキスト化にも対応。話者人口の多そうな言語での結果を列挙しています。&lt;/li&gt;&#xA;&lt;li&gt;デザイン無しから、流行の&lt;a href=&#34;http://getbootstrap.com/&#34;&gt;Twitter Bootstrap&lt;/a&gt;を利用、デザインをレスポンシブにしてスマートフォン対応&lt;/li&gt;&#xA;&lt;li&gt;各種ライブラリを&lt;a href=&#34;http://getcomposer.org/&#34;&gt;Composer&lt;/a&gt;管理に&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;p&gt;5年も経つといろいろ便利になって、労力は少ないのに見栄えも機能もいいもの(当社比)が作れるものですね。&lt;/p&gt;&#xA;&lt;p&gt;5年前は、ライブラリの説明に「ドイツ語にも変換できるヨ」とあったので表示させていたら、ドイツ語のわかる方から「すごく間違った結果が出ますよ」と指摘されて引っ込めました。もし今回変換結果が違ってたら、僕の間違いというよりPHPかICUライブラリの間違いです。&lt;/p&gt;</description>
			</item>
			<item>
				<title>誤字を振動で伝えるハイテクペンLernstift</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2013/07/lernstift-spelling-nazi-pen/</link>
				<pubDate>Thu, 18 Jul 2013 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2013/07/lernstift-spelling-nazi-pen/</guid>
				<description>&lt;p&gt;クラウドファンディングサイト Kickstarter に登場した Lernstift は、間違ったスペルを書いたら震えてそれを教えてくれるというペンです。&lt;/p&gt;&#xA;&lt;p&gt;子供が宿題をしていて、気づかずに次々と間違った綴りの単語を書いているのを見た発案者の妻が、「この子には間違えるたびにすぐに教えてくれるペンが必要ね」と思ったのが発端だったとか。&lt;/p&gt;&#xA;&lt;!-- Legacy embedded HTML preserved:&#xA;&lt;iframe width=&#34;640&#34; height=&#34;480&#34; src=&#34;http://www.kickstarter.com/projects/lernstift/lernstift-the-first-pen-that-vibrates-when-u-make/widget/video.html&#34; frameborder=&#34;0&#34;&gt;&lt;/iframe&gt;&#xA;--&gt;&#xA;&lt;p&gt;ペンにはモーションセンサーが内蔵され、ペンの動きにあわせて持ち主がどんな字を書いたかを認識します。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2013/07/lernstift-spelling-nazi-pen/lernstift-inside.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2013/07/lernstift-spelling-nazi-pen/lernstift-inside_hu_cbe9bacde19bdff7.webp 480w, https://labs.cybozu.co.jp/blog/akky/2013/07/lernstift-spelling-nazi-pen/lernstift-inside_hu_59c9a79225c02b56.webp 619w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2013/07/lernstift-spelling-nazi-pen/lernstift-inside.png&#34; width=&#34;619&#34; height=&#34;464&#34; alt=&#34;lernstift-inside&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;ペンには、綴りの間違いを指摘してくれる Orthography(正字法)モードと、筆記体の読みやすさを判定してくれる Calligraphy(書道)モードの二つがあります。また、技術的な延長線上には文法をチェックするモードも考えられ、いずれは追加できるだろうということです。&lt;/p&gt;&#xA;&lt;p&gt;対応言語は、まずドイツ語と英語、続いてヨーロッパの主要諸語が予定されているということですが、文字認識ソフトウェアのトップ企業から40言語以上のデータをライセンスしているということで、より多くの言語に対応したいということです。&lt;/p&gt;&#xA;&lt;p&gt;フィードバックを早く得ることで、間違いを早めに正してより早く習得することができそうですね。人類があと何年ペンと書き文字を使い続けるかはわかりませんが、移行が済むまでは、子供たちもまだまだ手書きと綴りの技能を練習しないといけないですし、面白い商品ではないでしょうか。&lt;/p&gt;&#xA;&lt;p&gt;via &lt;a href=&#34;http://www.ufunk.net/en/gadgets/lernstift/&#34;&gt;Lernstift – A pen that reacts to spelling mistakes | Ufunk.net&lt;/a&gt;&lt;/p&gt;</description>
			</item>
	</channel>
</rss>
