トヨタをはじめとする競合は、サイトを訪れるほとんどのユーザーが車種の選択肢を見たがっているか、販売店を探しているのだと認識している。 ホンダもトヨタも、レーシングのサイトを用意しているし、産業用エンジンも販売している。しかしトヨタは、Toyota.comを訪れるほとんどのユーザーが消費者向けブランドを求めており、レーシングファンはグーグルで「Toyota racing（トヨタ レーシング）」と検索するだろうとわかっている。なお、Toyota.comのフッターには、さまざまな関連サイトへのリンクも置いてある。 僕の言う「モバイル限定デザイン」を避けるべきだとする原則の例外があるとすれば、それはデザイン事務所かもしれない。Big Spaceshipのサイトを見てほしい。 ここはデザインエージェンシーであり、僕よりはるかにウェブデザインに詳しい。これは素晴らしいサイトで、売り上げにもつながるだろ

記事の有料化を考えている。理由は借財の返済に窮しているからではなく、自分で使える金が欲しいからである。ラジコン。プラモデル。ゲーム。女子大生。出費を強いられる趣味が多すぎるのだ。いずれにせよ、金の話。なんて世知辛いのだろう。生まれ変わったら恋と夢について語り続ける花詩人になりたい。数万社とコネクションのある求人サイトに登録しても、需要皆無な僕のような人間に出来ることなどたかが知れていて、せいぜいブログの有料化。覚えていてほしい。いいかい？　ＷＥＢの文章の有料化というのは、有名人や政治家やミュージシャンなど一部の例外はあるが、基本的にそれ以外に金稼ぎの方法がない僕のような《追い詰められ人間》がやることなのだよ。 先日、《有料の方が無料より面白い》という意見を見聞きした。そのセンテンスだけだと誤読されまくりでスローガンとしては失格、失笑を禁じ得ないけど、間違ってはいないと思った。《有料の方が無

アプリマーケティング研究所 > アプリ開発 > 24歳でスマホゲーム起業。開発に2,000万円かけたが「資金難と大バグ」のコンボで会社終了。アプリ「きのこれ」元社長が語る会社倒産後の世界。 きのこ擬人化ゲーム「きのこれ」のお話を伺いました、ソシャゲ戦国時代に夢半ば破れたアプリの話。 ※ポッピンゲームズジャパン株式会社 CEO 辻村尚志さん（右）、栗原広樹さん（左） 「きのこれ」が出来るまで。 そもそも栗原さんは、どうして24歳で起業したんでしょうか？ 栗原： 前に勤めていた会社が倒産してしまって。それで、元同僚と3人で「ゲームアプリをつくろう」と、2014年4月に立ち上げたのがCmixという会社です。起業資金は知人に借りました。 「きのこれ」の企画はどのようにできたのでしょう。 栗原： 当時ユーザーとして、すごくハマっていた「クラッシュ・オブ・クラン」をベースに、かわいいイラストを使って、

エックスサーバーに SSH 接続できるようになって出来ることが随分増えました。ってことで今回は Git のインストール方法です。 エックスサーバーに git をインストールしてみたので覚書。 というか、こちらの説明通りにやっただけです。すんなり出来ました。めちゃ分かりやすい。 参考: Xserver で git を使う | してみんとてす GNU gettex のインストール まずは GNU gettex というのが必要とのことなのでインストールします。インストール場所は、参考ページにならって、$HOME/opt へ。 参考：gettext – Wikipedia 以下はすべて、SSH でエックスサーバーに接続して作業します。 関連記事：10分でできる！Mac からエックスサーバーに SSH 接続するための設定 関連記事：SSH の config ファイルの場所と作成方法 まずは、gett

ターミナル.app から SSH する場合は、 ssh ユーザー名@サーバー名 ※エックスサーバー の場合 ssh ユーザー名@ユーザー名.xsrv.jp -p 10022 みたいな感じで接続していると思います。 毎回タイプするのは面倒なので、config ファイルを作っておいておけば任意で設定した文字列で接続が可能になります。例えば ssh server.jp とか。 config ファイルは一度作ってしまえば今後が楽チンなのでよく SSH 接続する人は config ファイルを作っておくと良いかも。 ~/.ssh/config ファイルの作成 ホーム直下の「.ssh」フォルダに「config」ファイルを作成します。（~/.ssh/config） config ファイルの中身はこんな感じ。 Host xserver.jp HostName pamyupamyu.xsrv.jp Port

Colored labels Brings full colors back into El Capitan and newer. Chrome-style tabs Apple finally introduced tabs in Mavericks. TotalFinder added Chrome tabs in Snow Leopard.

普段は気にしないけど、たま〜にアクセスする必要が出てくる非表示なファイルやフォルダ。今回はそれらにアクセスする方法をいくつかご紹介します。 Finder では非表示にされているファイル/フォルダが沢山あります。通常それらは使う事がなかったり、削除しちゃったりするとシステムが起動しなくなったりしちゃうので非表示にされている訳ですが、時にはそれらファイルやフォルダにアクセスしたい場合があります。 Home フォルダ内にある Library フォルダなんかもままアクセスすることがありますが、Library フォルダも非表示だったりします。 ってことでこれら非表示のファイル/フォルダにアクセスする方法をいくつかご紹介します。 非表示ファイル/フォルダの表示方法あれこれ 非表示ファイル/フォルダを表示する（アクセスする）ためには、 1. ターミナル.app でアクセスする。 2. ターミナル.app

Wordpressそのものやインストールしたプラグインは頻繁にアップデートされるので、割とまめに対応しなければならない。また、カスタマイズする箇所が増えて来ると、どこを変えたか？わからなくなってくるので、バージョン管理の仕組みを入れてコードを管理したほうが良い。 バージョン管理の中ではGitが一番簡単そうなので、いろいろ調べてみたが、意外とWordpressの管理に使っている情報が少なかった。やってみると簡単にできる上、お客さん向けにステージング環境を提供するのに便利なので、自分の環境の作り方をまとめてみる。 自分の開発環境を図にするとこんな感じ： Macbookの上で走らせているVMWareにUbuntuで開発環境をたて、そこでWordpressのカスタマイズをしている。カスタマイズの対象となるWordpressのコードはCoresever上にあるGitのリモートレポジトリに格納され、U

Gitバージョン管理において履歴を分岐させるブランチと呼ばれる機能、分岐した履歴を統合するマージと呼ばれる機能について、GitクライアントのSourceTreeを使った方法についてお伝えしていきます。 ブランチを切ってバージョンを分岐させる方法、そして分岐させたブランチをマージして統合する方法についてお伝えしました。 こうすることで、複数人での並行作業や、別々のバージョンを試してみる、また最終版を安定確保しておく、などの作業の進め方が実現できますので、非常に便利です。 しかしながら、分岐があることにより困ったことが発生する場合があります。 特に複数人で作業する際には十分に起き得るのですが、 同じ箇所を 別々のブランチで 別々の変更をかけてしまっているのに マージする この場合、二つの分岐で不整合が起きてしまい、履歴としてその状態から進ませることができなくなります。 これを「衝突」または「コ

初心者でもわかるSourceTreeを使った非エンジニア向けGitバージョン管理について、今回の記事では目的のバージョンに戻すコミットのリセット方法とオプションの使い分け方についてお伝えします。 過去に残したバージョン（コミットという名前でした）のうち、目的のバージョンに戻す方法をお伝えしました。 Gitのバージョン管理なら、バージョン別に物理的に異なるファイルをたくさん用意する必要もありませんし、中身を見なくても更新履歴がわかるようになります。 フォルダの中がスッキリするわけです。 さて、今回はバージョン履歴を分岐させるブランチと呼ばれる機能、分岐した履歴を統合するマージと呼ばれる機能について、GitクライアントのSourceTreeを使った方法についてお伝えしていきますね。 これによって、安定バージョンを確保したままのアグレッシブ（？）なファイルやプログラムの実現をすることができますよ

非エンジニアで初心者でも簡単にGitでのバージョン管理ができるGitクライアントツールSourceTreeの使い方とリポジトリ、コミットなどのGitのバージョン管理の基本についてお伝えしています。 さて、いよいよファイルのバージョンを戻してみたいと思います。 一般的にファイルコピーでのバージョン管理ですと、ファイルの中身を見て戻りたいファイルを見つけて…といった作業になりますが、面倒くさいですよね。 今回の記事では、SourceTreeによるGitバージョン管理で瞬時に目的のバージョンに戻すリセットの方法についてお伝えします。 またGitのリセットにはHard、Mixed、Softと3種類ありますので、その使い分けについても簡単に説明をします。 SourceTreeで2回目のコミット では前回の状態から続きを進めていきますね。 最初のコミットが完了した状態 Test1と1行だけ書いたsam

セキュリティの観点からWordPressのバージョンは基本的に最新のものにしておくべきですが、新しいバージョンではプラグインが正常に動作しなくなるなど問題が発生する場合もあります。 そういった時は一度古いバージョンにダウングレードして、プラグインが最新版に対応するための更新を待つか、さらに新しいWordPressのバージョンが発表されるのを待つのも有効です。 この記事ではWordPressの現在インストールされているバージョンを削除し、古いバージョンにダウングレードする方法をご紹介します。 目次 データのバックアップ WordPress旧バージョンのダウンロード ファイルの削除とアップロード WordPressデータベースを更新 データのバックアップ 現在使用しているバージョンを削除する前にデータのバックアップを取っておきましょう。バックアップデータ、ファイルがあれば万一ダウングレードで不

Wordpressの新バージョンが出ると、直ぐにアップグレードしたくなるウェブシュフです。今回も、最新版のリリース日にアップデートしました。すると、あるプラグインに不具合が出て、ダウングレードして以前のバージョンに戻す羽目になったのでメモ。 最新バージョンに更新すると不具合が出ることがある WordPressのアップグレードは、開発チームが完全を期して行うので、本体に不具合が生じることはまずありません。（少なくともウェブシュフはそのような不具合は見たことがありません。） でも、可能性がゼロとは言い切れないので、備えはしておかなければいけません。 それより心配なのが、プラグインの不具合です。これはウェブシュフも結構経験があります。 プラグインがWordPressの最新バージョンに対応できないために、サイトの表示が崩れたり、更新作業が滞ったりすることがあるのです。 そのような場合、アップグレー

18. <div class="speaker"> <div class="avatar"> <img src="tani.jpg"> </div> <div class="inner"> <p class="name">…</p> <div class="biography"> <p>...</p> </div> </div> </div> 19. .speaker { overflow: hidden; /* Clearfix */ padding: 20px; background-color: #fff; } .speaker .avatar { float: left; margin-right: 15px; } .speaker .avatar > img { border-radius: 50%; } .speaker .inner { overflow: hidden; }

「Boxy」は、Googleのメールサービス「Inbox by Gmail」のMacアプリです。 Google非公式のアプリですが、わざわざ「inbox」のウェブ版にログインして利用する必要がなく、メールを効率的に処理することができます。 2016年2月時点（バージョン 1.0.2）では、フルスクリーン表示および「Split Screen（スプリット・スクリーン）」に対応し、便利なショートカット操作も多く追加されています。 「Boxy」を何となく気になっていたけど、まだ導入していなかったユーザーにとっては今回のセールは絶好のチャンスです。 あとがき @torizoさんをフォロー「Inbox by Gmail」をMacアプリ化したものは幾つかありますが、「Boxy」はその中でも断トツで使いやすく、多くのメディアでも紹介されているアプリなので安心して使うことができますよ。 今後もさまざまな新機

iOS向けの人気メールアプリ「Spark」のiPad版が2月25日にリリースされることが正式に発表されています。 「Spark for iPad」2月25日リリース決定！ 追記：2016年2月25日本日「iPad」と「iPad Pro」に対応した「Spark」バージョン 1.6.0 が正式にリリースされました。詳細は以下の記事をご覧ください。 iOSアプリで人気の「Scanner Pro」「PDF Expert」「Printer Pro」などを開発しているReaddleが、人気メールクライアント「Spark」のiPad版となる「Spark for iPad」を2月25日にリリースすることを正式に発表しています。 Finally! I will be available on your iPads on February 25! More details here. Please RT ht

▼使い方は簡単です。「Eye Care」を起動すると、以下のような設定画面が表示されます。【Short break after】には短めの休憩時間を設定し、【Long break after】には長めの休憩時間をセットします。 またブルーライトをカットしたいときは「Enable Candle Light」を有効にしておきましょう。 ▼例えば【Short break after】の場合、設定時間を迎えると目を適度に動かすようリマインダーが表示されます。 ▼また「Long break after」で長めの休憩時間を迎えると、こんな感じで画面が真っ暗になり3分間のリラクゼーションサウンドが流れてリラックスするよう促されます。ちなみに「Skip」ボタンを押すと、長めの休憩を任意のタイミングで終了させることができます。 ▼さらにブルーライトカット機能を有効にすると、Macのディスプレイから出るブルー

TOP  >  Font  >  2015年に紹介されたベストフリーフォントが集結「Best of 2015: 100 Free Fonts for Designers」 2016年に入り、すでにいろいろな種類の素材が公開され配布されていますが、今回は2015年に紹介されたベストフリーフォントが集結したまとめ「Best of 2015: 100 Free Fonts for Designers」を紹介したいと思います。 Stellar Typeface | Sans Serif Fonts on TheHungryJPEG.com | 577 非常にたくさんの種類、そしてどれもデザイン性のあるハイクオリティなフォントばかりが揃っています。中でも特に気に入ったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 Tresdias – Free Font on Behance

オランダのナイメーヘンにあるレストラン「Crudo」のブランディング、食材とタイポグラフィを組み合わせた見事なロゴとサイトのデザインを紹介します。

HeadermessageはCSSのみで開閉コンテンツを作るスタイルシートです。よくある上からスライドダウンするやつをCSS3を使って実現しよう、というもの。上記デモはこのページではうまく動かせないかもしれませんので右上のEdit in JSFiddleから確認なさってみてください。今更感もありますがこの手の手法もスマフォもかなり普及したので需要も増してきた印象はありますね。こちらはcheckboxを使った開閉コンテンツとなります。正しい用途では無いかもしれませんが、まあ選択肢の一つとして。 Headermessage

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

次のプロジェクトのヒントに、クリエイティブな刺激になる新感覚の動きが面白いCSSアニメーションを使ったUIデザインを紹介します。 ちょっとした動きが加わることで、UIは魅力的になりますね。

TOP  >  Design  >  飾り素材として活用できる フリーpsdリボン素材まとめ「10 Free Ribbons PSD Files」 デザインのポイントとして活用できる飾り系の素材。バッジやタグなどいろいろな種類が展開されていますが、今回紹介するのは、飾り素材として活用できるフリーpsdリボン素材まとめ「10 Free Ribbons PSD Files」です。 Pretty Little Red Ribbon (PSD) リボンといえば可愛らしいイメージですが、このまとめで紹介されているものは、さほど女性に寄り過ぎた感や癖ない利用しやすいものばかり。気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 Psd Ribbon Classic Set | Psd Web Elements | Pixeden シンプルで、どこかアンティークな雰囲気を感じ

三菱電機から、赤くて四角くてカッコいいエアコン、「霧ヶ峰Style FLシリーズ」が発表されました。 霧ヶ峰Style FLシリーズ 通常、エアコンのデザインといえば白くて曲線を多用したものが主流。一方三菱電機は従来から、直線や直角を使ったシャープでシンプルなデザインの機種を用意していました。 今回のFLシリーズではよりデザイン面を強化し、インテリアに調和する洗練されたデザインを提案しているそうです。従来機種である「FZシリーズ」の四角いデザインを踏襲しつつ、上下に均等に二分割されたラインが大きな特徴になっています。 独特の塗装方法が美しい表面仕上げパネル ボルドーレッド（左）とパウダースノウ（右）の設置例 また本体色についてもパウダースノウとボルドーレッドという、エアコンではあまり使われない特徴的なカラーを採用。塗装についても、単に樹脂パネルの上から色を塗り重ねるのではなく、ヘアライン加

日本科学未来館（東京都江東区）の常設展が4月20日にリニューアルオープンします。常設展の総面積の半分近くのエリアが新しくなるなど、オープン以来最大のリニューアルとしています。 日本科学未来館のwebサイト 常設展には6つの新しい展示が登場します。地震や異常気象などのハザードに関する展示「100億人でサバイバル」、50年後の理想の地球から逆算してさまざまな問題を考えるゲーム形式の「未来逆算思考」、ノーベル賞受賞者からの問いを提示する「ノーベル Q ノーベル賞受賞者たちの『問い』」、AR（拡張現実）を使って地球ディスプレイ「ジオ・コスモス」を操作する「ジオ・プリズム」、東京スカイツリーの石灰に携わった吉野繁氏が手掛ける新デザイン空間「ジオ・コックピット」、現在の宇宙開発や海洋探査などの研究を紹介する「フロンティアラボ」が新展示となります。 ドームシアターにも新しい映像作品「9次元からきた男」が

スマートフォンで解錠するスマート自転車ロックやスマート南京錠が登場する中で、家のドアに取り付けるスマートロックもさまざまな種類が登場しています。そんな中、新たなスマートロックとして登場したのが「LATCH」で、アプリで解錠するという利便性だけだなくスタイリッシュな外観も備えています。 LATCH http://latchaccess.com/index.html スウェーデン人のデザイナーのThomas Meyerhofferがデザインを手がけたLATCHは、スタイリッシュな外観だけでなく、カギを使わずに解錠するというスマートロックです。 カギの代わりにつかうのはスマートフォンのアプリ。アプリで共有設定をしておけば、複数人でLATCHを使用することも可能です。家族や同居人だけでなく、不在のときに家を訪れた友人を一時的に共有設定することで、家の中に先に入っておいてもらうことなんかもできそうで

NTTドコモは、X JAPANのギタリストとして活躍していたhideさんの合成音声を使用し、音声エージェントサービス「しゃべってコンシェル」のコンテンツにすることに成功しました。3月11日10時から有料販売します。 コンテンツ化の成功とhide生誕50週年を記念し、特設サイトで「hide　しゃべってキャラ」を期間限定無料配布します（配布は15日10時から2月25日10時まで）。また、実際にhideさんのしゃべってコンシェルを利用している様子の映像がYouTube上にも公開中です。 動画が取得できませんでした かわいらしいキャラクターにも注目です 以前にもVOCALOIDでの歌声再現が話題となったhideさん（関連記事）。今回も、通常であれば合成音声用の録音を新たに行いますが、hideさんは1998年に亡くなっているため新たに音声録音を行うことができません。そのため、生前に録画されていた楽屋

第721回デザインギャラリー1953企画展 「伝統の未来｜02｜日本酒 10人のグラフィックデザイナーによる日本酒ポスター展」 2016年1月12日 この度、日本デザインコミッティーでは、第721回デザインギャラリー1953企画展といたしまして、「伝統の未来｜02｜日本酒 10人のグラフィックデザイナーによる日本酒ポスター展」を開催いたします。 日本デザインコミッティーは、60年に亘る活動の中で、さまざまなデザインにフォーカスし、展覧会や生活のための商品を通して、良いデザインとは何なのか、という課題を追求し続けてまいりました。日本の文化の本質を探ることも活動の一環であり、機会があるごとに伝えてまいりました。日本の文化や観光が外国人に多く賛同されるようになった今、私どもの継続してきた活動はさらに重要性を増したように思われます。 2016年秋、松屋銀座8階のイベントスクエアにおきまして、日本の

以前、メニューバーをトグルメニューと両立してレスポンシブスタイルにするカスタムを書きました。 www.yukihy.com トグルメニューは、ボタンを押すと上下にスライドするようなものでしたが、　現在このブログでやっているみたいに、横からのスライドにして、なおかつPC版では子メニューも設定できるようにしてみたいと思います！ カスタマイズを行う際は、必ず以前のコードをメモ帳などにバックアップをとっておくようにしてください。 実装図 注意点 カスタマイズ CSS HTML&jQuery HTMLにリンクを入れる その他のカスタマイズ 色を変える グローバルメニューの横幅を変えたい グローバルメニューとトグルメニューの変えるタイミングを変えたい まとめ 実装図 完成図はこんな感じです。ブラウザのサイズが広いときには、子メニューまで出せれる一般的なグローバルメニューで、 ブラウザサイズが狭くなると

クリエイションギャラリーG8 30年30話 会期：2016.2.1 月 - 3.18 金 時間：11:00a.m.-6:50p.m.　日曜・祝日休館　入場無料 ※閉館時間が通常と異なります。ご注意ください。 土曜日のトークショー開催時は、一部ご覧いただけない展示がございます。どうぞご了承ください。 クリエイションギャラリーG8は、1985年、画廊ひしめく銀座で初めてのグラフィックデザイン専門のギャラリーとしてスタートしました。 以来30年にわたって、日本のグラフィックデザインを中心に、さまざまなクリエイターや作品を紹介してきました。 今回は、「30年30話」と題し、ギャラリーの30年間を振り返る展示とともに、30回のトークイベントを開催します。 世の中の状況やわたしたちを取り巻く環境が大きく変化した30年。 この30年に制作・発表されたデザインの数々と、クリエイターの多彩な考えに触れるトー

6. コンテナ型仮想技術とは •  仮想化技術にも種類があります サーバマシン ハイパーバイザ （仮想環境みまもりくん） 仮想的につくっている環境 サーバマシン Apache Unicorn Linux（ホストOS） コンテナ MySQL コンテナ 仮想的につくっている環境 Linux （仮想OS） Apache Unicorn 仮想マシン Linux （仮想OS） MySQL 仮想マシン 仮想マシン （VMWareなど） コンテナ型仮想化 Docker Docker engine ホストOS 7. コンテナ型仮想技術とは •  仮想化技術にも種類があります サーバマシン ハイパーバイザ （仮想環境みまもりくん） 仮想的につくっている環境 サーバマシン Apache Unicorn Linux（ホストOS） コンテナ MySQL コンテナ 仮想的につくっている環境 Linux （仮想OS）