Inside Frontend 2019

表題の通り、3/31を持ちまして、新卒より3年間勤めましたNTTのコミュニケーションズ(以下、NTTコム)を退職します。 TL;DR いわゆる退職エントリです。一時期NTTの退職エントリなるものが流行りましたが、NTTコムの退職エントリはあんまりなかったと思うので書き留めて置こうと思った次第です。 おそらくすでに出ている複数のエントリと同じようなことしか書いておらず、完全にチラ裏なので見たい人だけ見てくださればと思います。 また、本記事の全ては個人の見解に基づくもので、所属する組織、団体の公式見解ではありません。 NTTコムについて(の感想含む) いわずと知れた大企業であり、代表的なサービスとしてOCN*1があります。 私はR＆D系の部に属しており、残念ながら多岐に渡る部やサービスのすべてを把握できていないので、書かせていただくのは主に所属していた部署についてとなります。 私の仕事 自社向

米国のトランプ政権幹部による匿名の大統領批判が米紙ニューヨーク・タイムズに掲載されたことをめぐり、トランプ大統領は７日、「国家安全保障の問題」だとして、筆者を特定するための調査をセッションズ司法長官に指示する考えを示した。 トランプ氏は６日の米モンタナ州の集会で、政権幹部の寄稿を「国家反逆罪だ」と批判した。さらに７日、大統領専用機「エアフォースワン」の機中で記者団に、「私はジェフ（セッションズ司法長官）に、この記事はだれが筆者なのか調査するべきだと言うつもりだ。私はこれは本当に国家安全保障上の問題だと思う」と強調。また、「彼（匿名の政権幹部）は、セキュリティークリアランス（秘密取扱者適格性確認）を得て、中国やロシア、北朝鮮などに関するハイレベルの国家安全保障の会議に参加している。彼にこうした会議には出て欲しくない」と語った。 ただし、米メディアによると…

私たちは普段、お店でものを買う際には必ず「お金を払う」ということを行っています。現金やクレジットカード、交通系電子マネーに加え、最近ではApple Payなどのスマートフォンによる電子決済サービスも登場しています。そのような新しい決済サービスを使ったことがあるという方も増えてきているのではないでしょうか。 このブログでも度々注目されているお金とデザインのこと。先日起こった私の実体験を通して、このような「お金を払う」という体験のデザインについて考えてみたいと思います。 とあるコーヒーショップでの体験談：フィードバックの勘違い これは、とあるコーヒーショップでバーコード決済アプリを利用した際に体験した実話です。 さて、3コマ目で私はなぜ「会計が終わったな」と勘違いしてしまったのでしょう？ 振り返ってみると、会計時に私はこんなことを考えていました。 1コマ目：「電子決済アプリで支払いたい」 2コ

重く、大きなACアダプターにうんざりしたことはありませんか？ Dart（ダート）なら、あなたのPC環境をガラッと変化させることができます。 世界最小・最軽量ACアダプター※ Dartは、世界最小の65W ACアダプターです。MIT(マサチューセッツ工科大学)発の高速スイッチング技術により、市場に出ている従来のACアダプターと比較し、4分の1の小ささ・軽さを実現しました。 さらに、Dartはコンセントに直接差し込むため、かさばるケーブル類を減らすことが可能です。また、主要PCメーカー製品でお使い頂けるよう、9種類の変換プラグが付属されています。 それに加え、付属のケーブルには、USB-Aに対応したポートも用意。PCを充電しながら、同時にスマートフォンやタブレットといった他のデバイスを充電することが可能です。 また、 色はブルー/マゼンタ/シルバー/オレンジ/ガンメタルの5色展開。様々なユース

Server Side Renderingについて知るべきこと。Server Side Renderingとは何か？ それによって何が改善されるのか？（前編） ng-japan 2017 JavaScriptフレームワークとして知られるAngularのイベント「ng-japan 2017」がAngular Japan User Group主催で6月17日に都内で開催されました。 Angularは基本的にWebブラウザで実行されるJavaScriptアプリケーションのフレームワークですが、一方でサーバサイドでAngularが備えるHTML構成機能を実現する、いわゆるServer Side Rendering機能の開発も「Angular Universal」として進んでいます。 そのため、Server Side Renderingに興味を持つAngularデベロッパーも増えてきました。 ng-

UI/UXデザインについて、企画コンセプトから実装までを手がける株式会社グッドパッチ。キュレーションアプリ「グノシー」のUI設計で脚光を浴びた同社ですが、それにとどまらず、2014年10月には自社開発のプロトタイピングツール「Prott（プロット）」をリリース。今やDeNAやヤフーなどのリーディングカンパニーをはじめ、世界140ヶ国以上、約5万人に使用されているツールとなっています。 2015年のグッドデザイン賞を受賞するなど、まだまだ加速を続けるProttですが、正式リリースまでは「悪戦苦闘が続いた」と当時の開発メンバーは振り返ります。今回は、同ツールの開発経緯やコンセプトについて、開発チームに在籍するエンジニアのひらい氏、フロントエンドエンジニアの吉田氏、UIデザイナーの小林氏にお話を伺いました。 人物紹介：ひらい さだあき氏 2015年1月にグッドパッチ入社、2015年12月にCTO

久しぶりにブログ書きます。 この記事はクソアプリ Advent Calendar 2015 9日目の記事です。 みなさんこんにちは。 私は今年、地方のIT企業から都心のスタートアップ企業に転職しました。 ポートフォリオ作成がてらクソアプリを作って持って行ったら、そこそこウケて（クソアプリとの因果関係があるのかは定かではありませんが結果的に）転職できました。 作ったクソアプリ https://itunes.apple.com/jp/app/o-jie-duan-dengri-zuo-rino/id956171342?mt=8&uo=4&at=10l8JW&ct=hatenablog お階段登りとは iPhoneで擬似的に階段を上ってその高さを競うゲーム 階段は一段づつしか登れない 自分の位置を有名な建築物、山などと比較して表示する。（キャプチャ付きで共有できる） 課金すれは自動で登り出す 他

モバイルサイトで最もフラストレーションのたまるユーザー体験の一つとしてモーダルウィンドウが挙げられます。PCサイトでは画面サイズが大きいので、モーダルウィンドウの表示に問題はありませんが、モバイルの場合はウィンドウが（ほとんどの場合）、画面外にはみ出てしまいます。ユーザーはモーダルの一部しか閲覧できず、閉じるのにも一苦労です。 また、画面上にキーボードが表示されている場合、閲覧は更に困難となります。キーボードは画面上に大きな面積を占め、ユーザーは自分が何を入力しているのかを確認するために、いちいちスクロールする必要が出てきます。もし、モーダルウィンドウで表示されているコンテンツを快適に見せたいのであれば、モバイルでのモーダルの使用は控え、代わりにアコーディオンを使いましょう。 アコーディオンはコンテンツをページ内に納めて表示するので、モーダルのように元のページにかぶさって表示されることはあ

スタートアップで成長を続けているのに残業をしない会社。それがUIデザインファーム・グッドパッチだ。受託案件と自社プロダクト、どちらも手がけながら、多くのメンバーは定時の19時過ぎには退社しているという。同社はなぜ「残業をしないスタートアップ」でいられるのか？ こう話すのは国内UIデザインファームの雄、スタートアップとして飛躍を続けるグッドパッチ社の藤井氏だ。 WEB・IT業界といえば、様々な業界の中でも人手不足などを背景に慢性的な残業、ハードワークが存在している。短期間に急速な成長を目指すスタートアップならばなおさらだ。昼夜いとわず自らの時間をプロダクトに費やすという価値観は大いに認められているだろう。 グッドパッチといえば、スタートアップから大手企業の受託案件とプロトタイピングツール《Prott》などの自社プロダクトの開発運営、その両輪で成長を続けている企業。彼らはなぜ「残業をしない組織

風呂 @Blogath Ask.fmで「初めて観た映画のタイトルは？」「初めて飛行機で行った場所は？」「初めて遊びに行った海の名前は？」「十代の頃の親友の名前は？」とかいう質問が来て震え上がってる 2015-07-03 18:45:08

2015.06.03 スキル 社会人になったばかりの若いエンジニアの中には、一度この道に足を踏み入れたからには、自らの技術一本で身を立てていけたらという、強い思いを胸に秘めている人も少なくないのではないか。 そう考えて今回、Rubyの父として知られるまつもとゆきひろ氏に、あえて「これからの時代に技術だけで生き残るには？」という偏ったテーマで取材を依頼した。返ってきたメールの冒頭にあったのが、次の一文である。 「技術だけで生きるというのは幻想である」 まずはその真意を聞くところから、取材は始まった。 まつもとゆきひろさん(@yukihiro_matz) 1965年生まれ。筑波大学第三学群情報学類卒業。プログラミング言語Rubyの生みの親。株式会社ネットワーク応用通信研究所フェロー、一般財団法人Rubyアソシエーション理事長、Speeeをはじめとした複数社の技術顧問、Herokuチーフアーキテ

Pepabo tech conference #2 in Fukuoka. #pbtech

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 高いセキュリティレベルが要求されるシステムの開発を依頼される場合があります。 その場合には、システムをセキュアに作るだけではなく、お客様に「何が」「どう」セキュアなのか、説明する必要があったり、場合によっては担保する必要があります。 この場合、何を元に説明したり、担保したりすればよいのでしょうか？ ここで使われるのがセキュリティ要件定義書です。 OWASP（後述）のセキュリティ要件定義書をベースに、セキュリティ要件定義書の作り方、入れるべき内容を学びましょう！ #要件定義書に書くべきこと セキュリティ要件に書くべきことは、セキュリティ対