マキタのBluetoothスピーカー「MR200」は音も仕様も構造も斜め上 (1/3)
あのマキタがBluetoothスピーカーを売っている。型番は「MR200」。例によって電動工具用のリチウムイオンバッテリーを使う、青緑色の強そうなやつだ。建設会社の会社員である私は、うちの現場でどうだろうと、編集部経由でメーカーから広報機材を貸していただいた。この製品をオーディオ専門店で見たことはないが、工具などを扱うモノタロウでなら普通に買える（1万1772円）。そこがまず気に入った。 ちなみに同社からはコーヒーメーカー（CM500DZ）、ラジオ（MR050、MR051、MR052、MR102、MR103、MR106、MR107、MR108）、ロボット掃除機（RC200DZ）など、家電系機器が数多くラインナップされている。いずれも電動工具メーカーの製品という意外性から、ネット民の間では評判だ。 もちろんメーカーとしては「あのマキタがまたｗｗｗｗｗ」のようなウケを狙っているわけではない。電
iPhoneで「写ルンです」みたいに撮れるアプリ (1/2)
レンズ付きフィルムを再現するアプリ 1998年。今からおよそ20年前。横浜ベイスターズが日本シリーズを制した年です。長野五輪が開幕、貴乃花と若乃花は史上初の兄弟横綱になりました。コギャルの流行もまだ続いており、CD生産枚数が約4億5700万枚とCDバブルも絶頂。IT系の話題では、Windows 98が発売され、iMacが世間を賑わせました。 ちなみにこの時代、まだまだデジカメが普及しておらず、写真フィルムの出荷量もピークでした。中でも、レンズ付きフィルム（いわゆる「使い捨てカメラ」）には大きな人気がありました。代表的なものといえば富士写真フイルム（現・富士フイルムホールディングス）の「写ルンです」でしょうか。 「Huji Cam」はレンズ付きフィルムの仕上がりを、iPhoneでシミュレートできるアプリです。なんだか名前もアイコンもそれっぽいですが、まあ、棚に上げておきましょう。
フォント選びが楽しくなる！IDEOが作ったフォントマップがすばらしい！
まるでGoogleマップを操作するような感覚でフォントを探せる！ IDEOが作ったツールなら、希望のGoogleフォントを目で見てすぐに見つけられます。 Google Fontsでは、サイトに簡単に埋め込める多種多様なWebフォントが提供されています。正確には818種類もあるのです。818種類の中からどうやって選べはよいのでしょう？ 条件検索でセリフ、サンセリフ、ディスプレイフォント（見出し文字用フォント）、手書き調、モノスペースなど絞り込んでも、たいていは希望と違うフォントのリストをかき分けて探さなければ理想のフォントにたどり着きません。フォント選びには時間がかかりますね。 そこでIDEOフォントマップを紹介します。かしこい機械学習で、デジタルの地図の上に字形が似たフォント（Googleフォント）を分類します。Googleフォントと比べて、IDEOフォントマップを使う利点がを見ていきます
パクりたくなるアイディア発見！ 池澤あやかさんのギーク部屋を大公開！ 360度のぞいてみよう!!
Post from RICOH THETA. - Spherical Image - RICOH THETA 池澤あやかさんといえば、タレントにして自らWebも開発するエンジニア。そんな「ギーク女子」の彼女は、どんな部屋に住み、どんな部屋でプログラムを書いたりしているのか？ 1月中旬、我々は池澤さんのご自宅を訪問した。部屋を取材されるのは、実は今回が初めてだという。そして、彼女の部屋の中にあったのは、普通のお宅では見慣れないものばかり。エンジニアならではの思わずパクりたくなるアイディアも発見！ 池澤さんのご自宅をご紹介いただき、さらにこれからプログラミングを始める人のためのアドバイスもうかがった。 あこがれのアイテムがそろう部屋に潜入！ ―― すごいですね、3Dプリンターもあるし、うらやましい。 池澤 その3Dプリンター、実はあんまり稼働していないんですよね。
さらばDropbox！ 企業やチームのストレージにNextcloudが注目される理由
Dropboxは便利ですが、企業で導入するには1アカウントあたりの料金が意外と割高で、容量が多すぎることも。オープンソースのNextcloudを試してみませんか？ Dropbox、Google Drive、OneDriveといったファイルストレージサービスは最近非常に人気があります。ストレージサービスを使うと、クラウドやさまざまなデバイスにあるファイルを自動的に同期して、簡単にデータを利用でき、データの紛失が起こりにくいというメリットがあります。 多くのサービスは一定量の無料ストレージを提供しますが、容量を増やしたりすべてのファイルを保存したい場合は、有料になります。料金は特に高いわけではありませんが、無料の代替ツールがあるならそのほうが都合が良いでしょう。 その1つがNextcloudで、Dropboxなどの代わりになるオープンソースのツールです。自分のサーバーにインストールして使います
エンジニアのデザインが10倍よくなる！「余白恐怖症」を克服する方法とは？
せっかく最高のアプリを作ったのに、デザインがイマイチイケてない。ちょっと気をつけるだけでデザインのクオリティが一気にアップする、余白恐怖症解消のすすめ。 記事を読む前に「ローワン・アトキンソン：地獄へようこそ」を1分ほどご覧ください。 なにに気づきましたか？ 多くの場合、ローワン・アトキンソンの素晴らしい機転のきいた言動に注目しますが、観客が笑うための無言の時間を取っていることには気づきましたか？ これは笑いの間と呼ばれ、コメディアンが成功するために身につける重要なスキルの1つです。 合間に無言の時間がないローワン・アトキンソンのパフォーマンスを想像してみてください。無言であることがそれぞれのジョークを成功させる鍵であるため、無言の時間がないとそこまで面白くなくなってしまいます。重要な意味を持った無言です。 音楽でも同じ状況があります。とはいえ、完全に無音というよりは、徐々に音が大きくなる
Sketch 3を使う3つの理由と10の魅力
海外のUIデザイナーの間で爆発的に広まっているデザインツール「Sketch 3」。本連載では、国内きってのUIデザイン集団であるグッドパッチのデザイナー陣が、Sketch 3によるUIデザインの方法を解説します。（編集部） Sketch 3は、オランダのボヘミアンコーディングが開発・販売しているMac OS専用のベクタードローイングツールです。日本ではIllustratorやPhotoshopに押されてまだマイナーな存在ですが、海外ではすでに多くのUIデザイナーが使用しています。グッドパッチでもほとんどのUIデザインはSketch 3を使用しています。 今回は、Sketch 3はどんなツールなのか、使う3つの理由と10の魅力をご紹介します。 1.安い Sketch 3は99ドル（1ドル120円とすると1万1800円）の買い切りソフトです。しかも1カ月間のフリートライアルがあるので、使い勝手
Googleアナリティクスを無償で使いやすくする「Dot metrix」
オプトインキュベートとイロドリは2月5日、無料で使えるKPI自動レコメンド型サイト分析ツール「Dot metrix」にて、Googleアナリティクスと連携したアクセス解析サービスを提供開始した。併せて、日々の分析指標のサマリーをメールにて通知する「デイリーレポートメールサービス」も無償提供する。 Googleアナリティクスを分析に利用する企業は多いが、分析可能な指標が豊富な一方、見たい指標を確認するために複数の操作やツール利用の知識が必要となり、分析に時間がかかる。そこでDot metrixとGoogleアナリティクスを連携させ、必要な分析指標だけを面倒な操作なく一画面で見られるようにする。 Dot metrixは、サイト分析が実施できていないスタートアップ・ベンチャー、中小企業向けに開発されたサービス。「無料で利用可能」「簡単に導入可能」「シンプルで使いやすい」「サービスに合ったKPIを
小室哲哉「吉野家おごってくれた、あの人にお礼したい」 (1/4)
小室哲哉さんはいまでも探している。浜松町の吉野家で、財布を忘れた小室さんに「いいっすよ、おごります」と笑ってくれた若い店員を──。 京都ホテルオークラで9月17日、ベンチャーキャピタルB Dash Ventures主催のスタートアップカンファレンス『B Dash Camp 2015 Fall in KYOTO』が開催。600人を超える起業家たちの前に、小室哲哉さんがゲストで登場した。 B Dash Ventures渡辺洋行代表とのスペシャルトークセッション。「儲かってしょうがなかったんじゃないか」と聞かれ、小室さんが好調すぎておかしくなっていた例として紹介したのが、吉野家のエピソードだ。 当時、小室さんは「WOW WAR TONIGHT〜時には起こせよムーヴメント」の制作に追われていた。歌手をつとめるダウンタウン浜田雅功さんはお正月にはハワイに行ってしまう。なんとか成田便に間に合わせなけれ
明朝体は絶滅するのか？ AXIS Font生みの親の挑戦
「明朝体はこのままだとあと20年もすればこの世から消えてしまうかもしれない」。独立系フォントベンダーであるタイププロジェクト社長の鈴木功さんはそう語る。鈴木さんはタイプデザイナーであり、デザイン業界で評価の高いAXIS Fontの生みの親として知られる人物だ。 事実、明朝体を目にする機会は激減している。PCのWebブラウザーはもちろん、スマートフォン、タブレットといったデバイスの基本フォントはいずれもゴシック体。ニュースは新聞ではなくニュースサイトやアプリでチェックし、知りたいことは本ではなくググるかFacebookで尋ねる時代。紙媒体ですら、ゴシック体で堂々と本文を組む書籍が増えた。私自身、Web業界の経験が長い新人編集者に、明朝体で組まれた新刊のゲラを「なんか読みづらい」と言われてしまった経験がある。 「気持ちが悪い」から始まった、明朝体の居場所作り 6年前。鈴木さんには忘れられないエ
古いiPhoneをネットワークカメラ化できる「あんしん監視カメラ」を徹底解説 (1/2)
留守中に自宅のペットがどうしているのか気になるなら、ネットワークアクセスできる監視カメラが欲しいところ。とはいえ、意外といい値段になるので躊躇してしまう。そんな時は、無料アプリで使わなくなったiPhoneを監視カメラにしてしまおう。今回は、「あんしん監視カメラ」の使い方を紹介する。 無料アプリでクラウド経由の監視カメラを利用できる 「あんしん監視カメラ」はiPhoneを監視カメラにするカメラアプリ。撮影したデータを自動でクラウドにアップロードし、ユーザーはブラウザーから撮影データを閲覧できる。アプリごとに生成されたアカウントを利用するので、最低限のセキュリティーは保たれている。直接カメラに接続するわけではないので、ネットワークの難しい設定は不要。外出先から、家庭のWi-Fiルーターに接続したiPhoneで撮影したデータにアクセスできる。 まずは、カメラにするiPhoneにアプリをインストー
誰も教えてくれない「コンセプト」の作り方 (1/3)
商品のコンセプト、例えば商品の魅力は、モニター上で素敵な言葉をいくら羅列してもなかなか伝わりません。コンセプトは商品や作品の本質そのものなので、言葉にするのは難しいのです。だから私はコンセプトを伝えるシンプルな一言を探します。それが「コンセプトキーワード」です。コンセプトキーワードは特別なものではなく、製品の開発や企画書のタイトルなどさまざまな場面でよく使われる言葉ですが、ここでは「商品の魅力を表現する」キーワードのことを指します。コンセプトキーワードを制作の柱としてコンテンツを作ることで、魅力の本質がユーザーの心に届くようになります。コンセプトキーワードを決めなければ広告作りは先に進まないので、いわば魅力を伝える力の源泉、ご本尊と言えるものです。 前回、サイトマスターはコンセプトをまとめる前に情報収集をすることを書きました。その上で魅力、ターゲット、タイミングを考えるわけですが、今回は魅
新Webエンジン「Blink」—GoogleはなぜWebKitを捨てたか？ (1/3)
先週、Webブラウザーの世界にふたつほど衝撃的なニュースが走った。ひとつ目はMozillaがSamsungと共同でプログラミング言語Rustをベースにした新Webレンダリングエンジン「Servo」の開発を進めていくと表明したこと、そしてもうひとつが今回の主題、GoogleがWebKitを離れて「Blink」への移行を表明したことだ（開発者向けバイナリーを配布するGoogle Chrome Canary（28.0.1468.0 canary）では、すでにBlinkが含まれている模様）。 Mozillaの抱えるGecko、AppleとGoogleが推進するWebKit、そしてMicrosoftのTridentの3つは、Webブラウザー業界においてシェアのほとんどを握る3大勢力となっている。その勢力のうちのふたつが従来の技術とは別の新しいエンジン採用と開発推進をほぼ同時に発表したことは、今後のト
最新NASは「買う」と「作る」のどっちが高機能でお得？ (1/4)
Gigabit Ethernetからスマートフォンまで 接続相手の広がる今時のNAS事情 自宅にあるさまざまな機器から、ファイルを共有するために便利なのが「NAS」(Network Attached Storage)。ネットワークの先にある記憶デバイスという意味で、ASCII.jp読者ならすでに利用している人も少なくないだろう。 NASは汎用性が高い一方で、「価格が高くてやや転送速度が遅い」というイメージもある。しかし、今や家庭LANも有線ならばGigabit Ethernetが当たり前。無線LANもIEEE 802.11nや、今後普及するであろうIEEE 802.11acによって高速化されている。NAS内部で使用されるプロセッサーも、高速なものを搭載する製品が増えてきた。それらもあって、「USB2.0接続のHDDよりも高速」というキャッチフレーズの製品が増えている。USB接続のHDDは、
【リンク集】無償写真・テンプレ集を山ほど集めたった (1/2)
「急に言われましても」に対応する フリー素材サイトいっぱいお盆だよスペシャル 気の早い話だが、もうすぐお正月だ。 夏コミあとの冬コミがすぐにやってくるように、夏から年末は一瞬。そして新年。新年といえば、年賀状だ。来年であれば巳年だから蛇のイラストの需要が高まるわけだが……そんなとき、知っておくと助かるのがフリー素材サイトだ。 個人利用であれば無料のものが多く、かつデザインがステキ。またビジネス用のテンプレートも豊富に存在しているので、普段からチェックしてけおけば、「急に言われましても」なイベントにも即対応できる。 ということで、お盆スペシャルとして編集部オススメの素材サイトを一挙に紹介していく。個別にブックマークするよりも、このページをブックマークしておくといいゾ。
CSSの記述が3倍速くなる「LESS」の使い方 (1/2)
2012年02月09日 13時58分更新 文●斉藤祐也／<a href="http://css.studiomohawk.com/">CSS Radar</a> 最近のWebサイトは大規模傾向にあり、Webアプリケーションを構築する機会も増えてきました。jQueryやMooToolsなど、JavaScriptを手軽に利用できるようにするライブラリーが普及する一方、Webサイトの表示を担うCSSにも、「Blueprint」や「960 Grid System」に代表されるフレームワークが登場しています。 「LESS」や「Sass」のようなCSS拡張メタ言語は、こうしたフレームワークとは異なり、CSSの言語自体を拡張し、CSSには存在しない機能を追加するものです。CSS拡張メタ言語を利用することで、変数、ミックスイン、入れ子ルール、名前空間、四則演算、関数などの動的な処理をCSSに追加でき、CS
jQuery Mobileを使った国内スマホサイトまとめ (1/3)
jQuery Mobileの採用が国内でも進んでいる。jQuery Mobileは、iPhone/Android、WindowsPhoneやBlackBerryなど、主要なスマートフォンに対応したUIフレームワーク。HTMLに簡単な記述を追加するだけで、スマートフォンに最適化したサイトやWebアプリケーションを制作できる、注目のフレームワークだ。 昨年11月には、待望の「jQuery Mobile 1.0」正式版がリリースされ、実務でも本格的に利用しやすくなった。今後、ますます増えそうなjQuery Mobileを使ったスマートフォンサイトの事例をチェックしておこう。 ※商品紹介／キャンペーンサイトに、「太鼓の達人学園（太鼓の達人×AKB48キャンペーンサイト）」を追加しました。（2012年3月1日16時更新） ※ネットサービスに、「一休.com」「recbike」を追加しました。（201
新OS「OS X Mountain Lion」 ― ポストPC時代に合わせ、Macの進化を加速させるアップル (1/7)
アップルが、Mac用最新OS、「OS X Mountain Lion」を今夏リリースすると発表した（Mac App Store経由のみで提供）。現バージョンの「OS X Lion」から、わずか1年足らずのメジャーアップデートながら、搭載される新機能は100以上にのぼる。 アップルは、現バージョンOS X Lionから、iPad／iPhoneなどiOS機器における操作の特徴を取り入れ始め、OS X Mountain Lionでそれをさらに押し進める。iCloud連携も大幅に強化しているのだ。 同時に、世界的に勢いのあるMacを中国市場でも本格的に展開する模様で、中国独自のインターネットサービスとの連携も強化されている。 1年足らずでのメジャーアップデート アップルは突如、Mac用新OSの「OS X Mountain Lion」を発表した。実際のリリースは夏頃の予定だが、一時は2年に一度ほどだ
50代でも分かったHTML5の基礎知識
おとそ気分で社内を暇そうにウロウロしていたら「HTML5の常識、わかっていますよね」と怖い怖い一回り年下の編集長から叱られてしまいました。この後、HTML5関係の仕事がくることは間違いがありません。 しかし、ワタクシは50代。困ったことに、この編集長の「わかる」とワタクシの「わかる」とは程度が違います。これは困りました。正月早々、首筋がすーっと寒くなってしまったので、優しいけど仕事に関しては編集長よりも厳しい二回り年下のデスクに相談。 「HTML 4と比較しながらHTML5の違いをまとめて記事にするところから、始めてみてはどうですか」と先手必勝のようなお題を与えてくれました。どこまでこのお題をこなせるのか。65歳定年になれば、あたりまえの日本企業の縮図のなかで、50歳を過ぎての「HTML5の基礎知識」をまとめてみました。 DOCTYPE宣言が超簡単に DOCTYPE宣言が超簡単になったのは
XHTML1.0とHTML5の違いをスタバのページで紹介 (1/6)
「HTML5タグの誤用で恥をかいた」「分厚い仕様書は読み切れない」コーダー＆デザイナーのためのコーディングガイド。最終草案に対応したほか、商用サイトを意識したコーディング例を新たに書き下ろし。HTML5マークアップへ移行するために必要な知識を効率よく学べる1冊です。ネットで話題の「HTML5カルタ」付き! HTML5マークアップ 現場で使える最短攻略ガイド 定価：2,808円 （本体2,600円）／形態：B5変 (240ページ) ISBN：978-4-04-866070-9 HTML5と従来のHTML4.01やXHTML1.0との違いは、既存のサイトをHTML5化してみると理解しやすいでしょう。今回は、実在するWebサイトをHTML5に（勝手に）リニューアルしながら、HTML 4.01やXHTML 1.0との違いを解説します。ソースコードだけをリニューアルすることは実務ではあまりないと思い
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
