UX Movementの著者および設立者です。ユーザー体験のデザインスキルの開発を手助けしてよりユーザーフレンドリーな世界のために、このブログを創設しました。 フォームのどこにエラーメッセージを配置していますか? ユーザーの期待する場所にエラーメッセージが置かれていないと、ユーザーはフォーム入力を完了できなくなってしまうかもしれません。 フォーム入力を間違えたら、ユーザーはそれを修正して送信し直すために、なにが間違っていたのかを理解する必要があります。フォームを完了しようと思っていたとしても、それがあまりにも大変であればユーザーは心変わりしてしまうでしょう。 フォームの上か、フィールドのインラインか エラーメッセージの配置場所でもっとも一般的なのは、「フォームの上」と、「エラーのあるフィールドのインライン」という2箇所です。どちらの配置場所が、ユーザーにとってより直感的でしょうか? 調査に
旅好きデザイナー/イラストレーターNAYO(@nayo74)です。 Creator's Meetup主催イベント「サービスのバズらせ方」に参加しました。 性格診断「m-gram」をはじめとするサービスを展開する株式会社m-gramの松村さん(@spyuchan)がお話されたどうやってサービスを作っていくべきなのかの内容をグラレコでまとめています。 *** m-gramの松村さんが作るサービス 1)インスタのイイネ♡が多かった画像を1枚にする「2017Bestnine」 お気に入りの写真を何度も見られたい欲求がある女性心理を満たすサービスとしてスタート 2)105この質問で本当の自分が知れる性格診断「m-gram」 データを得る(=ビジネスでは根拠がないと難しい)には大量の資金がかかるため、サービスを使ってデータを集めよう!の考えからスタート*** 性格診断「m-gram」はなぜ信用されたか
sqldefのリポジトリ github.com これは何か Ridgepoleというツールをご存じでしょうか。 これはRubyのDSLでcreate_tableやadd_index等を書いてスキーマ定義をしておくとそれと実際のスキーマの差異を埋めるために必要なDDLを自動で生成・適用できる便利なツールです。一方、 で言われているように、Ridgepoleを動作させるためにはRubyやActiveRecordといった依存をインストールする必要があり、Railsアプリケーション以外で使う場合には少々面倒なことになります。*1 *2 そこで、Pure Goで書くことでワンバイナリにし、また別言語圏の人でも使いやすいよう、RubyのDSLのかわりに、誰でも知ってるSQLでCREATE TABLEやALTER TABLEを書いて同じことができるようにしたのがsqldefです。 使用例 現時点ではMy
TypeScript+node.jsでサーバーサイドを開発してる時に、煩わしいこと TypeScriptをjavascriptへコンパイルすること。 ソースコードを編集したい場合、node.jsのプロセスを立ち上げなおす必要があること。 この二つの問題を問題を解決していきたいと思います。 追記: ボイラープレート作りました。設定面倒な人はこっちで試してみて下さい。 Node.js向けのTypescriptのボイラープレートを作った - aknow2 問題1 Typescirptからjavascriptへ変換 ts-nodeを利用。 ts-nodeとは、TypeScriptをnode上で実行してくれるREPLです。 そして、使い方も簡単です。 インストール方法 npm install -g ts-node 実行方法 ts-node ./src/index.ts // 今回はsrcフォルダ下に
ガートナーの情報を基にPublickeyが表を作成 Worldwide IaaS Public Cloud Services Market Share, 2016-2017 (Millions of U.S. Dollars)。Source: Gartner (August 2018) 昨年、2017年のIaaS型クラウドでの市場シェアトップはAmazon Web Services(AWS)で51.8%と半数を超えています。ただし2016年と比較するとAWSはわずかにシェアを落としています。 ガートナーはAWSの成長の背景を次のように説明しています。 Amazon is also the most mature, enterprise-ready provider, with the strongest track record of customer success and the mo
『ズボラ旅』仕掛ける、有川鴻哉の頭の中 「海の近くに旅行したい」 こういったふわっとした希望にも、旅行プランを提案、予約まで代行してくれるのが『ズボラ旅 by こころから(以下、ズボラ旅)』だ。一連の流れをLINEで行なえる。 すべて人力で対応しており、チャットの向こう側には旅行好きのコンシェルジュがいる。 ここ最近、『TRAVEL Now』『LINEトラベル』『DMM TRAVEL』、そしてメルカリも旅行領域発表など各企業の旅行領域への参入が相次ぐ。2018年のトレンドといってもいい。『ズボラ旅』は2018年5月末リリースとその口火を切った。リリース直後から注目を集め、1日で4,000件を超える問い合わせがあり、一時パンク状態に。 新規参入が相次ぐ「旅行領域」にいち早く目をつけ、『ズボラ旅』をリリースしたのは、有川鴻哉さん(26)。ペロリ創業メンバーとしても知られる起業家/エンジェル投資
GoogleはJavaScriptを読むことはできるが。 Googleの進化は早いもので、「JavaScriptフレームワークは検索に弱い」と言われたのは今は昔。JavaScriptをちゃんと読み込み、レンダリング後をインデックスしますので、今では検索結果に表示するためだけにServerSideRenderingやpre-renderingをする必要はなくなりました。 ただ、その一方で、Googleのクローラーで採用されているJavaScriptのバージョンは低いです。ES5を使ってる模様。ES6以降を使って書いているJavaScriptコードは、Googleのクローラーは認識しない可能性があります。 AngularはES5への互換をデフォルトでは外している AngularにはES5互換のためにスターターテンプレートにsrc/polyfills.tsが内包されています。これを使うと、ES5
はじめに Ruby on Railsといえば、言わずと知れたRuby製のWebフレームワークですよね。様々なスタートアップで採用されており、世界で最も人気のあるWebフレームワークの一つと言っても過言ではありません。私はこの一年、ほとんどこのRailsのみを使って開発をしてきました。 一方で、このRailsとよく対比されるのがPython製のWebフレームワーク、Djangoです。こちらも非常に人気があり、初心者向けにDjangoとRailsを比較したインターネット上の記事なども多く見受けられます。 こちらは自分には縁のないもの、と勝手に私は思ってきたのですが、先日から縁があって知人のDjangoプロジェクトをお手伝いしています。「RailsわかるならDjangoもわかるよ!」と言われて軽い気持ちで手伝い始めたのですが、触ってみると思った以上に違うところがたくさんありました。今回はその中の
bosyuをCasterさんに譲渡しました。 bosyuの運営会社についてbosyuは株式会社Basecampのサービスとしてリリースしました。普段はデザイン制作、プロトタイプ開発を仕事にしています。 9月で設立1周年を迎えるのでロゴを新しく作りました。 bosyuを作ろうと思ったきっかけ自分が欲しいと思ったのが一番のキッカケで、MVP開発の事例としても丁度良い規模なので作ることにしました。 ・MVP事例のポートフォリオワーク ・Twitter × OGPサービス増えた時期で自分でも作りたくなった ・規模的に丁度よく初期投資 / インフラコストも低い ・人材領域はマネタイズチャンスが多い ・最悪流行らなかったらクローズしやすい ・自分で使って数人採用できれば採算が合うような気がする ・実際にbosyu経由で複数のフリーランスの方と一緒に仕事してます 「譲渡した場合は折半」の約束でエンジニア
生存報告も兼ねて。 カリフォルニアに来てもう半年ぐらい経った感覚ですが、実はまだ4ヶ月ほどでした。非常に多くの素敵な方々との出会いがあり、妻も僕も子供もこの皆さまの助けがあってどうにか生きております。どう感謝してよいか言葉にできないほどです。 さて、ビジネス上の僕のミッションは次の3つです。 主に投資や連携目的の交渉(の技術面のサポート) 日本との連携 新規事業の開発 どれもなかなか難しいです。会ってアポぐらいなら応じてくれる会社も多いですが、投資や連携といってもバブル崩壊以後経済成長できていない我が国はもはや「商習慣だけめんどくさいのに今やカネも持ってないから相手にしてられない連中」というのは肌で感じます。ご存知の通り、サンフランシスコ・ベイエリアはIT企業会社員が年収5000万円もらうような場所です。なかなか同じ規模感で会話するのが難しいレベルに達しています。 こみこみという噂のNet
概要 vue-cliから作れるNuxt.jsのテンプレートに、express-templateというのがある。 Nuxt.jsと同時にExpressを起動させて、バックエンドとして動かすことが可能。 Nuxt.js内でバックエンドのMockを作って動かせるので、フロントエンドとバックエンドの開発が切り分けるのが容易になる。 github.com プロジェクト作成 vue-cliでプロジェクトを作成する。 $ vue init nuxt-community/express-template nuxt-express-sample $ cd nuxt-express-sample $ npm install # or yarn install バックエンドのMockAPIを作成 下記のようなjsonを返すAPIを作成する。 [ { name: 'とろ', price: 300 }, { nam
炎天下の中、皇居周辺を走るランナーら。東京五輪では出場選手や観客らの熱中症発症が懸念されるため、夏の時間を2時間繰り上げるサマータイム導入の検討が始まった=5日午後、東京都千代田区(桐原正道撮影) 政府・与党は、平成32(2020)年の東京五輪・パラリンピックの酷暑対策として、夏の時間を2時間繰り上げるサマータイム(夏時間)導入に向け、本格検討に入った。与党はお盆明けにも制度設計に入り、秋の臨時国会への議員立法提出を目指す。平成31、32両年の限定導入となる公算が大きい。複数の政府・与党関係者が明らかにした。 東京五輪では、暑さ対策としてミストシャワーや大型冷風機導入などを進めているが、今夏の記録的な暑さを受け、選手や観客らの熱中症対策には抜本的な運営の見直しが必要だとの声が高まっていた。 五輪組織委員会の森喜朗会長は先月27日、首相官邸を訪れ、安倍晋三首相にサマータイムの導入を要請した。
最近、個人でFirebaseをバックエンドとしたNuxtによるWebアプリケーションの開発をしています。その中で、Firebaseの機能の1つであるFirebase Authenticationを使用してユーザーの認証機能を実装してみました。この記事では、NuxtアプリでFirebase Authenticationによるユーザー認証機能を実装する方法について書いてみたいと思います。 はじめに ここで検討するアプリケーションは、次の仕様を前提としています。 Googleアカウントで利用可能である。 次のページを持つ。 ルートページ (/) ログインページ (/login) 認証されていないユーザーがルートページ(/)にアクセスした場合、ログインページ(/login)にリダイレクトする。 認証済みのユーザーがログインページ(/login)にアクセスした場合、ルートページ(/)にリダイレクトす
VRを5ヶ月毎日続けて視力が回復 詳しく話を聴いてみた 2018年8月3日、Twitterでとある投稿が話題となりました。それは、「VRゴーグルを毎日のようにつけていたら視力が0.3から1.0に回復した」というもの。 VRヘッドセットの視力への影響は、Oculus Riftの登場以来、注目を集めるようになりました。至近距離にあるディスプレイを見続けなければいけないことや、左右で視差のある映像を見て立体視を行うことから視力にとっての影響が懸念されることもあります。一方で、アメリカのVivid Vision社は、VRゲームを使って成人の弱視を回復する治療方法を提唱し、論文を発表して実験結果を報告しています。 VRゴーグルを毎日のように被るようになって5ヶ月程になりますが、何故か視力が回復してきたみたい。 検査でも0.3→1.0など。ずっと掛けてきたメガネなしで不安なく車を運転できる事に気づい
FirebaseはGoogleが運営しているサービスの1つで、サーバーのような機能を簡単に使用できるようにしてくれるためウェブサービスやスマートフォンアプリなどの開発によく使用されています。企業家のニコラさんもFirebaseを使用してウェブサービスを作成したのですが、設定を間違えてしまったために72時間で300万円以上もの使用料を請求されてしまったいきさつをブログで公開しています。 How we spent 30k USD in Firebase in less than 72 hours https://hackernoon.com/how-we-spent-30k-usd-in-firebase-in-less-than-72-hours-307490bd24d ニコラさんはコロンビアでVakiというクラウドファンディングサイトを運営しているのですが、そのサイトで「#UnaVacaP
本記事はVue meetup #5で発表させていただいた「Nuxt.js本格導入で遠回りしないためのTips」のスライド発表の内容をQiita向けの記事としてまとめ、内容を一部追加したものです。これからNuxt.jsを本格的に使ってみようという方の助力になれば幸いです。 本記事では、そこそこな規模の本格的なアプリケーションにNuxt.jsを導入する場合に多くの方が直面するであろう問題や、知っていると助かりそうなことを紹介します。 Tips 1. ドキュメントを読もう 本格的なウェブアプリケーションをNuxt.jsで作ろうとしているならば、VueとNuxtのドキュメントを先にしっかり読みましょう。VueやNuxtは使い始めるのに多くのことを知る必要がなく、少しずつ利用の幅を拡げていけます。これはVueやNuxtの良いところです。しかし、本格的なウェブアプリケーションを構築する場合、結局のとこ
Nuxt.jsのプロジェクトで使用しているパフォーマンス向上のためのテクニックです。 .nuxt/dist と static ディレクトリはNginxから直接配信する 静的ファイルはNuxt.jsのサーバを使わずにNginxから配信します。CDNなどを使うともっと効果的でしょう。 location / { root /path/to/nuxt/static; try_files $uri @proxy; } location @proxy { proxy_pass http://127.0.0.1:3000; } location /_nuxt { alias /path/to/nuxt/.nuxt/dist; } APIエンドポイントをサーバーとクライアントで分ける SSRのサーバとAPIサーバが同一LAN内の場合は、余計なネットワークコストを発生させないように、SSR時はLAN内で通信
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く