Suche senden
Hochladen
実装を引き受ける前に詰めておくべきWebフロントエンドの想定漏れ
•
1 gefällt mir
•
503 views
祐磨 堀
Folgen
社内勉強会用に、フロントエンド開発で見落とされがちな仕様などをまとめました。Qiitaで公開した同名の記事とほぼ同じ内容です。
Weniger lesen
Mehr lesen
Software
Melden
Teilen
Melden
Teilen
1 von 36
Jetzt herunterladen
Downloaden Sie, um offline zu lesen
Empfohlen
社内勉強会用に作成したスライドです。コーディングなしでプログラミングによる映像表現を手軽に作成できる「QuartzComposer」の魅力を、Webフロントエンド向けに解説した内容になっています。 ブログで更に詳しい情報を掲載しています: http://media-massage.net/works/docs/quartz_composer_start_guide/
今更はじめるQuartz Composer
今更はじめるQuartz Composer
祐磨 堀
社内勉強会資料。制作系のフロントエンド技術者向けに、ソフトウェアテストについて概要をまとめたスライドです。 ・テストとは何か ・frontplateのテスト環境 ・実践ユニットテスト ・実践システムテスト ブログで更に詳しい情報を記載しています: http://media-massage.net/works/docs/learning_software_test_from_web_production_side/ 本資料に関連し、『Pairwiser』について更に掘り下げた記事『Webアプリのテスト工数を削減できるかもしれないペアワイズ法とPairwiser』もQiitaに公開しています。 http://qiita.com/y_hokkey/items/0a433ba25a5c5587d4ad
Web制作者視点で理解するソフトェアテスト
Web制作者視点で理解するソフトェアテスト
祐磨 堀
づや会vol.4の登壇資料です。 以前コマンドラインで作成したPDFの差分比較ツールを、Electronを使ってGUIアプリにしてみました。 ブログで更に詳しい情報を掲載しています: http://media-massage.net/works/docs/my_first_electron_app_for_pdf_comparison/
Electron で作るはじめてのguiアプリ
Electron で作るはじめてのguiアプリ
祐磨 堀
社内勉強会資料として作成した資料です。Web制作者を対象として、システム開発における上流工程とは何か、なぜそれが必要なのかを説明した内容です。
Web制作者のための上流工程の簡単な説明
Web制作者のための上流工程の簡単な説明
祐磨 堀
社内勉強会資料。づや会でDockerについて触れれるにあたり、フロントエンド技術者向けに自分が知っているインフラ関係の概要をまとめたスライドです。 http://media-massage.net/works/docs/infraintro/
インフラざっくり会
インフラざっくり会
祐磨 堀
見積りや進捗管理上「ページ」という単位で考えられることが多いWeb制作ですが、実際には「コンポーネント」単位で制作工程を考えた方が多くの面でメリットがあるのではないだろうか。 最新のHTML/CSSプリプロセッサを駆使しながら、コンポーネントという切り口での制作、進行管理、分業の可能性を模索します。 http://media-massage.net/works/docs/componentweb/
コンポーネント単位で考えるWeb制作
コンポーネント単位で考えるWeb制作
祐磨 堀
ビジネスの様々な局面で、アイデアを広げたいシーンがあると思います。マインドマップ、アウトラインエディタ、チャート作成ツール、手書きメモなど、僕がよく使っている、アイデアの発展・整理ツールを紹介します。 途中、動画が省略されています。実際の動画は以下のYouTubeページで閲覧できます。 スライド添付資料:MindNode使用例 https://youtu.be/B7Qfns64Cfk スライド添付資料:Scapple使用例 https://youtu.be/faLxamRXN5U http://media-massage.net/works/docs/easysass/
アイデアを発展・整理するための便利なアプリとその使い方
アイデアを発展・整理するための便利なアプリとその使い方
祐磨 堀
Vol.1では、Redmine以前の問題として、業務を文書ベースで整理することの必要性を説明し、できるだけ多くの人に納得してもらうことを目的とた内容になっています。 ・なぜ組織にはドキュメンテーションが必要なのか ・想定される反論 ・ドキュメンテーションを定着させるために何をすれば良いか ・ドキュメンテーションの定着によって 可能になること
Redmine勉強会vol.1 なぜ組織にはドキュメンテーションが必要なのか
Redmine勉強会vol.1 なぜ組織にはドキュメンテーションが必要なのか
祐磨 堀
Empfohlen
社内勉強会用に作成したスライドです。コーディングなしでプログラミングによる映像表現を手軽に作成できる「QuartzComposer」の魅力を、Webフロントエンド向けに解説した内容になっています。 ブログで更に詳しい情報を掲載しています: http://media-massage.net/works/docs/quartz_composer_start_guide/
今更はじめるQuartz Composer
今更はじめるQuartz Composer
祐磨 堀
社内勉強会資料。制作系のフロントエンド技術者向けに、ソフトウェアテストについて概要をまとめたスライドです。 ・テストとは何か ・frontplateのテスト環境 ・実践ユニットテスト ・実践システムテスト ブログで更に詳しい情報を記載しています: http://media-massage.net/works/docs/learning_software_test_from_web_production_side/ 本資料に関連し、『Pairwiser』について更に掘り下げた記事『Webアプリのテスト工数を削減できるかもしれないペアワイズ法とPairwiser』もQiitaに公開しています。 http://qiita.com/y_hokkey/items/0a433ba25a5c5587d4ad
Web制作者視点で理解するソフトェアテスト
Web制作者視点で理解するソフトェアテスト
祐磨 堀
づや会vol.4の登壇資料です。 以前コマンドラインで作成したPDFの差分比較ツールを、Electronを使ってGUIアプリにしてみました。 ブログで更に詳しい情報を掲載しています: http://media-massage.net/works/docs/my_first_electron_app_for_pdf_comparison/
Electron で作るはじめてのguiアプリ
Electron で作るはじめてのguiアプリ
祐磨 堀
社内勉強会資料として作成した資料です。Web制作者を対象として、システム開発における上流工程とは何か、なぜそれが必要なのかを説明した内容です。
Web制作者のための上流工程の簡単な説明
Web制作者のための上流工程の簡単な説明
祐磨 堀
社内勉強会資料。づや会でDockerについて触れれるにあたり、フロントエンド技術者向けに自分が知っているインフラ関係の概要をまとめたスライドです。 http://media-massage.net/works/docs/infraintro/
インフラざっくり会
インフラざっくり会
祐磨 堀
見積りや進捗管理上「ページ」という単位で考えられることが多いWeb制作ですが、実際には「コンポーネント」単位で制作工程を考えた方が多くの面でメリットがあるのではないだろうか。 最新のHTML/CSSプリプロセッサを駆使しながら、コンポーネントという切り口での制作、進行管理、分業の可能性を模索します。 http://media-massage.net/works/docs/componentweb/
コンポーネント単位で考えるWeb制作
コンポーネント単位で考えるWeb制作
祐磨 堀
ビジネスの様々な局面で、アイデアを広げたいシーンがあると思います。マインドマップ、アウトラインエディタ、チャート作成ツール、手書きメモなど、僕がよく使っている、アイデアの発展・整理ツールを紹介します。 途中、動画が省略されています。実際の動画は以下のYouTubeページで閲覧できます。 スライド添付資料:MindNode使用例 https://youtu.be/B7Qfns64Cfk スライド添付資料:Scapple使用例 https://youtu.be/faLxamRXN5U http://media-massage.net/works/docs/easysass/
アイデアを発展・整理するための便利なアプリとその使い方
アイデアを発展・整理するための便利なアプリとその使い方
祐磨 堀
Vol.1では、Redmine以前の問題として、業務を文書ベースで整理することの必要性を説明し、できるだけ多くの人に納得してもらうことを目的とた内容になっています。 ・なぜ組織にはドキュメンテーションが必要なのか ・想定される反論 ・ドキュメンテーションを定着させるために何をすれば良いか ・ドキュメンテーションの定着によって 可能になること
Redmine勉強会vol.1 なぜ組織にはドキュメンテーションが必要なのか
Redmine勉強会vol.1 なぜ組織にはドキュメンテーションが必要なのか
祐磨 堀
一般論としてキャリア設計についての自分の考えをまとめました。
キャリア設計的な話
キャリア設計的な話
祐磨 堀
Xamarin.Forms 上での実践的なエンタープライズ用リファレンス アプリケーションである ”Project Blue Monkey” を活用し、クラウド利用を前提としたメンテナンス性の高いアプリケーション構築について詳しく解説していきます。経費精算というモバイルにおける典型的なシナリオから、皆さんのビジネス シナリオに適合したモバイル アプリケーションの開発への展開について、その開発プロセスを含めてご提案します。.NET スキルをモバイル分野へ展開したいと考えるエンタープライズ開発者にご参加いただきたいセッションです。 受講対象: ビジネス向けクロス プラットフォーム モバイル アプリケーションを、チーム開発でスムーズに進めていきたい方は是非ご参加ください。 製品/テクノロジ: iOS/Android/macOS/OSS/UWP 開発/Visual Studio/Xamarin/クラウド/クロス プラットフォーム/開発言語 東 賢 インフラジスティックス・ジャパン株式会社 シニアUXアーキテクト/代表取締役 桐生 達嗣 インフラジスティックス・ジャパン株式会社 デベロッパーサポートエンジニア
[MW10] Xamarin / OSS プロジェクトを活用したエンタープライズモバイルアプリケーションの実装 - Project Blue Monkey -
[MW10] Xamarin / OSS プロジェクトを活用したエンタープライズモバイルアプリケーションの実装 - Project Blue Monkey -
de:code 2017
何故エンジニアはテストをしないのか
何故エンジニアはテストをしないのか
何故エンジニアはテストをしないのか
エンジニア勉強会 エスキュービズム
Webデザイナーのお仕事について書きました。 個人での活動のことも少しばかり..
HELLO!WEB!TOKYO #2 ゼロから始めるWebデザイン
HELLO!WEB!TOKYO #2 ゼロから始めるWebデザイン
Luiz Fukumoto
2015/6/5にスマートニュース社で行われたProduct Manager Nightでの登壇スライド
ネイティブマーケティングカンパニーにおけるプロダクトマネージャー
ネイティブマーケティングカンパニーにおけるプロダクトマネージャー
Tomotake Nakamura
Asian Automation Alliance ~自動化を語り合おう!(2014/06/28) でデモを交えながら話した元ネタです。(20分)
FriendlyによるWindowsアプリテスト自動化手法 基礎技術編
FriendlyによるWindowsアプリテスト自動化手法 基礎技術編
Kenji Fukumoto
2016 新人研修 基本技術講座 (1)
2016 新人研修 基本技術講座 (1)
2016 新人研修 基本技術講座 (1)
エンジニア勉強会 エスキュービズム
2012年7月4日明治大学でのApp Inventor紹介の資料です。
App inventor for bussiness
App inventor for bussiness
Takeaki Tada
Developers Summit 2018【15-A-4】小林様の講演資料です。 ※本講演資料は富士ゼロックス株式会社様からの提供資料です。 【15-A-4】大野様 https://www.slideshare.net/devsumi/15a4how-to-introduce-the-redmine-system/devsumi/15a4how-to-introduce-the-redmine-system 【15-A-4】川端様 https://www.slideshare.net/devsumi/15a42redmine
【15-A-4】Redmine + Lychee 導入のアンチパターン
【15-A-4】Redmine + Lychee 導入のアンチパターン
Developers Summit
プロダクト開発におけるプロダクトマネージャーの役割とは #devsumi
プロダクト開発におけるプロダクトマネージャーの役割とは #devsumi
プロダクト開発におけるプロダクトマネージャーの役割とは #devsumi
Mizuki Tanno
Android開発者とデザイナーの効率的な連携について
Android開発者とデザイナーの効率的な連携について
lychee .
現在マイクロサービス化を進めているエキテン。 マイクロサービスの1コンポーネントに採用したLaravelのことや、現場にいる新卒の目を通じて、その光と闇について。 2019/02/16に開催されたLaravel JP Conferenceの発表資料です。 https://conference2019.laravel.jp/
エキテンとLaravelと私
エキテンとLaravelと私
IanBrison
「せっかく作った物が喜んでもらえない」 「仕様だ、バグだ、の不毛な争い」 「振り回されて疲弊するエンジニア」 など、受託開発でうまくいかない局面は多くあるが、ある一つのことを意識的に行うようにしたら、自分たちの受託開発が180°変わった、という話。
○○したら受託開発が180°変わった
○○したら受託開発が180°変わった
Atsushi Harada
Shibuya.apk #20 https://shibuya-apk.connpass.com/event/72347/ にてお話した(する)内容です。 Qiita https://qiita.com/kikuchy/items/0c43eb014ed5c9b83e9d
新規Androidアプリ開発において何より大切なこと
新規Androidアプリ開発において何より大切なこと
Hiroshi Kikuchi
Presentation in JaSST'15 Tohoku.
JaSST15 Tohoku 事例発表
JaSST15 Tohoku 事例発表
Kazuaki Matsuo
レッツゴーデベロッパー555 で話したスライドを公開版にしました。
ザ・ジェネラリスト #5000dai
ザ・ジェネラリスト #5000dai
kyon mm
アジャイルひよこクラブ(2016.06.24)でのテスト駆動開発についての発表資料です。未経験者~初心者向けになっています。
TDDはじめる前に
TDDはじめる前に
Yasui Tsutomu
2014年11月25日に開催した「デスクトップアプリ最新化セミナー」の資料です。 「デスクトップアプリを『一歩前へ』進める方法」 として講演した内容です。 Visual Studio、.NET Frameworkやグレープシティ製品「SPREAD」など開発ツールの歴史を振り返りながら、現在のデスクトップアプリケーションが最新環境で動作させた場合の問題点を洗い出し、最新版の開発ツールを利用して業務アプリケーションを改良する方法を解説します。
デスクトップアプリを『一歩前へ』進める方法
デスクトップアプリを『一歩前へ』進める方法
グレープシティ株式会社 ツール事業部
XP祭り2014でのLT資料
Ninja Testing at XP Matsuri
Ninja Testing at XP Matsuri
Nakajima Shigeru
2016/10/1に開催された「第一回スタートアップiOS/Android勉強会」( http://connpass.com/event/40239/ )の発表資料です。
ディープラーニングとAppiumでテストを自動化
ディープラーニングとAppiumでテストを自動化
Nozomi Ito
ABC2013 Spring デザインナーとエンジニアの連携プレイのコツ
ABC2013 Spring デザインナーとエンジニアの連携プレイのコツ
Mori Keita
Webサイトのようには作れない!Webアプリ設計の考え方
Webサイトのようには作れない!Webアプリ設計の考え方
girigiribauer
Weitere ähnliche Inhalte
Was ist angesagt?
一般論としてキャリア設計についての自分の考えをまとめました。
キャリア設計的な話
キャリア設計的な話
祐磨 堀
Xamarin.Forms 上での実践的なエンタープライズ用リファレンス アプリケーションである ”Project Blue Monkey” を活用し、クラウド利用を前提としたメンテナンス性の高いアプリケーション構築について詳しく解説していきます。経費精算というモバイルにおける典型的なシナリオから、皆さんのビジネス シナリオに適合したモバイル アプリケーションの開発への展開について、その開発プロセスを含めてご提案します。.NET スキルをモバイル分野へ展開したいと考えるエンタープライズ開発者にご参加いただきたいセッションです。 受講対象: ビジネス向けクロス プラットフォーム モバイル アプリケーションを、チーム開発でスムーズに進めていきたい方は是非ご参加ください。 製品/テクノロジ: iOS/Android/macOS/OSS/UWP 開発/Visual Studio/Xamarin/クラウド/クロス プラットフォーム/開発言語 東 賢 インフラジスティックス・ジャパン株式会社 シニアUXアーキテクト/代表取締役 桐生 達嗣 インフラジスティックス・ジャパン株式会社 デベロッパーサポートエンジニア
[MW10] Xamarin / OSS プロジェクトを活用したエンタープライズモバイルアプリケーションの実装 - Project Blue Monkey -
[MW10] Xamarin / OSS プロジェクトを活用したエンタープライズモバイルアプリケーションの実装 - Project Blue Monkey -
de:code 2017
何故エンジニアはテストをしないのか
何故エンジニアはテストをしないのか
何故エンジニアはテストをしないのか
エンジニア勉強会 エスキュービズム
Webデザイナーのお仕事について書きました。 個人での活動のことも少しばかり..
HELLO!WEB!TOKYO #2 ゼロから始めるWebデザイン
HELLO!WEB!TOKYO #2 ゼロから始めるWebデザイン
Luiz Fukumoto
2015/6/5にスマートニュース社で行われたProduct Manager Nightでの登壇スライド
ネイティブマーケティングカンパニーにおけるプロダクトマネージャー
ネイティブマーケティングカンパニーにおけるプロダクトマネージャー
Tomotake Nakamura
Asian Automation Alliance ~自動化を語り合おう!(2014/06/28) でデモを交えながら話した元ネタです。(20分)
FriendlyによるWindowsアプリテスト自動化手法 基礎技術編
FriendlyによるWindowsアプリテスト自動化手法 基礎技術編
Kenji Fukumoto
2016 新人研修 基本技術講座 (1)
2016 新人研修 基本技術講座 (1)
2016 新人研修 基本技術講座 (1)
エンジニア勉強会 エスキュービズム
2012年7月4日明治大学でのApp Inventor紹介の資料です。
App inventor for bussiness
App inventor for bussiness
Takeaki Tada
Developers Summit 2018【15-A-4】小林様の講演資料です。 ※本講演資料は富士ゼロックス株式会社様からの提供資料です。 【15-A-4】大野様 https://www.slideshare.net/devsumi/15a4how-to-introduce-the-redmine-system/devsumi/15a4how-to-introduce-the-redmine-system 【15-A-4】川端様 https://www.slideshare.net/devsumi/15a42redmine
【15-A-4】Redmine + Lychee 導入のアンチパターン
【15-A-4】Redmine + Lychee 導入のアンチパターン
Developers Summit
プロダクト開発におけるプロダクトマネージャーの役割とは #devsumi
プロダクト開発におけるプロダクトマネージャーの役割とは #devsumi
プロダクト開発におけるプロダクトマネージャーの役割とは #devsumi
Mizuki Tanno
Android開発者とデザイナーの効率的な連携について
Android開発者とデザイナーの効率的な連携について
lychee .
現在マイクロサービス化を進めているエキテン。 マイクロサービスの1コンポーネントに採用したLaravelのことや、現場にいる新卒の目を通じて、その光と闇について。 2019/02/16に開催されたLaravel JP Conferenceの発表資料です。 https://conference2019.laravel.jp/
エキテンとLaravelと私
エキテンとLaravelと私
IanBrison
「せっかく作った物が喜んでもらえない」 「仕様だ、バグだ、の不毛な争い」 「振り回されて疲弊するエンジニア」 など、受託開発でうまくいかない局面は多くあるが、ある一つのことを意識的に行うようにしたら、自分たちの受託開発が180°変わった、という話。
○○したら受託開発が180°変わった
○○したら受託開発が180°変わった
Atsushi Harada
Shibuya.apk #20 https://shibuya-apk.connpass.com/event/72347/ にてお話した(する)内容です。 Qiita https://qiita.com/kikuchy/items/0c43eb014ed5c9b83e9d
新規Androidアプリ開発において何より大切なこと
新規Androidアプリ開発において何より大切なこと
Hiroshi Kikuchi
Presentation in JaSST'15 Tohoku.
JaSST15 Tohoku 事例発表
JaSST15 Tohoku 事例発表
Kazuaki Matsuo
レッツゴーデベロッパー555 で話したスライドを公開版にしました。
ザ・ジェネラリスト #5000dai
ザ・ジェネラリスト #5000dai
kyon mm
アジャイルひよこクラブ(2016.06.24)でのテスト駆動開発についての発表資料です。未経験者~初心者向けになっています。
TDDはじめる前に
TDDはじめる前に
Yasui Tsutomu
2014年11月25日に開催した「デスクトップアプリ最新化セミナー」の資料です。 「デスクトップアプリを『一歩前へ』進める方法」 として講演した内容です。 Visual Studio、.NET Frameworkやグレープシティ製品「SPREAD」など開発ツールの歴史を振り返りながら、現在のデスクトップアプリケーションが最新環境で動作させた場合の問題点を洗い出し、最新版の開発ツールを利用して業務アプリケーションを改良する方法を解説します。
デスクトップアプリを『一歩前へ』進める方法
デスクトップアプリを『一歩前へ』進める方法
グレープシティ株式会社 ツール事業部
XP祭り2014でのLT資料
Ninja Testing at XP Matsuri
Ninja Testing at XP Matsuri
Nakajima Shigeru
2016/10/1に開催された「第一回スタートアップiOS/Android勉強会」( http://connpass.com/event/40239/ )の発表資料です。
ディープラーニングとAppiumでテストを自動化
ディープラーニングとAppiumでテストを自動化
Nozomi Ito
Was ist angesagt?
(20)
キャリア設計的な話
キャリア設計的な話
[MW10] Xamarin / OSS プロジェクトを活用したエンタープライズモバイルアプリケーションの実装 - Project Blue Monkey -
[MW10] Xamarin / OSS プロジェクトを活用したエンタープライズモバイルアプリケーションの実装 - Project Blue Monkey -
何故エンジニアはテストをしないのか
何故エンジニアはテストをしないのか
HELLO!WEB!TOKYO #2 ゼロから始めるWebデザイン
HELLO!WEB!TOKYO #2 ゼロから始めるWebデザイン
ネイティブマーケティングカンパニーにおけるプロダクトマネージャー
ネイティブマーケティングカンパニーにおけるプロダクトマネージャー
FriendlyによるWindowsアプリテスト自動化手法 基礎技術編
FriendlyによるWindowsアプリテスト自動化手法 基礎技術編
2016 新人研修 基本技術講座 (1)
2016 新人研修 基本技術講座 (1)
App inventor for bussiness
App inventor for bussiness
【15-A-4】Redmine + Lychee 導入のアンチパターン
【15-A-4】Redmine + Lychee 導入のアンチパターン
プロダクト開発におけるプロダクトマネージャーの役割とは #devsumi
プロダクト開発におけるプロダクトマネージャーの役割とは #devsumi
Android開発者とデザイナーの効率的な連携について
Android開発者とデザイナーの効率的な連携について
エキテンとLaravelと私
エキテンとLaravelと私
○○したら受託開発が180°変わった
○○したら受託開発が180°変わった
新規Androidアプリ開発において何より大切なこと
新規Androidアプリ開発において何より大切なこと
JaSST15 Tohoku 事例発表
JaSST15 Tohoku 事例発表
ザ・ジェネラリスト #5000dai
ザ・ジェネラリスト #5000dai
TDDはじめる前に
TDDはじめる前に
デスクトップアプリを『一歩前へ』進める方法
デスクトップアプリを『一歩前へ』進める方法
Ninja Testing at XP Matsuri
Ninja Testing at XP Matsuri
ディープラーニングとAppiumでテストを自動化
ディープラーニングとAppiumでテストを自動化
Ähnlich wie 実装を引き受ける前に詰めておくべきWebフロントエンドの想定漏れ
ABC2013 Spring デザインナーとエンジニアの連携プレイのコツ
ABC2013 Spring デザインナーとエンジニアの連携プレイのコツ
Mori Keita
Webサイトのようには作れない!Webアプリ設計の考え方
Webサイトのようには作れない!Webアプリ設計の考え方
girigiribauer
VentureCafe_第2回:SIerでのキャリアパスを考える_ござ先輩発表資料 V1.0
VentureCafe_第2回:SIerでのキャリアパスを考える_ござ先輩発表資料 V1.0
Michitaka Yumoto
フリーランスと炎上
フリーランスと炎上
フリーランスと炎上
businesslibertad
お互い工夫してコミニケーションコストを下げてゆこう
【いまこそ】エンジニアとデザイナー【立ち上がれ】
【いまこそ】エンジニアとデザイナー【立ち上がれ】
Yuki Kuroki
Event : amana tech night Vol.2 -達人達から学ぶ。実践!プロトタイピング- Location : DeNA Sakura Cafe Date : 2015.04.22 Speaker : 割石裕太 / wariemon - UI Designer @KAYAC inc. / OH amana tech night Vol.2 -達人達から学ぶ。実践!プロトタイピング 1番目のスピーカーとして登壇させていただきました。 プロトタイピングにおいて一番大事なのは「人と向き合う」ことができることだと考え、自身の担当しているサービス Lobi のリニューアルにおいて実際に行ったプロトタイピングのフローと、考えをまとめました。
人と向き合うプロトタイピング
人と向き合うプロトタイピング
wariemon
20141108 俺のエンジニアリング #devlove
20141108 俺のエンジニアリング #devlove
Takao Oyobe
2016_01_25_デザインナイト発表資料 スマホの本格的な普及から5年、長期運用の入ったアプリではUIに負債と言える問題を抱えることが多くなって来たのではないでしょうか? UX・UIをサービスの数字の改善を行いながら改修していく事例を紹介いたします。 発表後、お問い合わせがおおかった。 Androidの爆速化について追記しています。 スケール対応という部分が何をいっているのかわかりづらいので、追記しています。 結果の内容を修正しています。 [お問い合わせ] stella@spika.co.jp
デザイン負債の返し方 〜ネイルブックの場合〜
デザイン負債の返し方 〜ネイルブックの場合〜
Yusuke Hoshi
25年前からあるIT系の中小会社が、昨年から社内開発を始めたのですが、 とにかく、エンジニアの扱いや、エンジニアを取り巻く環境が古くて酷かったので、 それを題材に非エンジニアを中心に社内プレゼンした時のスライドです。
エンジニア取扱説明書
エンジニア取扱説明書
Hisanao Ichikawa
◾️◾️プログラミング教育の「いま」と「将来への可能性」を知るための保護者向けセミナー[KIKKAKE for Parents]◾️◾️ 「プログラミング」と聞くだけで”難しい”、”理系の人しかできない”というイメージをお持ちではないですか? プログラミング教育が必修化する前に教育を受けた世代は、プログラミングに対してハードルが高いものだと無意識に感じてしまっているかもしれません。 しかし、社会人になってからプログラミングスキルを取得し、ソフトウェアエンジニアとして活躍している人もいます。 時代や環境は常に変化するもの。 めまぐるしく変化する時代の中で自分の「なりたい自分」でいられるように、自分自身をアップデートしていくことはどんな時代においても大切なことなのではないでしょうか。 今回は、Peatix Japan株式会社でフロントエンドエンジニアとして活動する寺田祥絵(てらだ さちえ)さんをゲストに招き、社会人になってからソフトウェアエンジニアにジョブチェンした彼女にそのきっかけやエンジニアの働く環境、そしてエンジニアになる前と後での変化についてお話を聞きました。
社会人になってからでもソフトウェアエンジニアになれる?どんな時代でもなりたい自分でいるために大切なこと [KIKKAKE for Parents#6 イベ...
社会人になってからでもソフトウェアエンジニアになれる?どんな時代でもなりたい自分でいるために大切なこと [KIKKAKE for Parents#6 イベ...
Peatix Japan
endeworksでのWebAppの作り方
endeworksでのWebAppの作り方
33rpm
DevOpsのはじめの一歩 〜監視の変遷〜
DevOpsのはじめの一歩 〜監視の変遷〜
Akihiro Kuwano
ディレクターが知っておくべき3つのデザインディレクションのルール
ディレクターが知っておくべき3つのデザインディレクションのルール
INFOBAHN.inc(株式会社インフォバーン)
デブサミ2013(Developers Summit 2013)Action! 1日目のデザインセッション「デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜」の発表資料(2013年2月14日) -------------------------------------------------- 途中、時間がなくて話せなかったところも入っています(そこがかなりいい話だったりする)ので、やっぱりここも実際に聞きたい!という方はまたどこかで呼んでくださいm(_ _)m よろしくお願いします。
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
Chihiro Tomita
2013/2/14に目黒雅叙園で行われたデブサミ2013 【14-E-7】[TED] Technology Enterprise Developmentのセッションの資料です。 #devsumi #devsumiE Developers Summit 2013 Blog 「Developers Summit 2013に登壇しました。Ricoh UCS for iPad でみる エンタープライズ アジャイル開発」 http://numeha.hatenablog.com/entry/2013/02/16/130449
Ricoh UCS for iPad でみる エンタープライズ アジャイル開発
Ricoh UCS for iPad でみる エンタープライズ アジャイル開発
Naoki Umehara
PHPerがこれからを生き抜くためのふんわりしたお話。
Web開発の 今までとこれから
Web開発の 今までとこれから
Shinichi Takahashi
CA流 フロントエンドエンジニアの働きかた
CA流 フロントエンドエンジニアの働きかた
Kazunari Hara
2017/12/08のコワーキングスペースCo-Edo飲み会で発表したスライド。エンジニアに限らず一流の仕事をするには、Whatの理解だけではなくWhyを明らかにする必要があるという話。
一流のエンジニアはみんなやっている1つのこと
一流のエンジニアはみんなやっている1つのこと
Atsushi Harada
EPMツールインストール講習会@IPA(2007)
Empirical Project Monitorの紹介
Empirical Project Monitorの紹介
Makoto SAKAI
Developer's Summit 2017 で発表したプレゼン資料です。要約すると、エンジニアは起業するときに契約に気をつけましょうということです。
エンジニアが起業するとき気を付けること
エンジニアが起業するとき気を付けること
晋 奥山
Ähnlich wie 実装を引き受ける前に詰めておくべきWebフロントエンドの想定漏れ
(20)
ABC2013 Spring デザインナーとエンジニアの連携プレイのコツ
ABC2013 Spring デザインナーとエンジニアの連携プレイのコツ
Webサイトのようには作れない!Webアプリ設計の考え方
Webサイトのようには作れない!Webアプリ設計の考え方
VentureCafe_第2回:SIerでのキャリアパスを考える_ござ先輩発表資料 V1.0
VentureCafe_第2回:SIerでのキャリアパスを考える_ござ先輩発表資料 V1.0
フリーランスと炎上
フリーランスと炎上
【いまこそ】エンジニアとデザイナー【立ち上がれ】
【いまこそ】エンジニアとデザイナー【立ち上がれ】
人と向き合うプロトタイピング
人と向き合うプロトタイピング
20141108 俺のエンジニアリング #devlove
20141108 俺のエンジニアリング #devlove
デザイン負債の返し方 〜ネイルブックの場合〜
デザイン負債の返し方 〜ネイルブックの場合〜
エンジニア取扱説明書
エンジニア取扱説明書
社会人になってからでもソフトウェアエンジニアになれる?どんな時代でもなりたい自分でいるために大切なこと [KIKKAKE for Parents#6 イベ...
社会人になってからでもソフトウェアエンジニアになれる?どんな時代でもなりたい自分でいるために大切なこと [KIKKAKE for Parents#6 イベ...
endeworksでのWebAppの作り方
endeworksでのWebAppの作り方
DevOpsのはじめの一歩 〜監視の変遷〜
DevOpsのはじめの一歩 〜監視の変遷〜
ディレクターが知っておくべき3つのデザインディレクションのルール
ディレクターが知っておくべき3つのデザインディレクションのルール
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
Ricoh UCS for iPad でみる エンタープライズ アジャイル開発
Ricoh UCS for iPad でみる エンタープライズ アジャイル開発
Web開発の 今までとこれから
Web開発の 今までとこれから
CA流 フロントエンドエンジニアの働きかた
CA流 フロントエンドエンジニアの働きかた
一流のエンジニアはみんなやっている1つのこと
一流のエンジニアはみんなやっている1つのこと
Empirical Project Monitorの紹介
Empirical Project Monitorの紹介
エンジニアが起業するとき気を付けること
エンジニアが起業するとき気を付けること
Mehr von 祐磨 堀
社内勉強会資料。ものづくりやデザイナー的な視点において、ソフトウェアの要件定義とは何なのかを説明します。
ものづくりの視点で説明する要件定義
ものづくりの視点で説明する要件定義
祐磨 堀
Webブラウザの文字組版を改善するjQueryプラグインを開発したので、社内勉強会用に作成方法などをまとめました。 GitHubページ https://github.com/hokkey/jquery.yakumono ライブデモ http://codepen.io/hokkey/pen/zNzwQL
約物アキを調整するjQueryプラグインを作ってみた
約物アキを調整するjQueryプラグインを作ってみた
祐磨 堀
づや会 Vol.6 〜GCPの話〜での登壇者資料です。 Google Container Engine (GKE)を使い、ローカル環境で作ったDockerコンテナを、Kubernatesでクラウド環境にデプロイするまでの手順や、つまづいた部分などを紹介します。 イベントページ: http://lig.connpass.com/event/30420/
Kubernetes & Google Container Engine; DockerコンテナをGKEでクラスタリングしてみた
Kubernetes & Google Container Engine; DockerコンテナをGKEでクラスタリングしてみた
祐磨 堀
づや会 Vol.5 〜機械学習の話〜での登壇者資料です。 テキストマイニングを使ってLIGブログの記事をデータマイニングしてみました。LIGブログのいくつかのメンバーの記事を対象に、TinyTextMinerとR言語を使って頻出単語の無向ネットワーク分析グラフを作成しています。 ブログで更に詳しい情報を公開しています: http://media-massage.net/works/docs/trying_text_mining_lig_blog/ イベントページ: http://lig.connpass.com/event/30420/
LIGブログをテキストマイニングしてみた TinyTextMinerとRによる、はじめてのデータマイニング
LIGブログをテキストマイニングしてみた TinyTextMinerとRによる、はじめてのデータマイニング
祐磨 堀
「づや会 vol3 ~AWSの話~」登壇時の資料です。EC2で自宅サーバと同じスペックでサーバを立てたらどれくらいの運用費用がかかるか、EC2の料金体系をひも解きながら考えてみました。 ※イメージ写真としてCC表示3.0ライセンスのFile:A view of the server room at The National Archives.jpg - Wikimedia Commonsを使用しています。 ブログで更に詳しい情報を掲載しています: http://media-massage.net/works/docs/aws_as_a_home_server/ このスライドのライセンス: CreativeCommons Attribution-NonCommercial 4.0 International http://creativecommons.org/licenses/by-nc/4.0/
AWSで自宅サーバ?
AWSで自宅サーバ?
祐磨 堀
「づや会 vol2 ~Dockerの話~」登壇時の資料です。自宅サーバをVagrantやDockerでイミュータブル化した話を中心に、Vagrant・CoreOS・Dockerを紹介した内容です。 スライド内で紹介しているデモファイル: vagrant-coreos-docker-demo http://media-massage.net/works/project/vagrant-coreos-docker-demo/ づや会 vol2 ~Dockerの話~ http://lig.connpass.com/event/25491/
Dockerで楽しむ自宅サーバ
Dockerで楽しむ自宅サーバ
祐磨 堀
初心者の方向けに、Sassの便利な機能や使い所をやさしく説明します。 http://media-massage.net/works/docs/easysass/
やさしいSassり方
やさしいSassり方
祐磨 堀
Mehr von 祐磨 堀
(7)
ものづくりの視点で説明する要件定義
ものづくりの視点で説明する要件定義
約物アキを調整するjQueryプラグインを作ってみた
約物アキを調整するjQueryプラグインを作ってみた
Kubernetes & Google Container Engine; DockerコンテナをGKEでクラスタリングしてみた
Kubernetes & Google Container Engine; DockerコンテナをGKEでクラスタリングしてみた
LIGブログをテキストマイニングしてみた TinyTextMinerとRによる、はじめてのデータマイニング
LIGブログをテキストマイニングしてみた TinyTextMinerとRによる、はじめてのデータマイニング
AWSで自宅サーバ?
AWSで自宅サーバ?
Dockerで楽しむ自宅サーバ
Dockerで楽しむ自宅サーバ
やさしいSassり方
やさしいSassり方
実装を引き受ける前に詰めておくべきWebフロントエンドの想定漏れ
1.
P R E
S E N T A T I O N : フロントエンドエンジニア 堀 祐磨(ほりでー) 実装を引き受ける前に 詰めておくべき フロントエンドの想定漏れ
2.
実装を引き受ける前に詰めておくべきフロントエンドの想定漏れ 今回の内容 なぜデザイナーとのコミュニケーション が大事なのか よくある想定漏れの例 チェックシート はてブでの反応 2
3.
実装を引き受ける前に詰めておくべきフロントエンドの想定漏れ なぜデザイナーとの コミュニケーションが 大事なのか 3
4.
実装を引き受ける前に詰めておくべきフロントエンドの想定漏れ デザインカンプは動かない 4
5.
実装を引き受ける前に詰めておくべきフロントエンドの想定漏れ 実際のWebは動く 5
6.
実装を引き受ける前に詰めておくべきフロントエンドの想定漏れ 絵はすぐに修正できる 6
7.
実装を引き受ける前に詰めておくべきフロントエンドの想定漏れ コードの実装はすぐに 変更できない 7
8.
実装を引き受ける前に詰めておくべきフロントエンドの想定漏れ 見栄えの良い理想的な ダミーコンテンツ 8
9.
実装を引き受ける前に詰めておくべきフロントエンドの想定漏れ 顧客が入力した 泥臭いデータ 9
10.
実装を引き受ける前に詰めておくべきフロントエンドの想定漏れ なぜデザイナーとのコミュニケーションが大事なのか 繰り返される悲劇 設計で考慮されていない機能の追加のため に一部の実装を捨てる 先に決まっていなければいけなかったことが 実装段階で初めて明らかになる 気をきかせて自分の判断で決めたら違うと 言われて修正が必要になった 10
11.
実装を引き受ける前に詰めておくべきフロントエンドの想定漏れ もっと要件・仕様を固めて 手を動かし始めてからの 修正を減らすべき! 11
12.
実装を引き受ける前に詰めておくべきフロントエンドの想定漏れ あとで理不尽な思いをする 前に自分から動こう! 12
13.
実装を引き受ける前に詰めておくべきフロントエンドの想定漏れ13
14.
実装を引き受ける前に詰めておくべきフロントエンドの想定漏れ よくある想定漏れの例 14
15.
実装を引き受ける前に詰めておくべきフロントエンドの想定漏れ 1 ホバーとアニメーション 15
16.
実装を引き受ける前に詰めておくべきフロントエンドの想定漏れ 1 ホバーとアニメーション あとで付ければ良いとか思っていると超危険 カンプで1つに見える要素が 実はバラバラにアニメーションするかもしれない よかれと思って勝手に実装すると、あとで直させられるかも 16 !?
17.
実装を引き受ける前に詰めておくべきフロントエンドの想定漏れ 1 ホバーとアニメーション アニメーションするSVG要素の中身が、アニメーションの 要件を実現できないパスになっている 17
18.
実装を引き受ける前に詰めておくべきフロントエンドの想定漏れ 2 想定より長いテキスト 18
19.
実装を引き受ける前に詰めておくべきフロントエンドの想定漏れ 2 長いテキスト カンプよりも長いテキストが入った時の挙動が不明 テキスト量に合わせて可変? 省略して決まった行数以内に収める? 運用規約を定め、一定以上の文字数は動作保証しないのもあり 19 IDEAL REAL !?
20.
実装を引き受ける前に詰めておくべきフロントエンドの想定漏れ 3 想定と違う画像 20
21.
実装を引き受ける前に詰めておくべきフロントエンドの想定漏れ 3 想定と違う画像 カンプと違う縦横比の画像が来たときの挙動が不明 枠の大きさが固定? 実際の画像のサイズから成り行き? 固定される場合のリサイズの挙動は? 運用規約を定め、想定外の縦横比は動作保証しないのもあり 21 ?
22.
実装を引き受ける前に詰めておくべきフロントエンドの想定漏れ 4 可変レイアウトの挙動 22
23.
実装を引き受ける前に詰めておくべきフロントエンドの想定漏れ 4 可変レイアウトの挙動 リキッドレイアウトで要素の可変する挙動が決まっていない 23 ? % % auto
px px auto
24.
実装を引き受ける前に詰めておくべきフロントエンドの想定漏れ 5 例外的な処理 24
25.
実装を引き受ける前に詰めておくべきフロントエンドの想定漏れ 5 例外的な処理 長い時に途中から省略される要素で、 省略するかどうかのしきい値が不明 25 ? MORE MORE
26.
実装を引き受ける前に詰めておくべきフロントエンドの想定漏れ 5 例外的な処理 バリデーションフォームのエラー文言の仕様が決まっていない バリデーション機能の詳細な仕様も不明 26 *********PASSWORD
27.
実装を引き受ける前に詰めておくべきフロントエンドの想定漏れ 6 その他 27
28.
実装を引き受ける前に詰めておくべきフロントエンドの想定漏れ 6 その他 実際のデータによって出現したりしなかったりする要素で、 カンプ以外のパターンのマージンなどが決まっていない Ajax部分の通信エラーメッセージが想定されていない 必要そうなのにローディングのデザインが想定されていない 28 A B C A A C C ?
29.
実装を引き受ける前に詰めておくべきフロントエンドの想定漏れ チェックシート 29
30.
実装を引き受ける前に詰めておくべきフロントエンドの想定漏れ30
31.
実装を引き受ける前に詰めておくべきフロントエンドの想定漏れ31
32.
実装を引き受ける前に詰めておくべきフロントエンドの想定漏れ32
33.
実装を引き受ける前に詰めておくべきフロントエンドの想定漏れ はてブでの反応 33
34.
実装を引き受ける前に詰めておくべきフロントエンドの想定漏れ34 http://b.hatena.ne.jp/entry/qiita.com/y_hokkey/items/de88447bd31d9379b80a
35.
みんな苦労してた
36.
Thank you! http://media-massage.net/ デザインとWeb開発とその他諸々。
Jetzt herunterladen