このドメインは、お名前.comで取得されています。 お名前.comのトップページへ Copyright © 2020 GMO Internet, Inc. All Rights Reserved.
今までは、メインマシンにはLinuxやMacを利用していました。 ただ、最近はVagrantとかが充実してきてLinuxで動くWeb系の開発をするからって、環境をUnix系にする必要もないかな、と思って変化を求めてWindows 8.1 環境をデスクトップにししてみました。 別に紙芝居ゲームや艦これのため変えたわけじゃないですよ? ええ、違うんです。 作業してて結構ハマったり、昔のWindowsの環境構築とは様変わりしてた部分もあるので、その辺をメモります。 はじまりはアカウントから プログラマがWindows 8.1を使うならばまずはじめに考慮することはログインアカウントです。 Windows 8からは認証アカウントをMicrosoftアカウントと連携させることが推奨されます。 利用しているアカウントがローマ字などASCIIだけなら問題はありませんが、私のようについうっかりと日本語名にし
「1アプリの広告収入は平均40,000円」アドネットワーク「nend」が生データから語る激変のアプリ市場。 国内最大級のスマホアドネットワーク「nend」を運営する株式会社ファンコミュニケーションズさんにお話を伺いました。前後編に分けてお届けする予定ですが、前編では「nendのデータからみたアプリ市場」のお話をまとめています。 ※左からnend事業部の中野さん、マネージャーの浅見さん、執行役員の二宮さん。 「メディアサイド(アプリデベロッパー)」のデータで見るアプリ市場 データから見たアプリ広告市場を「メディアサイド」と「広告主サイド」で、大きくふたつに分けて解説いただきました。まずメディアサイド(アプリデベロッパー)側のデータからです。 ※nendはスマホ(アプリ&WEB)のアドネットワークですが、今回はアプリに絞ってのお話。 「広告収益」はiOSとAndroidどちらが稼ぎやすい? 浅
こんにちは!エンジニアの杉上です。 Swiftのコーディング規約を作成しています! WantedlyではSwift言語で開発したiPhoneアプリSioriをリリースしました。 その開発経験を元にSwiftコーディング規約を作成しています。 Swiftのコードは多様な記述の仕方ができるので柔軟でかつ表現力もありますが、チームで開発を行うとどうしても記述の仕方が統一できず可読性も上がりません。このコーディング規約がベストプラクティスだというわけではありませんが、Swiftもまだまだ手探りなところもあるので参考情報としてご参照いただき、皆さんと一緒にブラッシュアップしていきたいと思っております。 コーディング規約の必要性について Swiftはプログラマがリスクを取ることによってより簡素に端的に記述ができたり、型推論が強力なので型の明記を省略して記述ができます。チームでSwift開発を行う場合は
フォトブック作成サービス「ノハナ」を運営している株式会社ノハナさんにお話を伺いました。ユーザーインタビューでわかった「ビニール袋」の意外な重要性、値上げをしたほうが有料率が上がった話など。 ※株式会社ノハナ代表の大森 和悦さん。 当初は「フォトブックサービス」をやる予定ではなかった。 「ノハナ」について教えていただけますか? 大森: 月1冊まで無料のフォトブック作成アプリです。現在80万ユーザー(ダウンロード数ではなく会員登録ベース)で、毎月15万冊のフォトブックを発送しています。 OSについてはiPhone:Androidが6:4、ほぼスマホでタブレットユーザーは5%くらいですね。 どんなユーザー層にどのように使われているのでしょうか? 大森: 7割ぐらいは「お母さんが子どもの写真を記録する」という使い方です、特に0歳児のお子さんがいるお母さんが多い。 フォトブックを購入ユーザーの属性を
こんにちは、ディレクターのなかみーです。 さて、プロジェクトのスケジュールが遅延してしまうと、クライアント・制作会社問わず関係者全員が不幸になってしまいますよね。逆に、安心安全にプロジェクトを回せたら、Webディレクターとしてこんなに幸せなことはありません。 ところでこのWebディレクターの仕事って、何なのでしょうか。企画提案、制作進行、クライアント調整……と、必須スキルは多岐に渡っています。 しかしそれにも関わらず、参入障壁がとても低く、産業として歴史が浅いこともあってか、他の業界に比べてプロジェクトの遅延が発生しがちなのかな……と思うときがあります。 かくいう僕自身も過去にさまざまなプロジェクトを担当させていただき、思いきり遅延を発生させてしまったこともあります。そこで本日は、反省と自戒を含め、プロジェクトを遅延させないためのポイントを3つにまとめてみました。 他のWebディレクターの
Webページで実際に使用されている63種類のさまざまなUIデザインのパターン、エレメントの使い方、コンテンツの見せ方・そしてそれらの実装の際の注意点などを一冊のPDFにまとめた無料のeBookを紹介します。 Web UI Design Patterns 2014 本書は以前、紹介したUXPinのシリーズで、ウェブ制作の参考になるPDFが他にも無料でダウンロードできます。 ワイヤーフレームや最近のUIを解説したワイヤフレームガイド 2014年、進化しているWebデザインのトレンドをチェックできる無料のE-Book スマホページ・アプリのさまざまなUIの特徴と実装の注意点がまとめられた無料のeBook eBookは全編英語ですが、英語が苦手な人でもグラフィックを見るだけで十分にためになると思います。 本書の中身を簡単に紹介します。
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
一年くらい前は、フラットはただのトレンドでしょ、と言われることもありましたが、この一年で日本でも多くのWebサイトで採用されており、一過性のものではなくなりました。これから制作されるサイトの多くでフラットが採用され、またどんどん進化していくことと思います。 そんなフラットの見た目的な美しさだけでなく、実際に改善された事例を元にした効果な使い方を紹介します。 How Flat Design Increases Conversion Rates 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。� 海外のブロガーから日本の他ブログでの無断転載や無断翻訳を聞くのでご注意ください。削除依頼しても無視っていうからひどい。 ミニマリズムがコンバージョンレートを261%増やした例 コンテンツファーストとモバイルファースト ボタンのデザインを変えたらコン
最近、前から気になっていた「scss」と「compass」を使い始めてみました。 まだまだ使いこなせていないまでも、初歩的なことを覚えるだけでも、グッと効率が上がります。今回はWordPressのテーマ作成を行う際に、準備しておくと使いやすい設定をまとめておきます。 使い始めなので、記述にミスがあるかもですが、その際はご指摘いただければありがたく。 また、環境は「Mac OS X Maverick + coda 2」で制作しています。 なお、インストールについてはまとめておりませんので、記事末尾の参考URLをご確認いただければ。 WordPress テーマのファイル構造に合わせる ご存知の通り、WordPressのテーマは「style.css」を元にしています。通常のテーマではcssファイルは、この「style.css」のみを利用することになります。 scss / compass では、分
ランディングページといったコンテンツもレイアウトも全て決め打ちで成立するようなものはさておき、多くの Web サイトおよびアプリケーションは、いかなる分量のコンテンツであろうと柔軟に受け入れて表示出来るように設計・デザインされなくてはなりません。 しかし、全ての文字列を表示するには長過ぎてレイアウトが崩れてしまうといった場合には、何らかの方法で文字列を省略する必要があります。一昔であれば Ruby や PHP、Java などサーバーサイドで文字列を切り捨てるなどの加工をしてからフロントエンドに返すという方法が常套手段として用いられていました。しかし、これでは昨今のワンソースによるレスポンシブデザインといったスクリーンサイズに応じて動的に表示領域が変わるようなデザインに対応しきる事が出来ません。PCサイズの表示領域に適した文字数を返したとしてもモバイルサイズの表示領域がそれと同じとは限りませ
Bucknell Universityのサイトの、型破りなレスポンシブデザインへの変更は話題を呼んだが、それによってユーザビリティがかなり犠牲になっていることが、学生と保護者によるテストで明らかになった。 Breaking Web Design Conventions = Breaking the User Experience by Katie Sherwin on July 20, 2014 日本語版2014年10月6日公開 大学のWebサイトのトップページを頭に思い浮かべてほしいと言われたら、どのようなイメージが浮かぶだろうか。浮かぶのはSUNY Cortlandのトップページのようなもの、つまり、芝生の上に学生がいる画像があって、ページの上部にはナビゲーションがあり、そこにAcademics(:学部・大学院)、Admissions(:入学案内)、Prospective Studen
こんにちは、ユーザファースト推進部デザイングループの長野です。 今回は、クックパッドで定期的に行っているユーザ調査について、下記の流れでご紹介してみたいと思います。 なぜ調査するのか どのような調査をしているか 調査結果の記録と共有の方法 実際のサービスに活かされた事例 1. なぜ調査するのか クックパッドでのものづくりはすべて、「誰のどんな課題を解決するのか」を明確に定義することから始まります。そのためには、対象となる「人」への理解が不可欠であり、ユーザ調査はその手段です。 現在クックパッドでは、レシピ検索だけでなく生活全般へと事業領域が広がってきており、提供するサービスが対象とする「人」の生活や利用シーンの幅も、ますます多様化しています。それにともなって、様々なタイプの人の生活を理解することが必要とされてきており、ユーザ調査を活用する意味も、より強まってきていると感じています。 2.
html5を利用してコーディングする事が増えてるかと思いますが、今でも出てくる話題が「articleとsectionの使い方に迷う。」という事。それらを利用しなくてもhtmlは組めるので、使わないという選択肢も有るのですが、折角なら理解して使いたいですよね。 1.html5について 2.article要素 3.section要素 4.文章のアウトラインについて 5.まとめと文献 1.html5について そもそもhtml5が何か?を説明しておきます。html5はウェブアプリケーションとしての機能や、マルチメディア要素が実装された規格のhtmlです。 記述方法に関しても、これまでのバージョンやxhtmlのものとは違い、かなりシンプルに記述することができ、僕自身もその書きやすさが気に入って、それを選択候補に入れています。 ただ、html5には、これまでのバージョンから存在している多くのタグに、さ
SEOのロングテール戦略とコンテンツマーケティングの話 ターゲットとするオーディエンス、彼らの検索行動の傾向と特性、検索クエリ、カスタマージャーに、そういった前提データに基づいて戦略を考えて、そこに SEO やロングテール、コンテンツの位置づけと役割を定義しなければ、本来の目的が達成できない可能性がある。 公開日時:2014年10月06日 11:16 SEO はWebサイトの発見性(Findability)を高めるもの クリス・アンダーソン(Chris Anderson)によって提唱された「ロングテール」という言葉が注目を集めていた時代から、SEO の基本的な戦略は「検索回数が多いものから少ないものまで、メジャーなものからニッチなものまで多種類の検索クエリで集客できる Webサイトを構築すべし」です。ここではロングテール戦略としておきます。 なぜヘッドからテールキーワードまでカバーすべきか
Unityを使えば、個人でも短期間でゲームが作れる 「ゲームを作りたい!」 誰もが一度は思ったことがあるのではないでしょうか? 私もそうでした。しかしいざゲーム開発の本を読んでみると、C++で書かれた難解で膨大な記事に圧倒されて自分には無理だと諦めていました。 ですが、私はこれまでに2か月間で2つのゲームを作ることができました。なぜ、そのようなことができたのか? その答えは「Unityを使ったから!」です。 Unityを使えばC++の難解で膨大なコードを書く必要がありません。ゲームのオブジェクトをGUIで配置して、それらを操作するスクリプトを少し書くだけで、ゲームを作ることができます。スクリプトを書くのに使うプログラミング言語は、C#、UnityScript(静的型付JavaScript)、Boo(静的型付Python)から選ぶことができます。 また、Unityではゲームに使用する3D
こんにちは。mackyです。 CSS3で追加されたremという単位が便利な理由をpxやemと比較してまとめてみました。 IE8以下は非対応ですので、px指定を追加する必要がありますが、 スマートフォンやRWDにはとても便利です。 ちなみに、 remというのは、「root+em」(ルートエム)の略でhtmlのサイズを継承するemだと。 なるほど、とてもわかりやすいです。 そのまえにem(pxも)の継承をおさらい。 px(ピクセル) ピクセル単位の指定。 環境によって変化しない絶対単位です。 em(エム) 文字の高さを基準にした単位。1emは1文字分で、環境によって大きさが変化する相対単位。 bodyなどでfont-sizeの指定をしていない場合、あるいはfont-size:100%なら「1em=16px」が基準になります。 まずはpxとemをおさらい pxとemについてのわかりやすい説明はこ
田倉まひろ @taklamahiro あっ!!これいいかも!!いつも汁の白ヌキメンドイなーって思ってたんで何気にカスタムブラシで解決できないかと作ってみたら思ってた以上の効果が!! pic.twitter.com/cvMyRpSVOt
10月1日、株式会社ディー・エヌ・エー(DeNA)が住まい・インテリアに特化したキュレーションプラットフォーム「iemo(イエモ)」を運営する株式会社iemoと女性向けのファッションに特化したキュレーションプラットフォーム「MERY(メリー)」を運営するペロリ株式会社を約50億円で買収、子会社化した。 今回、買収と同時にキュレーションプラットフォーム事業に参入するにあたり、DeNA代表取締役社長兼CEO・守安功氏にインタビューをおこなった。後編ではキュレーションプラットフォーム事業ついてお伝えする。前編はこちら。(聞き手:現代ビジネス編集部・佐藤慶一) キュレーションプラットフォーム事業を統括する理由 ---キュレーションプラットフォーム事業では「リアル巨大産業の構造変革を目指す」ことを掲げています。他分野のプラットフォームの立ち上げ時期や想定されうるジャンルがあれば教えてください。 守安
少し前に話題になったこんな面白いファッションサイトがある。 Famous Outfits と言い、男性セレブのファッションを分解し、それを手に届くアイテムで実現するにはどうしたら良いかを教えるものだ。たとえば、上のChace Crawfordのカジュアルファッションを真似るために、J・CrewやGAPなどのお手頃ブランドのアイテムが紹介されており、そのアイテムの販売サイトへのリンクが貼られて、すぐにそれが買えるようになっている。 とてもおもしろいアイディアのサイトだと思う。 このサイトでは、一日ひとつ、セレブファッションの安値コピーの指南をするほか、トレンド紹介、気合の入ったブログも運営されていて、ファッションサイトのひとつのヒントになりそうだ。 じつはこのサイトは、今年の8月22日に、ふたりの創業者がアイディアを思いついて、それをわずか5日間でつくったものだという。 その顛末が、こちらの
背景にパターンやテクスチャを効果的に使うと、デザインの単調さが解消され、Webページ全体に厚みを加えることができます。 そのパターンも最近のトレンドでは新しいものが少しずつ増えてきました。幾何学パターン、イラスト、ローポリ、地紋、ラインやドットを使ったパターン素材をSubtle Patternsから紹介します。 Subtle Patterns Subtle Patternsは専用のプラグインを使うと、便利です。 Subtle Patterns PS Plugin Photoshop CS5+ から CC2014対応で、パネルからパターン素材が1クリックで利用できます。 $11.99と有料ですが、Subtle Patternsの新作素材をすぐに利用できるだけでなく、検索機能やお気に入りの登録もできるのでかなり重宝しています。 Subtle Patternsの新作を中心に人気のパターン素材を紹
基本の手順 homebrewやrbenvは何かでインストールしている前提。 rbenvで新しいrubyのバージョンを入れたばかりの仮定。グローバルを汚さずに、なるべくプロジェクト内にgemを保持するポリシーで進める。 $ rbenv exec gem install bundler # bundlerのみインストール # 以下新規プロジェクト作成 $ cd path/to/project # railsを作成したいプロジェクトのパスへ移動。無ければ作ること。 $ echo 2.1.3 > .ruby-version # rbenvのrubyバージョン指定 $ cat .ruby-version # 例えば下記のようになる 2.1.3 $ bundle init # Gemfileのひな形作成 $ vi Gemfile # railsの設定だけコメントされているはずなので欲しいバージョンに設
こまざき・ひろき 1979年東京都生まれ。慶応大卒業後、2005年4月に全国初の訪問型・共済型病児保育サービスを立ち上げた。現在、NPO法人フローレンス代表理事 日本の社会起業家のフロントランナーで、病児保育などを手がけるNPO法人フローレンス代表理事、駒崎弘樹さん(35)がツイッターやフェイスブックで「新しいリベラル」のあり方について発信し、話題を呼んでいる。駒崎さんがなぜ既存のリベラル勢力や保守勢力ではなく、あえてリベラル像のアップデートについて発言するのか。新しいリベラルの具体像、アップデートのために必要な「草の根ロビー活動」とは何か。ロングインタビューでお届けする。【聞き手・石戸諭/デジタル報道センター】
いよいよ秋のお出かけシーズン突入!そんな時期に訪れたい、九州の人気温泉地から絶景露天を厳選してご紹介♪個性豊かな温泉につかりながら眺めたいのは、蒼い大海原、紅葉の山々や渓谷、それとも満天の星空?しっとり温泉で美肌を目指しつつ、絶景まで楽しめちゃう、よくばりな気分爽快Tripへ、いざ出発しよう! 150畳分もの露天から望む名山・由布岳の麗しき全貌 山のホテル 夢想園 その名を全国に轟かす名物露天。なにせ湯船の広さは、女湯で約150畳分!由布院温泉イチ…いやいや、それどころか九州内でも指折りのスケールを誇る。湯船に浸かったまま楽しめる、由布岳の姿もまた麗しい。裾野からギザギザ頭までしっかり望める真っ正面から眺めるのがおすすめだ。 <立ち寄り入浴データ> 営業時間/10時〜15時30分(最終受付15時) 料金/大人700円、5〜12歳600円 TEL/0977-84-2171 住所/
DeNA守安社長インタビュー【前編】「iemoとMERYは、サービスの哲学と構造的な強みが魅力的だった」 10月1日、株式会社ディー・エヌ・エー(DeNA)が住まい・インテリアに特化したキュレーションプラットフォーム「iemo(イエモ)」を運営する株式会社iemoと女性向けのファッションに特化したキュレーションプラットフォーム「MERY(メリー)」を運営するペロリ株式会社を約50億円で買収、子会社化した。 買収と同時に、DeNAはキュレーションプラットフォーム事業に参入する。2社の事業拡大を図るとともに、他分野でもキュレーションプラットフォームを立ち上げ、各分野でナンバーワンのポジション獲得を狙う。今回、DeNA代表取締役社長兼CEO・守安功氏にインタビューをおこなった。前編では今回の買収についてお伝えする。(聞き手:現代ビジネス編集部・佐藤慶一) リアル巨大産業の構造変革を目指す ---
ボクは本当にAngularが好きで、もはや恋するレベルに達していて、今ではもう実案件に使っている。 イカ理由。 APIがほんっっっっっとうに糞 趣味の問題といえばそうでもあるが僕は糞だと思う → 趣味には口を出しません。そう思うならそうです。 実装が黒魔術 良識あるJSエンジニアなら Function.prototype.toString() しない 実際に一部のクロージャが破壊されてて挙動が直感に反する DirtyCheckの実装、表面的にもDirtyな挙動として現れるのでデータバインドとして何も嬉しくない →データバインドだったり、Web Components のような、未来にnative実装されるAPIを包括的に実装しようとした結果の1つだと思ってます。 もっといい方法はあるのかもしれないですけど、Angularではこうしてるよっていうのが現状なのかなと。 上記で毒づく程不満はないで
画像表示のマルチデバイス対応をHTMLとCSSのみで実現できる「レスポンシブ・イメージ」ですが、効果的な使い方をするには、いくつか注意点があります。プロダクション・サイトで使えるようになるまでにはもう少し時間がかかりそうですが、基礎と注意点くらいは今から覚えておいても良さそうです。 Cloud Fourというアメリカの制作会社のブログ で、<picture>要素の使い方について注意を促していて、とても重要な情報だと思ったのでこちらでもシェアします。先日書いたレスポンシブ・イメージとPicturefill 2のまとめとあわせて、近い将来、レスポンシブ・イメージ実装の参考になれば幸いです。 まずは推奨の記述方法から レスポンシブ・イメージ実装の際に推奨されるHTMLの記述方法は以下のとおりです: とりあえず、これだけ覚えておけば、細かいところはこの記事をはてブ しておいて、使う時にもう一度見な
アダルト検索エンジン「Boodigo」が公開 元Google社員ら立ち上げ 元Google社員がアダルトコンテンツの検索に特化した検索エンジン Boodigo を立ち上げた。アダルト関連検索だからこそ求められる配慮・機能を備える。アダルトエンターテイメントのポータルサイトと、Google で「困っている人たち」の受け皿を目指す。 公開日時:2014年10月06日 12:30 Boodigo, LLC は2014年9月15日、アダルト専門の検索エンジン「Boodigo」を一般公開した。Colin Rowntree氏と Wasteland.com、そしてテクノロジー企業の 0x7a69 が開発に協力した。 Boodigo はアダルトコンテンツの検索に特化した専用の検索エンジン。Google や Bing はアダルト関連コンテンツを検索結果から排除するように試みているが※、Boodigo はアダ
ども。ナカムラです。 今回はいつもの「やたら上位に食い込みたがるディレクターズマニュアルの記事」と比べるとかなり粒度細かめ。 実際の現場でディレクターがワイヤーを書くその前に「やらなければいけないこと」とその理由について解説してみたいと思います。 ちなみに、お題は「既存コンテンツありのリニューアル with Word Press 案件」と仮定してみます。 さて、ワイヤー書く前にディレクターって何やればいいんでしょうね? とりあえずサーバー周りの情報整理 WordPressに限らず、どんな案件でもまぁ必須。なんかしらCMSを乗せる場合であれば間違いなく事前に確認しておかないと大怪我するアレですね。 とりあえずLAMP動くかどうか?とセキュリティ系の情報くらいは整理しときます。 この辺の情報は1枚のドキュメントにまとめといたほうが後で楽かもですね。 既存のページ調査 リニューアルであれば、まず
僕は本当にAngularが嫌いで、もはや許せないレベルに達していて、今ではもう本当に使いたくない。 イカ理由。 APIがほんっっっっっとうに糞 趣味の問題といえばそうでもあるが僕は糞だと思う 実装が黒魔術 良識あるJSエンジニアなら Function.prototype.toString() しない 実際に一部のクロージャが破壊されてて挙動が直感に反する DirtyCheckの実装、表面的にもDirtyな挙動として現れるのでデータバインドとして何も嬉しくない Googleだから許される、みたいなコミュニティの驕りが本当に嫌 Angularの都合だけでChromeでObject.observeを前倒しするのやめろ Angularの内部モジュール同士が密結合 DI, module, factory, それぞれ大きなテーマなのに密結合 使いはじめるとAngularをやめることが困難 パフォーマン
没入型3Dヘッドアップディスプレイの「Oculus Rift」向けに、JavaScriptライブラリーのthree.jsを使い仮想空間内で3Dアニメーションをリアルタイムで作成可能なライブコーディングWebアプリが開発されました。開発者のBrian Peirisさんは、実際にアプリを使って仮想空間内で3Dアニメーションを作成している様子をYouTubeに公開しています。 Live coding in VR with the Oculus Rift, Firefox WebVR, JavaScript and Three.js - YouTube 仮想空間にさっそうと現われたコードエディター。 カタカタカタとコードが入力されると…… 仮想空間の上の方に黒いボックスが出現しました。 黒いボックスは小型化して、色が赤に変化。 さらにコードが入力されていき…… 赤い立方体は9つに増えました。 位置
mizchi 氏のエントリを踏まえて。 Angularが嫌い - mizchi's blog 何をやるにもググって解決しなければならないぐらいには一貫性がない マジでこれ。設定が多すぎる。特に directive 定義。どうやら Web Components の流儀に沿うようになっていて、将来的には Web Components に乗っける、ということらしいが、そもそもの Web Components の仕様が汚いし、救いようがない。 参考: AngularJS: Developer Guide: Directive 制御構造と要素を分離してねぇせいで replace とかいうオプションが生えてるし、tranclude との組み合わせでより複雑なことになるし、isolated scope な directive は併用できないとか、ng-repeat で作られた scope の下に他の d
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く