声の大きい人、人の話を聞かない人の意見が圧倒的支持を受けたときには、より注意深く反対側の少数派の意見にも耳を傾けるようにしています。 声の大きさ、圧倒的な数の力に真実が見えなくなることがあるからです。ですから、みんなの気持ちを冷静にするためにも、少数派の意見や、別の見方をもう一度考えるようにしたりしていました。 安易に賛成、むやみに同調はしない。 仕事などではそれが評価されることも多かったですが、めんどくさい人だと思われることもあったでしょう。 いまでも「安易に同調しない」という気持ちは持っています。ただ、それを誰にでも、どんなときにでも主張する、ということはしないようにしています。 最近はてなであれこれ読んでいて、何となくわかってきました。 ［広告］ 声の大きい人、力のある人が他の意見を聞かずに突っ走り、それに合わせて、おもねって、みんなが一斉に同じほうを向くのが怖かったんですね。 反対
iOSのSafariで文字選択が思い取りにならなくてイライラすることがある iOSのSafariで表の中の文字の一部分を選択しようとしても、セル全体になってしまったり、行全体になってしまったりして、必要ない文字まで選択、コピーするハメになって面倒なことがあります。 特に、viewport指定で拡大が禁止されている場合はやっかい。 拡大が禁止されていなければ、拡大すると表の中であっても部分選択ができるようになるのですけどね。 あるブックマークレットを使うと表の中の文字であっても自由に選択できるようになる 今回紹介するブックマークレットを問題のページで実行するとアラ不思議！ 表の中の文字であっても自由に選択できるようになります。（続きは[Read More]から） ブックマークレットのSafariへの登録 以下のブックマークレットを全選択してコピー。 javascript:document.b
「multiScroll.js」 は、画面を左右に分割して別々にスクロールして見せられるjQueryプラグインです。最近流行の効果を簡単に実装でき、スクロールスピードの調整やイージングの設定、スクロールのループなどのカスタマイズもできます。 multiScroll.jsはGoogle ChromeやFirefoxなどのモダンブラウザーと、Internet Explorer 8以降に対応しています。スマートフォン用ブラウザーでの動作は保証されていませんが、筆者の検証ではiOS 7.1.1でスムーズに動作していました。スマートフォンサイトの場合はターゲット端末で必ず検証してから利用しましょう。 ライセンスはMITです。ライセンスに従って著作権表示は削除せずに利用しましょう。 step1 jQueryプラグインの読み込み jQuery本体をjQueryの公式サイトから、multiScroll.j
勤務地や職種などを限定して働くいわゆる「限定正社員」について労働条件の在り方などを検討していた厚生労働省の有識者懇談会は、限定正社員であっても解雇する場合は正社員と同様の厳しい条件があるなどとする骨子案を示しました。 １３日示された骨子案によりますと、「限定正社員」には主に、勤務地、職務、それに勤務時間を限定した３つのケースがあり多くの企業で導入が進んでいる一方、限定する内容があいまいな場合も多いため、労使のトラブルを防ぐためにも契約書などで明確に示すことが重要だとしています。 また、店舗などが閉鎖され職場や仕事がなくなった場合の対応については、過去の判例から、直ちに解雇できるわけではなく、配置転換によって雇用が維持できないかなど正社員と同じ厳しい条件で判断されるとしています。 有識者懇談会は、この骨子案を基に来月にも報告書をまとめる予定で厚生労働省は、報告書を受けて「限定正社員」を雇用す
Webサービスほぼ劣化なしでJPG/GIF/PNG/SVG画像を超軽量化してくれる「Compressor.io」は要ブックマーク！2014年6月13日1 @JUNP_Nです。オンラインで利用することができる無料のWebサービス「Compressor.io」はJPG、GIF、PNG、SVGの画像をビックリするほど軽量化してくれます。面倒なアカウント登録などもなしで、画像をドラッグ&ドロップだけで使えて超便利！ 無料で多様な画像ファイルに対応しているのが嬉しい画像軽量化サービス！Compressor.io - optimize and compress your images and photos オフラインではJPEGの画像軽量化には「JPEG mini」を利用、それ以外の画像については「ImageOptim」を利用していたのですが、これだけではGIF動画の軽量化がもの凄く難しい。 関連：1
NEW こんにちは。マークアップの胡夢です。 わたしが個人で請けている、外部のWebデザイナーさんから送られてくるデザインデータで、「これだけはやめて欲しい」って事をつらつらと書いてみます(´・ω・｀)ｷﾋﾞｼﾒ 基本的にPSD（Photoshopデータです、一応念のため）を頂いて、そこからマークアップに必要な画像を切り出して使うのですが、毎回苦労する羽目になっておりまして、同じように苦労しているマークアップさんの声をTwitter等で見かけるので、「Webデザインをやるなら、これくらいは知って置いて欲しいなぁ」という内容をまとめてみましたので、記憶に留めてもらえると非常に有り難いです。 お願い【１】レイヤーについて ●レイヤーの結合はホントにヤメテ！ わたしが対応するマークアップ案件はこういったことはほとんど無いのですが、コーディングをしたことがないデザイナーさんでこれをやっちゃう方が居
動画をブラウザいっぱいに背景として表示させ、その上にコンテンツをオーバーレイで配置するテクニックを紹介します。 HTML5 Video 実装 HTML 現在、動画ファイルは二つのフォーマットを用意するのがよいでしょう。WebMはGoogleが推奨するものでChrome, Firefox, Operaでネイティブにサポートされています。 <video autoplay loop poster="polina.jpg" id="bgvid"> <source src="polina.webm" type="video/webm"> <source src="polina.mp4" type="video/mp4"> </video> オーバーレイで表示するコンテンツは、通常通りの実装です。 <div class="overlay"> コンテンツ </div> CSS まずは、動画をフルスクリー
うまくトレンドを取り入れ、デザインの細部まで徹底的にこだわり、気持ちのいいインタラクションとアイデア満載のUIを備えた素晴らしいウェブサイトを紹介します。 画像の一部だけ動くシネマグラフを使ったコンテンツ、ペルソナを使ったユーザー中心のレイアウトなど、最新のトレンド情報もお見逃しなく！ VOTD.tv シンプルですっきりしたデザインだけでも素敵ですが、ロゴ、ナビゲーションやサムネイルやコンテンツなどの随所に仕掛けたインタラクションの芸が非常に細かく、楽しませてくれます。
Currency Wall Clock via M〓veis e design ここ数日、"手に職系"のプロに"無償"で仕事を依頼することが続けて話題になってます。 「天王寺区広報デザイナー」無償の募集について - Change.org→コチラ 大阪市天王寺区役所が「デザインの力で、行政を変える！！」をキーワードに広報デザイナーを募集するも、区ホームページ・広報紙等にて名前を紹介する代わりに"無償で"制作することが条件だったため、撤回の署名活動が行われている ※追記※これら抗議を受けて大阪市は「学生やアマチュアのボランティア募集」に変更するも、最終的に計画は中止となりました。 好きな人が翻訳を断ってきました - 発言小町→コチラ プロの翻訳家に幾度も無料で翻訳をお願いし、「ご依頼は翻訳会社を経由して下さい」と言われるも、知り合いにお金を要求するのはマナー違反と主張する方の相談が炎上 美容師
レスポンシブにデザインしたサイトを作った際に役立ったこと（主にスマホ対応）を備忘録的にまとめてみます。いろんな方が同じような内容をまとめていますし、基本的なことも多いですがお役に立てばうれしいです。 メディアクエリの指定方法 小さいディスプレイから指定する場合と、大きいディスプレイから指定する場合があります。どちらにせよ、PC用、タブレット用、スマホ用と分けることが多いようです。まずは大きいディスプレイから指定する方法です。 /* デフォルト：1024px以上用（PC用）の記述 */ @media screen and (max-width: 1023px) { /* 1023px以下用（タブレット用）の記述 */ } @media screen and (max-width: 767px) { /* 767px以下用（タブレット／スマートフォン用）の記述 */ } @media scre
Photoshop で段落テキストを作成する時、数値を指定して作成するのは地味に面倒だったりします。 自由変形（command + T）で数値指定で段落テキストのボックスのサイズを変更することもできますが、テキストの縦横比が変わってしまうなどの問題があります。 また、「段落テキストは、画像ではなく HTML に記述するテキストであることが分かりやすいようにアンチエイリアスをオフにする」場合、地味にアンチエイリアスのオンオフが面倒でした。 そこで、「長方形選択ツール」などで選択範囲を作成し、実行するとアンチエイリアスなしの段落テキストを作成するスクリプト（JSX）を作成しました。 このスクリプトは、CSS Nite LP, Disk 34「Webデザインで使うPhotoshop」（2014年4月19日開催） の「自分でスクリプトを書いて効率アップ」セッションの際に頒布したサンプルスクリプトと
SNSを眺めているとクライアントからの無茶苦茶だったり意味不明な要求への愚痴をよく目にする。 居酒屋で同業の人と飲んでいても、キツイ要求についての話が出ることが多い。 それは多くの場合「プロとして、クライアントの無茶な要求に応えてやったぜ。」みたいな話が多いのだけど、ぼくは少し違和感を覚える。 クライアントは、制作者よりも制作についての知識が希薄であることが多い。そのため、その実装によってどれだけのコストがかかるのか、費用対効果はどうなのか、ユーザビリティやアクセシビリティへの配慮、情報設計は破綻しないのか、メンテナンス性が大きく損なわれることはないのか、などを考えられるベースがない。 無茶な要求はそのために生まれることが多いけど、それを鵜呑みにしてはプロとして失礼にあたると思う。 プロとして依頼された以上、クライアントの意向は汲みながらも、制作者が持っている知識を最大限に活かして提案をし
LINE株式会社では2014年夏に学生向けのサマーインターンシップを実施いたします。 LINE株式会社としてはサマーインターンシップは初めての試みとなります。コースは大きく２つ、エンジニア職向けのDeveloperコースと総合職向けのBusinessコースを実施いたします。詳しくは以下の概要をご確認の上ご応募ください。 Developer コース学生1名につき1つのテーマについて約4週間の期間で開発、研究に取り組んでいただきます。期間中は1名のLINEのエンジニアがチューターとして指導します。テーマはチューターによって異なります。学生のみなさまのご希望の技術領域と適正に応じてチューターを選定いたします。 【募集要項】 対 象：博士、修士、学部、学年不問実施時期：2014年8月4日～8月29日場 所：東京 渋谷ヒカリエオフィス ※希望者は福岡（LINE Fukuoka）も可能待 遇：
お疲れさまです、デザイナーのモモコです。 今回は要素の切り替えや表示を美しく表現するCSSスタイル・JSプラグインやエフェクトを5つご紹介します。 要素の切り替えや表示を美しく表現するプラグイン・エフェクト5選 fullPage.js https://alvarotrigo.com/fullPage/ フルスクリーン表示のページを切り替えるプラグイン。 DEMOのシンプルな切り替えの他にも、ヘッダーを固定した場合や、動画を背景に表示する場合など様々な用途のオプションが用意されており、とても使い勝手が良さそうです。 Section Separators https://tympanus.net/codrops/2013/10/03/a-collection-of-separator-styles/ 主にCSSとCSS3で装飾した要素ごとの区切り線がまとめられています。 約25種類ほど用意され
スクロールしてビューポートに要素が表示された時に、さまざまなアニメーションを適用するjQueryのプラグインを紹介します。 スクリプトは外部ファイルを加えるだけで、アニメーションはHTMLに記述する簡単実装です。アニメーション用に他のJSやCSSは必要ありません。 ScrollMe ScrollMe -GitHub ScrollMeのデモ ScrollMeの使い方 ScrollMeのデモ ページ全体がデモになっており、その半分ほどをアニメーションgifにしてみました。 要素がビューポートに入った時、全部が入った時、入っている間中などをトリガーにアニメーションが設定できます。 デモのアニメーション ヘッダと打ち出しはスクロールするとフェードしながらスライド、Aboutでは各サムネイルがさまざまなアニメーションで表示、Usageではパネルがフェードしながらスライドして表示されています。 Usa
一つでも複数でも、PSDファイルをPNG画像にまとめて書き出すOS X用のフリーのアプリケーションを紹介します。 書き出し用としても便利ですが、Photoshopの無い環境でPSDファイルをチェックする時にも使えますね。 PSD to PNG - Automator Action 使い方は、非常に簡単。 ダウンロードしたファイルを解凍。 「PSD to PNG.app」にPSDファイルをドラッグ&ドロップ。 PSDファイルと同階層に「PNGフォルダ」が生成され、その中にPNG画像が書き出されます。 PSDはレイヤーで表示されているものが、PNGに書き出されます。 PSDファイルは一つでも、複数でも対応しています。
WACULとロードスターキャピタルの社外取締役の舩木真由美さん、タイミー広報ネキの炎上を擁護したせいで有価証券報告書の経歴不一致を掘られて「雉も鳴かずば撃たれまい」状態になる
元トリマーのWEBディレクター、はるきです。犬の中で1番好きなのはミニチュア・シュナウザーです。 普段の仕事ではクライアント様のECサイト運営を行っておりますが、その際にはサイト分析や広告運用だけでなく、一緒に今後のWEB戦略を考えることがあります。そこで必要になってくるのがマーケティングの視点です。 クライアントのニーズがわかっていなければ、どれだけデザインが美しくても、クライアントが満足するサイトはできません。また、ユーザのニーズを読み間違えれば、サイトは制作側のひとりよがりなものになってしまうでしょう。 WEBディレクターはある意味で「企業」と「顧客」とを結ぶ存在です。そこで今回は、自分の日頃のアウトプットも兼ねて、ビジネスをマーケティング視点で考えるための5つのステップについて考えてみたいと思います。 1. マーケティングの概念を知る 2. ビジネス的な思考力を身につける 3. 因
LPO研究所所長の鎌田です。 「Webディレクターが、Web広告の知識を持たなくなってきている」 近頃、こんなことを耳にすることがあります。 スマホ対応、はやくしないと… ソーシャルとかも考えなきゃ… Google アナリティクスの勉強も… こんな感じで、Webディレクターの仕事というのは近年増えるいっぽうです。そのため、Web広告の学習まで手がまわらない人が出てきてしまっているのです。 実際、私も以前はリスティング広告の管理画面を自分で触ったりしていたのですが、今は基本、運用に関しては専門のスタッフに任せています。 しかし、だからと言ってリスティング広告の知識が “ゼロ” の状態では、仮にクライアントから相談を受けたときに、「成果に繋がる説明」をきちんと行うことができないでしょう。 クライアントの売上を左右するWeb広告の基礎知識は、Webディレクターが「成果に対して責任を持つ」ポジショ
Webページ内に並べられた要素の高さを揃えるスクリプトサンプルや jQueryプラグインを今までもいくつか紹介してきましたが、 並べられた要素をレスポンシブ対応かつ1行ごとに高さを揃える形での スクリプトサンプルを試しに作ってみたので紹介してみます。 まずは動作サンプルから。 サンプル画面でウィンドウサイズを伸縮させてみてください。 「jQueryでレスポンシブ対応した1行ごとに要素の高さを揃える方法」サンプルを別枠で表示 MediaQueriesでウィンドウサイズによって1行ごとに並ぶ要素数を変えてありますが それぞれ1行ごとの最大の高さに要素の高さが揃うようになっています。 全体構成についてまずはHTMLから。 ◆HTML <div class="listarea"> <ul> <li>このテキストはサンプル用のダミーテキストです。このテキストはサンプル用のダミーテキストです。このテキ
メンタルヘルス・ハラスメント対応に強い社労士事務所です。 お問合せはお気軽に。初回ご相談は無料です。 TEL 028-652-7208 （個人的な内容の無料相談はお受けしておりません） この4月1日から、雇用保険法が改正されています。 改正内容はいくつかありますが、きょうは失業したときに、失業給付の基本手当がすぐ出るかどうかの判断基準について、ご説明しましょう。 失業保険をもらえるまで 会社を辞めたとき、元の会社から離職票をもらって、公共職業安定所に行きますよね。その日に「求職の申しこみ」をしたということで、失業給付がもらえるまでの日数のカウントがはじまります。「会社を辞めた日」や「失業した日」ではないので、お間違えなく。 失業給付をもらえる資格があるかどうかは、過去2年間、または1年間に、雇用保険に加入していて、勤務日数が11日以上ある月がどれだけあったかによって決まります。これは、会社
綱白鵬関が恒例となっている優勝後の一夜明け会見を欠席したと先日ニュースになりました。当初は理由を明かされませんでしたが、数日たって奥さまの体調を気遣ってだったと理由が明かされました。
商用にも無料で使える！レスポンシブ用の200種類以上のコンポーネントが収録されたPSD素材 -Sally Blocks
Bootstrapの実際のページ表示を確認しながら、リアルタイムに簡単にカスタマイズできるオンラインツールを紹介します。 カスタマイズにはスタイルシートの知識はあまり必要なく、直感的にできます。もちろん知識がある人はより高度なカスタマイズが可能です。
こんにちは、株式会社LIG 執行役員の寺倉と申します。 自社サイトの分析、競合他社、類似サイトの発掘と分析は、KPI設定や改修、WEB戦略を立てる上で非常に重要です。 今回は登録不要、かつ無料で使えるサイト分析ツールとサービスを8つほどまとめてみました。これが誰かのお役に立てば幸いです。 株式会社LIGとは 2007年設立、東京都台東区発のWeb制作会社。年間150サイトリリース、毎年複数のWebデザインアワードを受賞。Web制作だけでなく、月間200万PVのWebメディア「LIGブログ」で培ったマーケティングのノウハウを生かした企画力、複数の海外拠点を生かしたシステム開発力も強み。 👉Web制作実績 お問い合わせはこちら マジで使える無料のWebサイト分析ツール&サービス8選 類似サイト検索：Google（コマンド検索） https://www.google.co.jp/ 類似サイトを
それは1979年9月初旬のこと。社長室に呼ばれたＡ氏。緊張した面持ちで聞いたのは、永谷嘉男社長（当時）の信じられない言葉だった。「当社は、次に何を開発するかという点が弱いと感じている。そこでこれからの２年間、食べたいものを食べ、行きたいところに行き、とにかく“ぶらぶら”して新商品のアイデアを考えることに専念して欲しい。出社は自由。経費は使い放題。報告書も不要だ」。かくして前代未聞の社内制度「ぶらぶら社員」は誕生した。 永谷嘉男は永谷園の創業者。会社設立のきっかけとなった「お茶づけ海苔」をはじめ、「松茸の味お吸いもの」「すし太郎」といったヒット商品を世に送り出してきた。会社の中で机に向かっているだけが商品開発ではない。意外な場所で意外な時に斬新なアイデアが生まれる可能性が高い、というのが持論。しかし社長としての業務に追われる自分が“ぶらぶら”するわけにはいかない。そこで商品開発の能力とセンス
ページ遷移が楽しい繊細で滑らかな動き CSS3を使った滑らかな動きと大胆なタイポグラフィが魅力的な「Beatrice Creations」。黒と白を基調とした至ってシンプルなデザインながら、つい全ページを見てみたくなる、飽きのこない演出が施されている。 Béatrice Créationsでは、複数ある作品のロゴにSVGが使われており、作品ページを移動するたびに美しいカーブを描く。軽量で、枠線や線画によって繊細でリッチな世界観を演出する、今注目のSVGアニメーションを有効に活かしたサイトだ。 今回はこのサイトをヒントに、SVGの基本と、CSS3アニメーションを使った動かし方を解説する。CSSとHTMLのみで次のような枠線とテキストを描き、最終的にはjQueryを使って色を変えるデモを制作する。 STEP 1：SVGのパスを作成する アニメーションを作る前に、Illustratorを使って素
作成：2014/06/9 Web制作 > トレンド感のある動きや、洗練された見え方を実現するために、知っておきたいことや方法など。Web制作の現場で知っておくべきことをまとめました。全部取り入れるのは無理ですが、押さえておくことで今以上に見栄えのするサイトを作れると思います。ここ最近のトレンドをおさらいしたいときに。 エンジニア速報は Twitter の@commteで配信しています。 もくじ ファーストビューで使いたいエフェクト １．ロングシャドウ ２．ポリゴン ３．ラージフォトスタイル ４．ブラーエフェクト ５．フルスクリーン動画 ６．画像シーケンス 脱ビットマップ画像 ７．SVG ８．Webフォントを円で囲む 配色・フォント ９．配色(フラットデザイン) １０．タイポグラフィ(フラットデザイン) １１．フォント(フラットデザイン) 効果 １２．Infinite Scroll(無限スク
ブログって、ページ送りがついてますよね。一覧にも、記事詳細にも。先日気付いたのですが、 記事一覧のページ送りは『右』にいくほど過去になって、詳細ページは『左』にいくほど過去になるサイトが多いのです。 これって何か変じゃない？という疑問をWEB屋の皆さんにぶつけてみましたので、いただいた回答をまとめます。 何が言いたいか よくあるページ送りはこんな感じなんです。 記事一覧のページ送り 記事詳細のページ送り 仮に最新の記事の詳細とします。『次』にあたる記事がない場合こんな感じになっています。 記事一覧は右に行くほど過去なのに、詳細に入ったときにページ送りの方向が変わるのが何か気持ち悪いなぁという事なのです。 （ちなみに、説明上『前の記事』『次の記事』というボタンを置いていますが、普段は記事タイトルを表示させています） 記事詳細のしっくり来るページ送り こっちの方が矛盾がないというか、しっくり来
もくじ 幅をデバイスサイズに合わせる スマホを横にしたときに文字が大きくならないようにする 電話番号に自動的にリンクが付かないようにする リンクを押したら電話をかけられるようにする リンクを押したらGoogleマップアプリを起動させる リンクエリアを広げる paddingやborder分を気にせずwidth/heightの数値を指定する 長い文字列でも途中で改行させる 1.幅をデバイスサイズに合わせる まずはスマホサイトを作るときの基本ですね。サイト幅をデバイスの幅に合わせてあげるには、以下の一行だけで対応出来ます。 <meta name="viewport" content="width=device-width,initial-scale=1.0"> サンプル 2.スマホを横にしたときに文字が大きくならないようにする スマホを横にすると、解像度が変化すると共に文字サイズも大きくなってし
色合わせの1つ目のチェックポイントは、輝度(ルミナンス, Luminance)レベルをマッチさせることです。下の合成画像を見て下さい。あなたが画像処理の専門家でなくても、「これは合成写真に違いない」と思うはずです。 ぱっと見ただけで、瞬間的に違和感を持ったのではないでしょうか？この違和感の一番の理由は、輝度レベルがマッチしていないからです。どういう意味か、白黒画像に加工すると分かりやすくなります。 「背景の黒」に比べて「人物の黒」は浮き上がったグレーです。また、「背景の白」に比べて「人物の白」は沈んだグレーです。色合わせで最も大事なのは、このような輝度レベルのズレをなくす処理です。具体的にはどうすれば良いでしょうか？ Photoshopでは[レベル補正]がおすすめです。前景をカラコレするために、[レベル補正]の調整レイヤーを作成してクリッピングマスクを適用します。
「【伝わるキャッチコピー】を知っている企業と、勉強不足な企業とでは、これから圧倒的な差が出てくるよね」 先日沖縄でセミナーをしたときに、沖縄で活躍しているマーケティングコンサルタント、末次くんと話していました。 世の中には確実に、伝わるコトバが存在します。 伝わるキャッチコピーを勉強して、あなたの会社も圧倒的になりましょう！ 伝わるキャッチコピーというのがあります。 ここにあげたものは代表的な法則です。 今までボクがさまざまな販促物を作ってきて、反応のよかったものをまとめたものです。 これを知っていると、ＰＯＰやチラシ、ダイレクトメール、メールマガジン、ホームページ、ブログなどの反応をよくするための手がかりになると思います。 １：安売り・値引きの法則 「閉店セール」、「売りつくし！」、「リニューアルオープン！」 などなど、安さを訴求するコトバがありますが、ポイントは安い理由を明確にすること
マクロな視点で解説してみます。 0、理由を総括 1、社会の変化 2、学生の変化 3、企業の変化 4、おわりに ※グラフ多め（図が11枚）、5000字超カッチリ系の長文です。*1 0、企業がコミュニケーション能力を重視する理由を総括 2014年の1月に、日本経団連が発表した「新卒採用についてのアンケート調査」の結果が次の図です。 →図の出典：新卒採用に関するアンケート調査結果の概要 これを見ると、企業が採用選考にあたって重視する点として「コミュニケーション能力」が10年連続で1位であり、近年なおその重要性を高めていることが分かります。 では、なぜ21世紀初頭の日本で企業が学生にコミュニケーション能力を要求するようになったのでしょうか。その背景を大きくまとめれば、次の３点になると思われます。 1、社会の変化 都市化・グローバル化・情報化によって、ヒト・情報の流動性が上昇し、価値観や常識が多様化
以前、「Leap Motion」というモーションコントローラーを紹介したが、このツールを電子音楽に導入しようと、Mac向けの新しい音楽アプリが開発されている。指のジェスチャーで操作して、オリジナルのアンビエント音楽を作成したり、演奏したりできるというものだ。 この「Muse」と呼ばれるアプリは、ミュージシャンのBT氏と、Berklee College of MusicのDr. Richard Boulanger氏が共同開発した。 ユーザーは、Leap Motionのコントローラーを用いて、中空で手を動かし音楽を演奏する。このコントローラーにはUSBのポートが付いていて、コンピューターに接続することが可能だ。 また、Leap Motion向けのアプリは、Airpsace app storeからダウンロードすることができるので、ユーザーはまず、専用アプリをインストールしておく必要がある。 準備
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
