【コラム】 吉田奈緒子｜“ギフト”がつくる循環　アイルランドの「カネなし男」が引き出した、ローカルな経済圏の可能性

日々めまぐるしく変化するモバイルマーケットにおいて、マートフォンアプリやモバイルWebのUIやUXを最適にデザインする事はそのプロダクトがヒットするかの大きな要素となっている。特に最近は見た目が良いだけではなく操作性が非常に高いモバイルサービスが次々とリリースされユーザーが求めるクオリティレベルも上がっている。 小さな画面サイズ、様々な利用シーン、複雑な仕様の機能を実装したモバイルサービスにおいては、高いユーザビリティを実現する事が何よりも重要である。よりユーザーに愛される為もポイントをまとめてみた。 1. レイヤースタイルのUIで奥行きを出す モバイルのインターフェイスに関しては、最近のトレンドを見てみると、フラットなUIがトレンドのように思えるが、実はモバイルの限られたスペースでユーザーに効果的なエクスペリエンスを提供するには、縦と横のスペースに加え、”深さ”を利用したレイヤースタイル

本稿では、まず「ウェブサービス開発の現場で、ウェブデザイナーの仕事はエンジニアに奪われつつある」という脅威を語る。次に、生存戦略を考えるヒントとして「分かりやすい生存戦略」を2つ提示する。「アートディレクター」と「フルスタックウェブデザイナー」という2つの生存戦略だ。 なお、「仕事を奪われていくプロセス」と「生存戦略を遂行するプロセス」について、5〜10年程度のタイムスパンをイメージしている。 ウェブデザイナーの仕事がエンジニアによって奪われつつある ウェブサービス開発の現場では、ウェブデザイナーの仕事がエンジニア／プログラマーによって少しずつ奪われつつある。とくに小さな組織や新規事業の現場では。 象徴的なのは「Bootstrapがあればデザイナー不要だよね」論。「もはや社員としてデザイナーを雇う必要はなくて、必要な時にランサーズで発注すればいいよね」「スタイルシートいじったり画像パーツ作

改訂版について　(5/7/2019公開) この記事は、私がこちらに公開したもの中では最も読まれているようです。そこで、執筆後に気づいたこと、古くなった情報、新しい技術動向などを考慮に入れて改訂をしました。主な変更点は以下の通りです： 新しいセクションの追加 最近の本の紹介 細かな表現の修正 この記事は複数のセクションに分かれていますので、前編から始め、順番にアップデートして行きたいと思います。何かお気付きの点などありましたら、コメント欄、もしくはkonoアットマークucsd.eduにお願いいたします。 はじめに この記事は、可視化の専門家ではない人がコンピュータを使ってデータ可視化を実際に行う場合に必要な、一般的なノウハウをお伝えするシリーズの第一回です。 前編: 効果的なデータ可視化とはどのようなものか？　（本稿） 中編: 分かりにくい可視化を避けるための手法の選択 後編: Part 1

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

セットになったアイコンはデザインが統一されており、それはそれで便利ですが、全部のアイコンを使うことはほとんどないと思います。 自分が必要なアイコンだけをセットにし、軽量化されたセットにして、WebフォントやSVGとして利用できるオンラインサービスを紹介します。 用意されたアイコンからセットを作ってもよし、自分のアイコンを加えてセットにすることもできます。 flat icon フォーマット：font(woff, eot, ttf, svg), png, svg, eps, psd 462種類のパック、55,000個のアイコンから使用するアイコンだけを選択し、セットにすることができます。チェックしたアイコンはクッキーで保存されているので、ログインしないでも利用できます。

デザインパターンをSwiftで実装する場合の記述例がたくさん紹介されています。 Source: Design Patterns implemented in Swift @ Github まだすべてのパターンが網羅されていませんが、よく利用するものなどが記載されているので参考になるかと思います。 デザインパターンとは ソフトウェア開発におけるデザインパターン（型紙（かたがみ）または設計パターン、英: design pattern）とは、過去のソフトウェア設計者が発見し編み出した設計ノウハウを蓄積し、名前をつけ、再利用しやすいように特定の規約に従ってカタログ化したものである。 デザインパターン @ Wikipedia 以下各デザインパターンの概要は上記Wikipediaより 記載一覧 ２０１４年８月２８日時点 Creational パターン名 記載

いやー今年もISUCONの予選参加募集がはじまりましたね! 昨年は出題側だったので胃が痛かったですが、今年は参加側ですので大変楽しみにしております。@acidlemonです。 Docker使ってますか? さてみなさん、Docker使ってますか? 使ってる? 使ってない? ぼくは使ってませんでした。えー今どきBlue-Green Deploymentやってないの? Immutable Infrastuctureじゃないの? と言われそうですが、世の中にはいろんなしがらみとかもあってなかなか簡単にエイヤーでコンテナに移行できるわけでもないのは皆さんなんとなく感じているのではないでしょうか。 とはいえ、最近これだけ話題になっているDockerですので、そろそろ使ってみたいなぁ…ということで、まずは開発環境をDockerで上げられるようにしました。 Dockerでコンテナを作るときには2つのアプロ

インフラストラクチャー部の成田（@mirakui）です。 Rails の OR マッパーである ActiveRecord ですが、みなさんどのように運用していますか？ ActiveRecord を使うと、 SQL を直接扱うことなく、抽象化された表現で RDB にアクセスできるので、アプリケーションの開発効率という観点ではメリットが大きいです。 一方で、 ActiveRecord が駆使されているアプリケーションをサーバに配置してプロダクションとして運用する立場からすると、いくつかの問題に突き当たります。 まずはクックパッド本体アプリケーションにおける、最新の rake stats をご覧ください。 +----------------------+-------+-------+---------+---------+-----+-------+ | Name | Lines | LOC

この記事を書き上げるには、相当長い時間がかかりました。本来は今年の年明け、 Rubyの死 やデイヴィッド・ハイネマイヤー・ハンソンの TDDは死んだ がアップされて騒ぎになる前に投稿するつもりだったのです。昨年末に書いたツイートを見てください。 > Rubyにはもう飽き飽きした。理由はいろいろあるが、特にその副作用と、ステータスが可変なせいで大量のユニットテストを書かされるのにはウンザリだ。 @abevoelker Rubyの開発に関しては、大勢の人が心のどこかで何かおかしい、何かが欠けていると思っているようですが、たいていの人は責める対象を間違っています。Rubyで書いたアプリがとんでもない代物になったって？　それはあなたがきちんとテストコードを書かなかったか、テスト駆動開発（TDD）の指針に則って開発しなかったからです。もしくは、正しいデザインパターンに切り分けるための知識が不足してい

1ヶ月以上前にHackerNewsで話題になっていたRealmというmobile用のDBを使ってみた。 使い方も含めて書いておく。 ※今回はobjective-cで使ってますが、swiftでも勿論使えます！ 何故作ったか？ 紹介ページの要約を見てもらえれば詳しくは分かるが、mobileのDBって2000年にでたSQLite以降全然刷新されないよねっていう内容が書いてある。 確かに、mobileのあり方は昨今大幅に変わって来ているのにDB周りは出てないみたい。 自分はwebのアプリケーションを普段は作ってるので、こっち側はResis等のNOSQLが注目されていたり技術的な流れは結構起きてるのに、、、 確かにソシャゲー作ってる人がSQLiteは遅くてtextデータで保管して・・・みたいな話しを聞いた事がある。 まぁなんせ、時代の流れに適したDBを作りたいとの事ね。 何が凄いの？ Yコン出身者が

By studio tdes ビジネスの大事なミーティングや他業種との交流会をランチの時間に行う「パワーランチ」が話題になったことがありましたが、さらに朝の早い時間帯にシフトして活動を開始する「朝活」にも注目が集まりつつあることからも感じられるように、実は朝の過ごし方は1日の行動に大きな影響を与え、ひいてはビジネスや人生にもよい影響を与えるといわれています。そんな朝の時間帯を歴史上の偉人はどのように過ごしてきたのかについて、時間指定して各種SNSへの投稿を可能にしたり、アクセス分析ツールなどのツールを提供するサイトBufferのブログでまとめられています。 Morning Routines: How Successful People Start Their Day http://open.bufferapp.com/morning-routines-of-successful-peopl

Twitterクライアント『モバツイ』開発者であり、2012年11月に想創社（version2）を設立した有名エンジニア・えふしん氏が、変化の激しいネットベンチャーやWeb業界の中で生き残っていくエンジニアの特徴を独自の視点で分析 えふしんのWebサービスサバイバル術 藤川真一（えふしん）氏 FA装置メーカー、Web制作のベンチャーを経て、2006年にpaperboy&co.へ。ショッピングモールサービスにプロデューサーとして携わるかたわら、2007年からモバイル端末向けのTwitterウェブサービス型クライアント『モバツイ』の開発・運営を個人で開始。2010年、想創社（現・マインドスコープ）を設立し、2012年4月30日まで代表取締役社長を務める。その後しばらくフリーランスエンジニアとして活躍し、2012年11月6日に想創社（version2）設立 BASEでエンジニア、デザイナーを募集

Wantedlyでは、開発PCは基本的にはMacで統一しており、社員全員にMacbook AirかMacbook Proを支給している。 インターンも最近人数が多いのである程度の数のMacを用意しておいて、それを使いまわすという運用を行うようになってきている。 Wantedlyでは、新しいMacを買ってから行う設定をある程度自動化しているので、今回はこの流れを公開しようと思う。 本来はこの作業を行った後、プロジェクトごと（Web/iOS/Android等)のセットアップを行うという流れになる。ここも特にWeb用の設定は結構自動化されている。 Macの初回セットアップ 日本語でセットアップ iCloudなどEmailが必要なものは登録しないでスキップ 起動後、Xcodeダウンロードまで Dockにデフォルトで存在しているものを消す 好みの問題だがほぼすべて消してOK 最終的に以下の2つぐらい

マネジメント 新しいチームのあり方を探求 就活 就活生必見！サイボウズの疑問 ティール組織 会社の「あたりまえ」が変わる 多様性 100人100通りの個性 ワークスタイル 働き方、生き方、もっと自由に 青野慶久 サイボウズ社長の想いと覚悟 キャリア 人生の「積み上げ方」を見直す 複業 複数の「本業」をもつ働き方 人事制度 多様な働き方を支える仕組み マンガ サクッと手軽に読める！

Gunosyは9月2日、ニュースアプリ「Gunosy」の累計ダウンロード数が8月末に500万を突破したと発表した。10月からは、記事のようなフォーマットで広告配信するネイティブアド「Gunosy Native Ads」を展開する。 このほど開示された同社の決算公告によると、2014年5月期通期の売上高は3億5900万円、営業赤字は13億5800万円。通期で16億3000万円もの販売管理費を計上している。 同社によると、販管費のほとんどがテレビCMとWeb広告の費用。現時点で月次の売り上げは「億円単位」あるとしている。黒字化のめどについては、「広告宣伝費をいくら支出するかに依存するが、時期は非開示とさせていただく」としている。 関連記事 「Gunosy」12億円調達　ダウンロード数400万に迫る GunosyがKDDIなどから12億円を調達した。ダウンロード数は月末に400万を突破する見通し

初心者と中級者、上級者の違いとは何でしょうか？ 初心者は、 知識が少ない 開発したソフトウェアの数が少ない 中級者・上級者はその逆で、 知識が多い 開発したソフトウェアの数が多い その結果生まれる実質的な差は、 「初心者はかんたんなものしか作れないけど、中級者・上級者は難しいものを作れる！」 ということです。ですから、初心者が中上級者になるには難しいソフトウェアを作るのに役立つ知識を身につければ良いわけです！ 難しいソフトウェアとは、 ロジックが複雑で難しい 規模が大きい 性能要件が厳しい 納期が短い など、いろいろな難しさがあります。 これらのハードルに対抗する知識・技術について紹介します。 規模が大きいソフトウェアを作るための技術 規模が大きいソフトウェアを作るための技術には、以下のようなものがあります。 モジュール分割 アプリケーションアーキテクチャ フレームワーク プログラミング作

最近フロントエンドでfacebook/reactをずっと使っている。世界的には一部のエンジニアの間で流行っているのだが、国内だとqiitaのタグ等を見てもどうも少ない。みんなもっと使うべきだと思うので、宣伝かねて意見をまとめてみる。 複雑化するデータバインドに対する懸念 MVWのVに対して思いを馳せると、だいたい次のことに行き着く。すなわち、「ある構造体の入力に対して、必ず一意なビューを生成したい」 {items: [1, 2, 3]} を入力とすると、 1, 2, 3のli要素になってほしい。これは単純な例だから問題に成り得ないように見えるが、アプリケーション全体の状態を一つのjsonとして定義し、 そこから常に0から組み立てればアプリケーションの健全性が確保できると考えたことはないだろうか？ 現実の問題 UIのだいたいの状態は遷移で表現される。遷移の差分をプログラマが記述する。jQue

よく、プログラミングを学ぶ方法として「まずは何か作りたいものを見つけて、、、」といったアドバイスを見かける。たしかに何かを作り上げることで学ぶことも多いのだけれど、どちらかというとそれは実装方法よりもデプロイだったりライブラリやツールの使い方といったところの方が大きいように感じる。 一方で、実装方法については、自分で問題を解決しているだけだとどうしても自分の考え方にとらわれてしまう。 プログラミングの上達のためにきっと一番大切なことは環境で、近くに良い師匠がいるのであれば様々な問題の解決方法を学ぶことができるだろう。 そうでない場合は、インターネット上でお手本を見つけるのが良いと思う。 あまり大きすぎず、ある程度活発なお気に入りのプロジェクトをGithubで見つけてWatchする。毎日届くNotificationをざっとで良いので目を通す。最初はほとんど意味がわからないだろうけどかまわない

英語でアジア圏のスタートアップ情報を発信するメディア「Tech in Asia」が3日と4日、東京・渋谷で「Startup Asia Tokyo 2014」を開催している。同イベントは2012年以来、シンガポールやジャカルタで開催。日本は初上陸となる。イベント初日には、ディー・エヌ・エー（DeNA）創業者の南場智子が登壇し、スタートアップが成功するために欠かせない人材の集め方を語った。 同イベントではこのほか、「高校中退から、ミリオネアになるまで」というタイトルで、アドウェイズ創業者の岡村陽久がインタビュー形式のセッションに登場している（関連記事：中卒からミリオネア！ アドウェイズ社長が語ったジェットコースター半生）。 最初のアイデアで成功する起業家はごくわずか 私はDeNAを1999年に立ち上げました。最初にオンラインオークションを立ち上げようとしていると、その準備中に大きい競合が先に行

Webデザインのトレンドを知っておくことは、今そしてこれからWebサイトを制作する上で非常に大切な情報です。廃れていくものを採用するのではなく、今求められているもの、これから伸びるものを取り入れることで、Webサイトは長く幸せな時をおくることができます。 現在のWebデザインのトレンドと制作動向を知り、これからの傾向を探ったまとめを紹介します。 Improving on Existing Web Design Trends 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 トレンドを探るキーワードは全部で、26個。 デザインはより時間をかけ、コーディングはより少なく オープンソース よさそうに見えるWebデザイン ミニマリズムの進化 スクロールが好まれ、クリックは減少傾向 テキストはより少なく 明るい爽やかなカラー ユーザー目線 シンメ

モバイルファースト室の @slightair です。 先ほど、デザインをリニューアルしたクックパッドiOSアプリ 6.0.0 をリリースしました。 https://itunes.apple.com/jp/app/kukkupaddo-no.1reshipi-jian/id340368403?mt=8 この記事では、どのようにして新しいデザインをiOSアプリに適用していったのかを紹介したいと思います。 新しいアプリの画面 スクリーンショットを見ていただければわかるように、全体的にフラットな印象を与える画面に変わりました。 トップ レシピ詳細画面 サイドメニュー この記事で全ての画面を紹介することはできませんが、ぜひダウンロードしてお手持ちのiOS端末で触ってみてください。 新デザインの適用 基本的には、画面デザイン案をもらい、既存のアプリを修正して少しずつ適用していく形で進めていきました。

平素は株式会社ライブドアのサービスを ご利用いただきありがとうございます。 提言型ニュースサイト「BLOGOS」は、 2022年5月31日をもちまして、 サービスの提供を終了いたしました。 一部のオリジナル記事につきましては、 livedoorニュース内の 「BLOGOSの記事一覧」からご覧いただけます。 長らくご利用いただき、ありがとうございました。 サービス終了に関するお問い合わせは、 下記までお願いいたします。 お問い合わせ ※カテゴリは、「その他のお問い合わせ」を選択して下さい。

GitHubと連係するコードレビューツール「ReviewNinja」がGitHub上で公開されています。開発しているのは欧SAP。あの業務アプリケーションで知られるSAPです。 Review Ninjaはまだ開発の初期にあるようですが、GitHub上で次のように解説されています。 ReviewNinja is a lightweight code review tool that works with GitHub, providing a more structured way to use pull requests for code review. ReviewNinjaは軽量なコードレビューツールで、GitHubと連係しています。これはコードレビューの場面でプルリクエストを用いてより構造的な方法を提供するものです。 （一部省略） ReviewNinja defines a clea

pull requestの作り方について 作業途中でもpull request作ったほうがいい。 作業途中だと分かるようにwantedlyだと、[WIP]とかタイトルの最初につけてる タイトルに書くこと 作業の内容が分かるタイトル descriptionに書くこと WHY WHATを必ず書く Viewに変更がある場合は、スクリーンショットを貼る 関連のissueやpull reqeustへのリンクがあれば書く コードだけで分かりにくい箇所の説明(できるだけコードだけで分かるほうがいいけど) イメージは、初めてpull requestを見る人がmergeする上で必要な判断ができる情報があること。 どの作業をしているか、残っているか分かるように、マークダウンでチェックリスト作る git commitの方法について 僕自身まだまだcommitの単位は汚いので、今の僕レベルで気をつけていることを書

このドメインは、お名前.comで取得されています。 お名前.comのトップページへ Copyright © 2020 GMO Internet, Inc. All Rights Reserved.

グノシー共同代表取締役木村新司氏の退任が昨日からニュースになり、スタートアップ業界では驚きの声を多く聞きます。本誌独自調査ではTechCrunch記事でのGREEとの競業避止義務を巡る訴訟リスクを踏まえた上の退任可能性という話は信憑性が高いと判断しました。 たしかに競業避止義務は存在したと思われますが、本件に関するGREEのやり方に疑問を感じたので一石を投じます。 ご存知の通り、GREEはスマートニュースへの１８.５億円と思われる大型出資を実行しました。本誌独自調査では上記記事がリリースされる近辺のGREE社内の朝会でGREE幹部が「スマートニュースに出資した。グノシーを潰しにいく」と発言していたということを耳にしており、「グノシーを潰しにいく」というやり方がこのようなやり方なのかと本件を見て感じ取った次第であります。 本件以外でもGREEは同社を退職してスタートアップに転職した元社員に対

A/Bテストに興味があるものの具体的な改善案が浮かばない、もしくはそもそも何から始めたらいいかわからないという人も多いのではないでしょうか。 そこで今回は実際にplanBCDでご活躍中のグロースハッカーの方に、まず最初に試したい「鉄板」改善パターンを伺ってきました。 本稿では、その中でも「簡単」「すぐに実践可能」「結果がでる確率が高い」という観点から厳選した3つの案を紹介していきます。 1. ボタンの色を変える まさにA/Bテストの鉄板中の鉄板と言える、「ボタンの色」の変更テスト。発想力に自信がないという方や、初めての方でも簡単に複数の案を考えることができます。 さらに色のパターンを一度考えてしまえば、複数ページ、複数の箇所で機械的にテストをすることもできるため、どこかしらで結果を出せる可能性が高い費用対効果にも優れた案です。 同じサイトでも、ページの構成や背景などによって効果の高い色が変

昔から「名は体を表す」と言ひます。クラスの名前がクラスの果たす役割と一致してゐるかどうか常に考へ続けませう。 ImageInfo, AccountData, etc. Info って何やねん? Data って何やねん? ImageInfo って Image とはどう違ふねん?? FooInfo や FooData よりも好ましいかもしれない名前の例: FooAttribute, FooProperty, FooMetadata, FooDescription FooConfiguration, FooSetting, FooParameter FooResult, FooStatistics, FooSummary FooBuffer, FooList, FooCollection, ... ProductListItem, TranslationTableEntry, etc. Prod

By Ian Muttoo Appleの故スティーブ・ジョブズは何か重要な話をする時や考えをまとめる際にはとにかく公園や道路など、あちこちをよく散歩していたというエピソードがあるように、なかなか考えがまとまらない時に、ふらっと外を歩いていると良いアイデアが突然浮かんできたりするのは万国共通の体験。そこで、「なぜ歩きながらだと考えがうまくまとまるのか？」についてThe New Yorkerがさまざまな角度から考察しています。 Why Walking Helps Us Think - The New Yorker http://www.newyorker.com/tech/elements/walking-helps-us-think 「ユリシーズ」の作者であるジェイムズ・ジョイスと、「ダロウェイ夫人」の作者ヴァージニア・ウルフは、「意識の流れ」を小説の中で表現した小説家たちです。この2人の作

デブサミ関西基調講演資料

This document provides a summary of various web development topics and resources, including responsive design, Android fragmentation, Google services, Material Design, web components, and more. It discusses principles like universality and accessibility, and recommends actions like focusing on building interfaces in HTML/CSS directly instead of Photoshop. Links are provided to additional articles