<?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/%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%9E%E3%82%A4%E3%82%BA/</link>
		<description>Recent content in カスタマイズ on akky@サイボウズラボ・ブログ</description>
		<generator>Hugo</generator>
		<language>ja</language>
		
		
		
		
			<lastBuildDate>Wed, 14 Sep 2022 00:00:00 +0000</lastBuildDate>
		
			<atom:link href="https://labs.cybozu.co.jp/blog/akky/tags/%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%9E%E3%82%A4%E3%82%BA/index.xml" rel="self" type="application/rss+xml" />
			<item>
				<title>Melgeek Pixel - レゴブロックで自由にカスタマイズできるキーボード</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2022/09/lego-customizable-keyboard/</link>
				<pubDate>Wed, 14 Sep 2022 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2022/09/lego-customizable-keyboard/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;https://www.melgeek.com/pages/melgeekpixel&#34;&gt;MelGeek Pixel&lt;/a&gt;は、ブロックで自由にキートップやキーボード本体をカスタマイズできるPCキーボードです。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://www.melgeek.com/pages/melgeekpixel&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2022/09/lego-customizable-keyboard/melgeek-bricks-keyboard_hu_b9975b3b7b230dc5.webp 480w, https://labs.cybozu.co.jp/blog/akky/2022/09/lego-customizable-keyboard/melgeek-bricks-keyboard_hu_76e1b7ed24cc1e3.webp 768w, https://labs.cybozu.co.jp/blog/akky/2022/09/lego-customizable-keyboard/melgeek-bricks-keyboard_hu_a9815c1002aa8307.webp 916w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2022/09/lego-customizable-keyboard/melgeek-bricks-keyboard.png&#34; width=&#34;916&#34; height=&#34;650&#34; alt=&#34;&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;Melgeek Bricks で作られたカスタムキーボードの一例 (image by Melgeek)&lt;/p&gt;&#xA;&lt;p&gt;ブロックというのはLEGOブロックのようです。compatible(互換)とあるのははめられるブロックのサイズが同じということなのでしょうね。&lt;/p&gt;&#xA;&lt;p&gt;もちろんLEGO社とは無関係にやっているよう。このへん、商標は一応避けているようです。ただ本文や写真内には出ているので大丈夫なのかなという気も。レゴブロックがハマるサイズにすること自体は髭剃りや互換インクみたいなもので止められないだろうと思いますけど。&lt;/p&gt;&#xA;&lt;p&gt;# 最近も &lt;a href=&#34;http://jsonvisio.com&#34;&gt;JSONVisio という JSON整形サービス&lt;/a&gt;がバズったと思ったら &lt;a href=&#34;https://jsoncrack.com/&#34;&gt;JSON Crack&lt;/a&gt; にリブランドしていました。&lt;/p&gt;&#xA;&lt;p&gt;キーのキャップにはアルファベットや記号などが印字されているので、レゴブロックをはめた上にキーキャップをさらにはめるようです。キャップの場所を変えればある程度の配列カスタマイズ(Dvorakとかも)はできそうですが、日本語キーボードとかにはできなさそう。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://geekmade.com/pixel/customize&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2022/09/lego-customizable-keyboard/geekmade-custom-keyboard-editor-unionjack_hu_61407f729a1fba2a.webp 480w, https://labs.cybozu.co.jp/blog/akky/2022/09/lego-customizable-keyboard/geekmade-custom-keyboard-editor-unionjack_hu_7451a15ed698eeb3.webp 765w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2022/09/lego-customizable-keyboard/geekmade-custom-keyboard-editor-unionjack.png&#34; width=&#34;765&#34; height=&#34;662&#34; alt=&#34;&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;Melgeek Pixel キーボードの配列デザインを行えるオンライン・エディタ&lt;/p&gt;&#xA;&lt;p&gt;キーボードをLEGOで組む前にデザインできる&lt;a href=&#34;https://geekmade.com/pixel/customize&#34;&gt;ブラウザ上で動くオンラインエディタ&lt;/a&gt;も提供されています。購入前にデザインしてみて、自分用の楽しいキーボードが作れるか確認してもいいでしょうね。&lt;/p&gt;&#xA;&lt;p&gt;価格は早期注文の割引(Early Bird)で$199 。通常価格は$269 のようです。PCキーボードとしては有線/無線の両対応。&lt;/p&gt;&#xA;&lt;p&gt;キートップのカバーにちょうど2x2のLEGOブロックが入るというのは、キーボードの形状がPCキーボードとして人間工学的にどうか、といったことはまったく度外視しているのではという気もします。まあ常用するキーボードに使う人はそんなにいないかもしれませんけれど。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://www.reddit.com/r/MechanicalKeyboards/comments/wtzn59/melgeek_pixel/&#34;&gt;Melgeek Pixel : MechanicalKeyboards&lt;/a&gt;&lt;/p&gt;</description>
			</item>
			<item>
				<title>ublacklist - 検索エンジンの結果から特定ドメインを排除するブラウザ拡張</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2022/06/ublacklist-excludes-domains-from-search-results/</link>
				<pubDate>Fri, 17 Jun 2022 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2022/06/ublacklist-excludes-domains-from-search-results/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;https://github.com/iorate/ublacklist&#34;&gt;iorate/ublacklist&lt;/a&gt; は、グーグル検索(やその他の検索エンジン)で、検索結果から特定のドメインの結果を隠すというブラウザ拡張(Chrome, Firefox, Safari対応)です。&lt;/p&gt;&#xA;&lt;p&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2022/06/ublacklist-excludes-domains-from-search-results/ublacklist-chrome-store_hu_f7107f28ae399029.webp 480w, https://labs.cybozu.co.jp/blog/akky/2022/06/ublacklist-excludes-domains-from-search-results/ublacklist-chrome-store_hu_76e7398fbb8e2f18.webp 606w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2022/06/ublacklist-excludes-domains-from-search-results/ublacklist-chrome-store.png&#34; width=&#34;606&#34; height=&#34;316&#34; alt=&#34;&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/p&gt;&#xA;&lt;p&gt;Chrome Store での Ublacklist拡張配布ページ&lt;/p&gt;&#xA;&lt;p&gt;Chrome版でためしてみました。ブラウザの上部に進入禁止のようなロゴの Ublacklist ボタンが出て、そこからオプションの編集画面へ行けます。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2022/06/ublacklist-excludes-domains-from-search-results/ublacklist-button.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2022/06/ublacklist-excludes-domains-from-search-results/ublacklist-button_hu_8f81e4fbc477e680.webp 480w, https://labs.cybozu.co.jp/blog/akky/2022/06/ublacklist-excludes-domains-from-search-results/ublacklist-button_hu_3db6e52c9a25b126.webp 531w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2022/06/ublacklist-excludes-domains-from-search-results/ublacklist-button.png&#34; width=&#34;531&#34; height=&#34;247&#34; alt=&#34;&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;オプションメニューでは、検索結果から排したいドメインやURLを、正規表現などで指定できます。&lt;/p&gt;&#xA;&lt;p&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2022/06/ublacklist-excludes-domains-from-search-results/ublacklist-options_hu_1801b65bd77a02d.webp 480w, https://labs.cybozu.co.jp/blog/akky/2022/06/ublacklist-excludes-domains-from-search-results/ublacklist-options_hu_86a61a5aa9cc8d87.webp 680w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2022/06/ublacklist-excludes-domains-from-search-results/ublacklist-options.png&#34; width=&#34;680&#34; height=&#34;614&#34; alt=&#34;&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/p&gt;&#xA;&lt;p&gt;ublacklist拡張のオプションメニュー&lt;/p&gt;&#xA;&lt;p&gt;とは言っても、マッチさせたいパターンを入力するのはプログラマー以外は楽ではないでしょう。&lt;/p&gt;&#xA;&lt;p&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2022/06/ublacklist-excludes-domains-from-search-results/ublacklist-block-on-search-results_hu_abb18d937dc01156.webp 480w, https://labs.cybozu.co.jp/blog/akky/2022/06/ublacklist-excludes-domains-from-search-results/ublacklist-block-on-search-results_hu_bb4bb4bd6dad98f8.webp 703w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2022/06/ublacklist-excludes-domains-from-search-results/ublacklist-block-on-search-results.png&#34; width=&#34;703&#34; height=&#34;623&#34; alt=&#34;&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/p&gt;&#xA;&lt;p&gt;ublacklist拡張で、検索結果からサイトをブロック対象に追加&lt;/p&gt;&#xA;&lt;p&gt;検索結果のページから、「このサイトをブロックする」でパターンを追加することもできるので、検索しながら「このサイトの結果は自分には合わないな」と思ったら追加していけば、自分のブロックリストを育てていくことができるでしょう。&lt;/p&gt;&#xA;&lt;p&gt;メニューも説明もすべて日本語化されていますし、ブロックしたサイトのリストを他のPC間で共有したり、公開して他のユーザーに共有したりと、機能が充実していますね。オープンソースで更新も活発そうです。&lt;/p&gt;&#xA;&lt;p&gt;業界によっては検索しても上位のページが検索エンジンに特化されたものばかりで、実際に役に立つページが見つけにくいということもあるでしょう。そういうサイトを頭で覚えて避けていくのも年功かもしれませんが、このようなツールを使って見分けるところも自動化してしまうのは仕事の効率化の一つと言えるでしょう。&lt;/p&gt;&#xA;&lt;p&gt;どのサイトの情報が自分にとって有用かを見極めること自体が難しいこともあるでしょうし、一度ブロックしてしまうと間違いを正せなさそう、などの問題もありそうですけれど。&lt;/p&gt;&#xA;&lt;p&gt;Hacker News では、&lt;a href=&#34;https://news.ycombinator.com/item?id=31693787&#34;&gt;uBlock Origin など一般的な広告ブロッカーツールなどで同様の結果を得るための設定方法&lt;/a&gt;も紹介されていて、これはこれでブラウザ拡張を入れる個数が増えなくていいと思います。機能特化した拡張の簡便さを取るかどうかですね。&lt;/p&gt;&#xA;&lt;p&gt;[追記] 社内から、&lt;a href=&#34;https://kujira16.hateblo.jp/entry/2021/05/04/194326&#34;&gt;StackOverflow の単純機械翻訳サイト(スパムサイト)をブロックするリスト&lt;/a&gt;の情報を教えてもらいました。これいいですね。&lt;/p&gt;&#xA;&lt;p&gt;via &lt;a href=&#34;https://news.ycombinator.com/item?id=31693287&#34;&gt;uBlacklist – Block specific sites from appearing in Google search results | Hacker News&lt;/a&gt;&lt;/p&gt;</description>
			</item>
			<item>
				<title>voicecoder.net - Alexaの音声でカスタマイズできるゲーム</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2018/09/voicecoder-net-voice-customized-game-using-alexa/</link>
				<pubDate>Fri, 28 Sep 2018 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2018/09/voicecoder-net-voice-customized-game-using-alexa/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;https://voicecoder.net/&#34;&gt;Voice Coder&lt;/a&gt;、「音声でコーディングを学ぼう」とあるこのプロジェクトは、Amazon Alexa を使って初歩のプログラミングを学べる、というサービス/スキルです。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://www.youtube.com/watch?v=JED4TVYvoEQ&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2018/09/voicecoder-net-voice-customized-game-using-alexa/voice-coder-game_hu_d2568bdbb771418c.webp 480w, https://labs.cybozu.co.jp/blog/akky/2018/09/voicecoder-net-voice-customized-game-using-alexa/voice-coder-game_hu_7ccee6efb5806e17.webp 739w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2018/09/voicecoder-net-voice-customized-game-using-alexa/voice-coder-game.png&#34; width=&#34;739&#34; height=&#34;538&#34; alt=&#34;&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;Alexa スキルと連動させたブラウザゲームにおいて、横スクロールゲームで背景画像を切り替えたり、自機が地面や障害物、アイテムと衝突した際に起こるイベントを切り替えたり(ライフが減る、音が鳴る、ポイントが増える、など)を、音声で指示することができます。&lt;/p&gt;&#xA;&lt;div style=&#34;position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;&#34;&gt;&#xA;&#x9;&#x9;&#x9;&lt;iframe allow=&#34;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen&#34; loading=&#34;eager&#34; referrerpolicy=&#34;strict-origin-when-cross-origin&#34; src=&#34;https://www.youtube.com/embed/JED4TVYvoEQ?autoplay=0&amp;amp;controls=1&amp;amp;end=0&amp;amp;loop=0&amp;amp;mute=0&amp;amp;start=0&#34; style=&#34;position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;&#34; title=&#34;YouTube video&#34;&gt;&lt;/iframe&gt;&#xA;&#x9;&#x9;&lt;/div&gt;&#xA;&#xA;&lt;p&gt;と、動画のデモでは動いているのですが、実際に自分で使おうとすると、Alexaスキルがうまく動いていないのか、アクセスコードを話してくれず、自分でプログラミングを試すことはできませんでした。&lt;/p&gt;&#xA;&lt;p&gt;元のゲームのパラメータを音声で変えられる、と言ってしまえばそれだけで、「音声でプログラミング」は言い過ぎかもしれません。ですが、スマートフォンで文字を書いたり、パソコンでキーボードを打ったりすることが身についてない小さな子供でも、このような音声インタフェースなら使うことができます。ゲームもプログラムで動いていて、それを変更することができるんだ、という体験をさせるにはいいのかもしれません。&lt;/p&gt;&#xA;&lt;p&gt;via Hacker News&lt;/p&gt;</description>
			</item>
			<item>
				<title>[動画] iPhone 5Sの色を数秒で変える方法</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2014/02/change-iphone-5s-color-within-seconds/</link>
				<pubDate>Tue, 11 Feb 2014 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2014/02/change-iphone-5s-color-within-seconds/</guid>
				<description>&lt;p&gt;大胆なライフハック。&lt;/p&gt;&#xA;&lt;p&gt;まず青に変えていますが、そのあとピンクにしたり、さらにピンク+緑+茶色にしたりと数秒で色を変更しています。&lt;/p&gt;&#xA;&lt;div style=&#34;position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;&#34;&gt;&#xA;&#x9;&#x9;&#x9;&lt;iframe allow=&#34;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen&#34; loading=&#34;eager&#34; referrerpolicy=&#34;strict-origin-when-cross-origin&#34; src=&#34;https://www.youtube.com/embed/hPChuVqQIq8?autoplay=0&amp;amp;controls=1&amp;amp;end=0&amp;amp;loop=0&amp;amp;mute=0&amp;amp;start=0&#34; style=&#34;position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;&#34; title=&#34;YouTube video&#34;&gt;&lt;/iframe&gt;&#xA;&#x9;&#x9;&lt;/div&gt;&#xA;&#xA;&lt;p&gt;好みの色の機種が売り切れていたり、欲しい色のバリエーションがなかったりしても、これで大丈夫ですね。iPhone 5Sじゃなくても応用は効くかと思います。&lt;/p&gt;</description>
			</item>
			<item>
				<title>Androidの起動アニメーションを使ったプロポーズが報告される</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2012/07/android-6289/</link>
				<pubDate>Fri, 13 Jul 2012 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2012/07/android-6289/</guid>
				<description>&lt;p&gt;Androidスマートフォンの起動時のアニメーションは、ある程度知識があれば自作のものやネットに流れている他のアニメーションに変更することができます。( 改造扱いで保証が無くなることも多いですが ) 英語のニュース掲示板サービス大手の&lt;a href=&#34;http://www.reddit.com/&#34;&gt;reddit&lt;/a&gt;の&lt;a href=&#34;http://www.reddit.com/r/Android&#34;&gt;Android板&lt;/a&gt;で、「Galaxy Nexusのブート時のアニメーションでプロポーズしたいんだけど、表示時間が短すぎるからもっと延ばしたいんだよね…」という相談をしていた男性が、掲示板のみんなの多数の助言を元に実際にアンドロイドの起動アニメーションを使ってのプロポーズを&lt;a href=&#34;http://www.reddit.com/r/Android/comments/wgjbu/update_slowing_boot_time_for_a_marriage_proposal/&#34;&gt;敢行した&lt;/a&gt;そうです。 以下が、実際に使われた起動アニメーションを撮影した動画です。&lt;/p&gt;&#xA;&lt;div style=&#34;position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;&#34;&gt;&#xA;&#x9;&#x9;&#x9;&lt;iframe allow=&#34;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen&#34; loading=&#34;eager&#34; referrerpolicy=&#34;strict-origin-when-cross-origin&#34; src=&#34;https://www.youtube.com/embed/WZNnOwfeeWo?autoplay=0&amp;amp;controls=1&amp;amp;end=0&amp;amp;loop=0&amp;amp;mute=0&amp;amp;start=0&#34; style=&#34;position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;&#34; title=&#34;YouTube video&#34;&gt;&lt;/iframe&gt;&#xA;&#x9;&#x9;&lt;/div&gt;&#xA;&#xA;&lt;p&gt;それで肝心の結果は? 答えはイエス。感激して泣いた彼女が泣き止んだところで撮影したのがこちらの写真なんだとか &lt;a href=&#34;http://imgur.com/VthKi&#34;&gt;&lt;img src=&#34;http://i.imgur.com/VthKi.jpg&#34; alt=&#34;&#34; title=&#34;Hosted by imgur.com&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&lt;/a&gt;&lt;/p&gt;</description>
			</item>
	</channel>
</rss>
