決済システムの内製化への旅 - SpringとPCFで作るクラウドネイティブなシステム開発 #jsug #sf_h1
1. © Copyright 2018 Pivotal Software, Inc. All rights Reserved. Version 1.0 Spring Fest 2018 #jsug #sf_h1 October 31 2018 Toshiaki Maki (@making), Pivotal, tmaki@pivotal.io Junya Suzuki (@suzukij), Softbank Payment Service, junya.suzuki03@g.softbank.co.jp 決済システムの内製化への旅 - SpringとPCFで作るクラウドネイティブなシステム開発 2. Pivotal Advisory Solutions Architect 槙 俊明(@making) ソフトバンク・ペイメント・サービス株式会社 シニアアーキテクト 鈴木順也(@suzuki
AnnictにFastlyを導入した話
2018/03/14 Frontend de KANPAI! #03 https://frokan.connpass.com/event/79568/
Effective Team Building
1. Effective Team Building 2018/2/24 オープンセミナー広島 株式会社アトラクタ取締役CTO アジャイルコーチ 吉羽龍太郎 @ryuzee 2. 株式会社アトラクタのご紹介 ✤ 開発プロセスに関するコンサルティングやトレーニングを提供 ✤ ✤ アジャイル開発 / DevOps / チーム育成 / クラウドコンピューティング / ドメインモデリングなどが専門領域 https://www.attractor.co.jp/ 3. 吉羽龍太郎 @ryuzee ✤ 株式会社アトラクタ取締役CTO/アジャイルコーチ ✤ 野村総合研究所、Amazon Web Servicesなどを経て創業 ✤ アジャイル開発/DevOps/クラウドのコンサルティングとトレーニングを提供
UIデザインは奥が深い！最近のスマホアプリで見かけるアニメーションの素晴らしいアイデアを解説
普段何気なく使用しているUIのアニメーションもその仕組みや効果を理解すると、なるほどと考えされられます。 スマホアプリのUIに使用するアニメーションをGoodな良いものから、Greatな素晴らしいものに変えるUIアニメーションのさまざまなアイデアを紹介します。 Material Motion, IBM Animation Principles, The UX in Motion Manifestoのガイドラインに基づいた、気持ちのいい操作性に優れたアニメーションを楽しむことができます。 Good to great UI animation tips 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 タブのコンテンツをスライドさせるアニメーション カードをタップして詳細を表示するアニメーション コンテンツを表示するアニメーション コ
「メチャクチャにしてしまえ」ヨコオタロウ氏シンガポールkeynoteリポート - ファミ通.com
2017年10月12日〜13日、シンガポールで開催された開発者向けカンファレンス‶SEA SUMMIT”。開催2日目となる10月13日には、『NieR: Automata』ディレクター、ヨコオタロウ氏が登壇。ゲームのキャラクターの作りかたと、シナリオの書きかたについてのkeynoteが行われた。 本稿ではその模様をお届けする。なお、keynote中は撮影NGだったため、スライドなどの写真が掲載されていないことは理解いただきたい。 ヨコオタロウ氏（以下、ヨコオ） 皆さんこんにちは、ヨコオタロウです。日本でビデオゲームを作っています。僕は朝早く起きるのは嫌いなんですけど、今日は皆さん早起きしていらしていただいたので、多少なりとも役に立つ話をして帰りたいと思います。（かぶっているエミールマスクで）会場の様子がちゃんと見えないんですけど、30歳以下の方はどれくらいいるんですか？ 〜7割くらいの方が
みんなでデザイン、あなたもデザイン
Wordcamp Tokyo 2017で発表したプレゼンテーションです。 動画： https://wordpress.tv/2017/09/28/yutaka-sekiguchi-%E3%81%BF%E3%82%93%E3%81%AA%E3%81%A7%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%80%81%E3%81%82%E3%81%AA%E3%81%9F%E3%82%82%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3/ -- WordCamp Tokyo 2017 https://2017.tokyo.wordcamp.org/ hanarenoheya http://www.hanarenoheya.com/
UXピラミッド – UXデザインの正しい評価方法 – デザイン会社 ビートラックス: ブログ
前回の「UXハニカム – UXデザインの正しい品質評価方法 –」では、サービスやプロダクトのUXデザインを評価する際に一般的に用いられている、UXハニカムを活用した方法を紹介した。加えて、実はもう一つユーザー体験のクオリティを測る方法がある。 ユーザー体験を構成する3つのポイント消費者がサービスを受けるとき、ユーザーがプロダクトを利用するときに受け取る体験の質を高めるのがUXデザイナーの仕事になる。 そして、その体験を左右するのが、1. 見た目の品質 (Look), 2. 感覚の品質 (Feel), 3. 使いやすさ (Usability) である。大きく分けてこの3つの要素のクオリティが高いほど、ユーザーに対してより優れた体験を提供することが可能になる。 実用性と利用感覚を測るUXピラミッドUXハニカムに加えて、もう一つのUXクオリティを測る手法としてUXピラミッドがある。6つの階層で構
Virtual Keyboard
This is a content editable div with a custom keyboard layout. Press Enter to add new lines. HTML <div id="contenteditable" contenteditable="true">This is a <em>content editable</em> div with a custom keyboard <strong>layout</strong>. Press <kbd>Enter</kbd> to add new lines.</div> Script $.keyboard.keyaction.undo = function (base) { base.execCommand('undo'); return false; }; $.keyboard.keyaction.re
ロード中に表示するシマー効果付きスケルトンスクリーンを実装する
ロード中にユーザの離脱を防ぐためには、プログレスバーやスピナーを表示する手法が定番だ。フリーズしているわけではなくて、ちゃんと処理してますよと示すことにより、ユーザのストレスを軽減できる。 4秒未満ならスピナー、それ以上ならプログレスバー。 所要時間がわかるならプログレスバー、わからないならスピナー。 など使い分けもされている。 しかし、ここ1〜2年くらいでプログレスバーやスピナーのかわりに、スケルトンスクリーンを使っているアプリやサービスが増えた。有名どころでは、FacebookやSlack、Mediumなどだ。 今回は、スケルトンスクリーンの実装方法を紹介する。 スケルトンスクリーンとは スケルトンスクリーンは、画像やCSS、JavaScriptを読み込んでいる間にワイヤーフレームのようなボックスを表示し、UXを向上させるために使われる。ユーザにとってはプログレスバーやスピナーと違いど
Shows
AI is suddenly everywhere. Do you need to go and get a shiny machine learning degree to remain competitive? John Maeda says not to worry. He’ll show you how to cook delicious dishes into your coding repertoire with his new show - Mr. Maeda’s Cozy AI Kitchen. Find out how you can use GitHub Copilot, an add-on that is powered by AI, to get helpful suggestions when writing code or documentation. This
Kaizen Platform という会社について
Qiita:Team エントリのレベルが高い CEO や CTO 、プロダクトマネージャーの書く Qiita Entry のレベルが高く、 Qiita:Team のタイムラインがはてブのホッテントリのようだった。ブックマークできるもんならしたいという感じ。お金を儲ける仕組みってこうやって作り出されていくんだなぁと思いながら眺めてた。技術顧問の伊藤直也さんが残していった名エントリも結構あった。 Kaizen エンジニア行動指針とか。 SRE （インフラチーム）のレベルが高い インフラが盤石だった。 SRE は二人しかいなかったがとても仕事が速く、困ったことがあって Slack のインフラ相談チャンネルで相談したらたいてい 3 分くらいで問題が解決してた。 yosudo さんは問題解決能力が高すぎていまは SRE ながら VP of GA （総務部門のドン）やってるし、 glidenote さ
Kaizen Platform, Inc. エンジニア行動指針
Engineering Teamの Akira MAEDA です。 今回はKaizen Platform, Inc.社内にあるエンジニア行動指針を紹介したいと思います。 このエンジニア行動指針は創業間もない頃に技術顧問のNaoya Itoが中心になって作成し、今から2年半ほど前にオフィスに遊びに行った私に、CTOのToshimasa Ishibashi、Naoya Itoの二人がKaizen Platformの実現しようとしている未来とともに熱心に説明してくれ、私のKaizen Platformへの転職のきっかけになったことを今でも思い出します。 以下内容 — - Kaizen Platform, Inc. エンジニア行動指針Message from CEO (Kenji Sudo)・ 我々はクラウドソーシングで新しい働き方を作り出していく集団なんだから、我々自身も新しい組織のあり方に挑戦
会議を入れる時に決めていること - Konifar's ZATSU
自分が会議を設定する時は必ず決めていることがある。 と言っても、そんなに特別なことはない。2点守るだけだ。 アジェンダとたたき台を用意する 予定の時間は厳守 アジェンダは、GoogleDocsで作っておく。 項目は会議によって少し変えたりするけども、だいたいこんな感じ。 参加者 資料 目的 ゴール 注意点 たたき台 目的とゴールとたたき台が重要。 目的が明確じゃない会議は要らないので、そこを箇条書きで整理して最初に伝えるようにしている。 ゴールは目的と似ているが違う。ゴールは、これが達成できたらこの会議は成功だよという指標になる。 ゴールが明確じゃないと会議がダラダラしてしまう。目的を具体化して会議で到達するべきラインを明文化したものがゴールという感じ。 注意点には、進行しやすくするための工夫を書く。例えば、今回はこういう面からの指摘はいったんナシでお願いしたいとかそういうことを書いておく
Moment.js | Parse, validate, manipulate, and display dates in javascript.
Moment.js 2.30.1 Parse, validate, manipulate, and display dates and times in JavaScript. Install npm install moment --save # npm yarn add moment # Yarn Install-Package Moment.js # NuGet spm install moment --save # spm meteor add momentjs:moment # meteor bower install moment --save # bower (deprecated) Format Dates moment().format('MMMM Do YYYY, h:mm:ss a'); moment().format('dddd'); moment().format
User Onboarding and Product Walkthrough Library | Intro.js
Powerful User OnboardingBuilt to Increase AdoptionIntro.js is a lightweight JavaScript library for creating step-by-step and powerful customer onboarding tours
歴史から考えるフラットデザインとマテリアルデザインの違いとは？
もし私がこれから、フラットデザインとマテリアルデザインの違いが視覚上ごくわずかであると発言しても、不愉快にならないでください。 実際、この話題についてあまり知らない人は、どちらのデザインに対しても、とても良く似ていると思うかもしれません。今回はこの問題を解決するために、両方のデザインにおけるアプローチの違いに焦点を当ててご説明します。 マテリアルデザインにいたる歴史 二つのデザインスタイルについての長い議論を始める前に、それぞれのデザインが持っているルーツを見つけることは理に適っています。多くの人がマテリアルデザインはフラットデザインをベースにしていると信じています。 しかし、どのようにして我々はフラットにたどり着いたのでしょうか？ スキューモーフィズム UIとウェブデザイン用語でスキューモーフィズムは、現実世界にあるものを模倣するアプローチを指します。アップルのリアルな質感、明るさ、派手
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Phone-Styled IFrame
GitHub - humaan/Modaal: An accessible dialog window library for all humans.
Coolors.co
GitHub - kamranahmedse/developer-roadmap: Interactive roadmaps, guides and other educational content to help developers grow in their careers.
