フォームが複数ページに渡る場合、ステップインジケーターは必要不可欠です。ステップインジケーターはユーザーに対して自分たちが今どのステップにいて、あとどのくらいのステップが残っているかを示す役割があります。 画面上のスペースが限られているためモバイルフォームで、ステップインジケーターを提示することは困難です。デスクトップと同じインジケーターをモバイルフォームで使用すると、可読性と可視性の問題が生じてしまいます。 直線型 vs 放射型 無理やり狭いスペースに各ステップのタイトルを収めると、テキストサイズが小さくなりユーザーが読みにくくなります。さらに一度にあまりに多くのステップ名と番号が表示されるため、可視性も下がります。結果、視覚的なノイズが発生し、ユーザーが現在いるステップを把握することが難しくなってしまいます。 モバイルフォームには放射型のインジケーターを使用してください。こちらの方がユ

VimからVS Codeから乗り換えつつある日々 デバッグがVS Codeで便利にできることが分かってから、エディタはVS Codeがすっかりお気に入りになりVimから完全に乗り換えつつある今日この頃です。 ただ、乗り換える時大変なのが、環境設定ですね。1台のPCならなんてこと無いのですが、プライベートや仕事の闇のエンジニアとしての諸事情により、ゆうに10台を超えるマシンの環境設定をする必要があるのです。しかも、OSはMac、Linux、Windowsと多岐に渡ります。なんてこったい… Vimでは、以下の様にGitHubで設定ファイル（.vimrc）を管理していたので、VS Codeでも同じことを実現してみることにしました。 というわけで、今回はVS Codeを使っていて、GitHubをある程度知っている、GitHubアカウントを持っている人が対象の記事になります。GtiHubに関して詳し

宿泊事業本部フロントエンドエンジニアの宇都宮です。 2018年度下期は、一休.comホテルリストページ スマホ版の速度改善に取り組んできました。その結果、ページのデザインはそのまま、機能面はリッチにしつつ、プロジェクト開始前の約2倍のスピードでページが表示されるようになりました。 本記事では、高速化のためにどのような施策を行ったのか紹介します。 なお、Webサイトの高速化手法については、ホテル詳細ページ高速化プロジェクトを実施した際にも記事を書いています。これらの記事で紹介している手法（たとえば、Imgixによる画像最適化等）については、記述を省略しています。あわせてご覧ください。 一休.comスマホサイトのパフォーマンス改善（概要編） - 一休.com Developers Blog 一休.comスマホサイトのパフォーマンス改善（JavaScript編） - 一休.com Develop

Amazon Web Services ブログ Amazon DynamoDB の大量の時系列データの設計パターン 時系列データは、経時変化のパターンを示しています。たとえば、次のグラフの例に示すように、センサーを通じて環境データを記録するモノのインターネット (IoT) デバイスがあります。このデータには、温度、気圧、湿度、その他の環境変数が含まれる場合があります。各 IoT デバイスは定期的にこれらの値を追跡するため、バックエンドは毎秒最大数百、数千、または数百万のイベントを取り込む必要があります。 このブログ記事では、大量の時系列データを扱うシナリオ用に Amazon DynamoDB を最適化する方法について説明します。これを、自動化とサーバーレスコンピューティングを活用した設計パターンを使用して行います。 DynamoDB で大量のイベントを設計する 通常、データ取り込みシステム

先程、クレディセゾンの来期組織のプレスリリースが出ましたが、3/1からクレディセゾン CTOの仕事をメインの仕事にしていくことになりました。 （立場は変わりますが技術顧問という形でセゾン情報システムズ/アプレッソの仕事も継続しますので、引き続きぜひ何かありましたらお声がけください。昨年秋にはAmazon Alexaスキルアワードで法人部門優勝＆特別賞のダブル受賞もしたりしてだいぶ面白くなってきています！）。 で、クレディセゾンで何をやっていくか？ エンジニアリングチームの立ち上げをします。 具体的には2つのことをしようとしています。 クレディセゾンは金融の会社です。ITの世界の枠組みで言うと、いわゆるユーザー企業です。 少し前までは、多くのユーザー企業にとって、ITは「社内業務の効率化」のためのものであり、重要ではない、とまでは言わないまでも、今日のような重要性を持つものではなかった。 そ

エンジニアのマネージメントで悩んでいる人が集まる会 #1(https://em-meetup.connpass.com/event/118019/) 発表資料

仮想現実（VR）のヘッドセットは解像度が十分でないと感じたことのある人に対して、伝えたいことがある。その問題を解決する製品が見つかった。筆者は、人間の肉眼ではピクセルを認識できないほど高精細な「網膜ディスプレイ」を実現したヘッドセットを試す機会をようやく得ることができた。読者の皆さんも試すことができる。ただし、5995ユーロ（約75万円）あればの話だが。 ここ、ニューヨークにあるマンダリンオリエンタルホテルのスイートルームで、筆者は前面が鏡で覆われた「Varjo VR-1」ヘッドセットを装着した。これまでに試したほかのヘッドマウントディスプレイ（HMD）とよく似ている。だが、筆者が目にした映像は、ほかのVRと全く異なるものだった。2018年に初期のデモを試して、その体験を「息を呑むほどの素晴らしさ」と評したVRサイトのほかの記事を筆者は既に目にしていた。そうした評価に流されないように気をつ

HRzine Day（エイチアールジン・デイ）は、人が活き会社が成長する人事のWebマガジン「HRzine」が主催するイベントです。毎回、人事の重要課題を1つテーマに設定し、識者やエキスパードが持つ知見・経験を、参加者のみなさんと共有しています。

バッチ処理というのはそれ単体で勉強しようとするとなかなか何を勉強したらいいのかわからないことが多い。 特に経験がWeb系ばっかりだと、いざバッチ処理を実装しようとした時に基本的なノウハウを知らないままに書いてしまうことが多い。 バッチ処理というのは実態を整理すると「何らかのトリガーを期に起動し、データをロード・加工・変換・集計してから、出力する」という事になる。 まぁ、INがあって処理してOUTがあるという点では関数だと考えてもいいだろう。 システムの利用者(人に限らない)のアクションとは直接関係ない処理であったり、利用者のアクションをトリガーとしていても、即時にレスポンスがいらないor返せない場合に バッチ処理を選択する事が多い。 実現方式はシェルスクリプト、LL言語、実行可能バイナリだったりするし、デーモンとして立ち上げる場合もある。 利用者の操作に対して対話的・同期的な処理はオンライ

人手不足のため、昨年秋にWebデザイナーの採用活動を始めた。予算と時間があって、さらに会社の技術レベルも高ければ、MOREWORKS に掲載したかったのだが、あれもこれもない弊社では、ない知恵を振り絞るしかなかった。 まず真っ先に浮かんだのは Find Job! 。Web制作業界に特化した求人媒体で知名度もあり、費用も安いからだ。5万円から掲載できて、何より成果報酬が発生しない。3年ほど前に掲載した時は10人くらい面接できて1人雇用した。ただ、応募してくる方々のレベルはあまり高くなく、どちらかというと未経験者の応募が多かった。今回も未経験者でよければFind Job!に出稿しようと思ったが、育成しながらの雇用は、小さな制作会社にはなかなか堪えるので、Find Job!は一旦保留に。 ちょうどよいレベルの人へのアプローチは難しいここで求める人材の話をすると、弊社では、キャリア1〜2年といった

こんにちは。メルペイで、決済・振込申請のバックエンドソフトウェアエンジニアをしている id:koemu です。 今日は、バッチ処理を行う理由について、考察を深めて設計に活かしていく話をしたいと思います。 はじめに バッチ処理とは、ある決まったタイミングで1つのプログラムが複数のデータを 一括処理 することを指します。この反対の言葉として、オンライン処理があります。オンライン処理とは、お客様の操作を初めとしたイベントをもとに 逐次処理 されるものです。OLTP(Online Transaction Processing)とも言います。 本エントリでは、バッチ処理を採用するにあたり、どういったユースケースが適切なのかを整理して、今後のソフトウェアの設計の指針にできることを目指しています。今回は、「バッチ処理を採用するとき」と「バッチ処理の設計」の2つについて取り上げます。 バッチ処理を採用する

あおい＝ストロングスゴイダイナマイト @GrabruAoiSakuma @n_kurakura 誰かが言っていた 「ナンバーワンにならなくていい、元々特別なオンリーワン」 なんて言えるのは、種の選別と間引きで篩にかけられて残った、花屋に並べる選ばれしモノだからであって、その辺に生えてる雑草なんて誰も名前知らんし見向きもされない、って言葉が思い出される…(通りすがり 💐 @atoooooooooom 「美人じゃなくても私はこれでOK」 が、本物の自己肯定感かな。 美人だからといって自己肯定感が高いとは限らない。 でもこの漫画から溢るる強烈な感情やメッセージ性はすっごく好きですね…。 twitter.com/n_kurakura/sta…

2. 自己紹介 内田 臣了 (Shinryo Uchida) 株式会社リクルートテクノロジーズ ITエンジニアリング本部 プロダクトエンジニアリング部 APプロダクト開発グループ ● 2017/4 新卒入社 リクルートグループの運営するwebサービスの 検索改善業務に従事 ● 大学時代の専門も情報検索 2

2019/2/26 BIT VALLEY -INSIDE- Vol.6 @Leveragesでの登壇のスライドです。 発表の内容をnoteにしてますのでこちらもご参照ください。 https://note.com/taketetsu1982/n/n2e431592eade https://atn…

2年間外注で開発・運用されてきた建設業界マッチングプラットフォーム「SUSTINA」を内製化して3ヶ月で作り替えた話です。JAWS DAYS 2019のX-Tech枠での発表資料。 SUSTINA：https://sustina.me ユニオンテック株式会社：https://www.union-tec.jp/

「米国発プロジェクトなのに、支援者の3割が日本人」　3Dモデルを立体視できる“透明な箱”Looking Glassが日本上陸 「米国発のクラウドファンディングなのに、支援者の3割が日本人だった」──日本のクリエイターが熱視線を送る“透明な箱”が日本に上陸する。 米Looking Glass Factoryは2月26日、3Dデータを立体視できる透明な箱形ディスプレイ「Looking Glass」の受注をクラウドファンディングサイト「Makuake」で始めた。日本語マニュアルと日本語対応カスタマーサポートが付属する日本向けモデルで、実機を入手できる支援額は8.9インチモデルが6万4000円（税込、以下同）、15.6インチモデルが30万5000円から。 Looking Glassは、VR（仮想現実）やAR（拡張現実）ゴーグルなどを使わずに、3Dモデルが透明な箱の中にあるように表示できる据え置き型

2019/02/26 エンジニアのマネージメントで悩んでいる人が集まる会 #1 https://em-meetup.connpass.com/event/118019/ 以前書いたブログをもとに、発表させていただきました。 http://c5meru.hatenablog.jp/entry/2…

どうしてプログラマに・・・プログラムが書けないのか?を読んでいて出てきたので出展の一つを訳してみた。Separating Programming Sheep from Non-Programming Goatsの和訳。 プログラミングというものには向き不向きが強く出るということはわりと知られていると思うが、このエントリではプログラミングができるかできないかは比較的簡単なテストによって、プログラミングの訓練を始める前の段階で分かると主張している。どうしてプログラマに・・・プログラムが書けないのか?では、そもそもこの事前テストをパスしていないような人達までプログラマとして応募してくると言っており、その判定法として有名なFizzBuzz問題を挙げている。 追記（2019/2/28) 注意： なおこの論文はしばらく前に著者の一人によって撤回されたようです Camels and humps: a r

ゲームを作っていつの間にか10年ほどたつが、意外に表題の問題が解決されないどころか、予算が増えるに連れて難しくなっていくので困る。 こんな話題があった。 まず、話をする前に私のポジションを書いておくと、元エンジニアのゲームデザイナー（ゲームのメカニクスを考える人）／ディレクターだ。新しいシステムを作るのは得意、アート系は苦手だ。 研修でのゲーム作り私も過去に所属している会社で、新卒教育としてのカジュアルゲーム作りや、今の会社でも似たようなことをしていたりするが、「やったできた」以上のものを得るのは難しいと感じる。 ソーシャルゲーム初期のガラケーの時代は、予算が低く試行錯誤ができた上で、リリースをすればヒット率高く、売上が立ったので良かった。みんな施策や企画を自主的にコミットして、結果成功した人は成長できた。自分の足りない視点を補うことができ、全体像を理解し何がよいのか何が足りないのかどうす

『我が名は神龍……どんなテストもひとつだけ自動化してやろう』 じゃ、じゃあ！このブラウザテストを自動化してください！ Chromeで https://kids.yahoo.co.jp/ にアクセスして 検索ワードに ねこ と入力して さがすをクリックして 検索結果にネコ - Wikipedia が含まれていることを確認して 検索結果に 買い方 を追加して さがすをクリックして 探しているのは「猫の飼い方」？と表示されることを確認して クリックすると猫の飼い方で再検索されて 検索ボックスを不倫で上書きして さがすをクリックして このページは表示できませんと出ていることを確認 『よかろう……たやすい願いだ』 まずはライブラリのインストールと初期設定をしてやろう…… # [ライブラリのインストール] # CodeceptJSとPuppeteerをインストールします。nodeとnpmが必要ですので

はじめに PMの実態 よくあるケースと処方箋について PMが全部把握したいマンになっているケース 処方箋 PMがタスク持ちすぎなケース 処方箋 PMがコミュニケーションのハブになっているケース 処方箋 おわりに はじめに プロダクトマネージャーをやっていると楽しい一方で、MTGや問い合わせ多くて、忙しすぎるという声をよく聞きます。 そこで本来集中すべきことは何かと、それを阻害する忙しさにどう対処するべきかまとめてみました。 PMの実態 組織内でPMが大変そうと思われる。周りからなりたくない職種と思われるのは危ないサインだと思います。 プロダクトマネージャーというとミニCEOと呼ばれたり、花形とか言われますが、実態としては割と忙殺されていて、職場でも「あの人すごいと思うんだけど、なりたいかと言われると、、、」 みたいに見られているのが多いんじゃないかと思います。 PMが忙しいパターンとそれぞ

こんにちは。SPOT編集部です。 本日は銭湯大好きライターのヨッピーさんから「大変な事が起こった」という良くわからない呼び出しを受けて、 秋葉原駅からほど近くの場所にやってきました。 「お～～～～～～い！」 「とんでもないことが起こったぞ～～～～～～！」 「東京で～～～～～～！」 「入浴戦争が勃発じゃああああああああああ！！！！！」 どん！ どどどん！ シュパァァアアアアン！ 【戦争勃発か！？「江戸遊」跡地に神施設が爆誕】 急に呼び出してなんなんですか。 戦争や……、これは完全に戦争や……！とんでもないことになりよったわ……！ さっきから全然ついていけないんですが、何が起こったんですか？ 秋葉原に、とんでもない施設「RAKUSPA」が誕生しよったんや……！ 秋葉原から徒歩圏内という恵まれた立地に！ サウナ、水風呂、炭酸泉を兼ね備えた大浴場！ ハンモックや「人をダメにするクッション」を備えた