SlideShare a Scribd company logo
1 of 90
Download to read offline
freee 株式会社

年末調整の情報設計

2019.06.18
Webデザイン会社で13年勤務したのち、2017年10月にfreeeに参加。

現在は人事労務freeeのプロダクトマネジャーとUXデザイナーを兼任。



HCD-Net認定 人間中心設計専門家、

ウェブアクセシビリティ基盤委員会(WAIC)WG委員。



著書に『デザイニングWebアクセシビリティ』、

監訳書に『コーディングWebアクセシビリティ』、

『インクルーシブHTML + CSS & JavaScript』がある。



2児(双子)の父。週末はだいたい公園に行っている。

あだ名は「アクセシビリティで一発当て太郎」。

Rikiya Ihara
伊原 力也

プロダクト戦略 UXデザイナー

プロダクトマネジャー

2
amazon: 伊原力也

Before ➝ After

4
Before
After
Before
After
年末調整の情報設計?
年末調整とは

11
年末に調整すること
13
所得税を年末に調整すること

● 所得税は1〜12月の所得から徴収される

● 源泉徴収という形で給料から毎月天引き、しかしこれは「みなし」

● 途中で給料が変わったとか、扶養親族に変化があったとかは「年末に調整」

● 配偶者とか保険料とか住宅ローンとかに関する控除も「年末に調整」

年末調整まとめ

ここで買えます by ymrl

生命保険料控除証明書【見本】

平成30年度「住宅取得資金に係る借入金の年末残高等証明書」のご郵送について

23
頑張って集める➝計算する➝反映する

● 頑張っても集まらないし、従業員は覚えてないので書き損じがある

● それでも頑張って集めて、計算して、調整結果を反映する

● (本当はそのあと申告もある)

● 従業員が多いと非常に大変なので効率化したい

ユーザーリサーチ

25
26
ごくふつうに下記を実行

● 業務のインプット

● 前年成果確認とゴール設定

● 既存機能のヒューリスティック評価、いままでのフィードバック確認

● ユーザーインタビュー、行動ログ分析

● 競合調査

● 簡易ペルソナ策定、ユーザーストーリーマッピング

情報設計の観点

29
ソフトウェア開発に関わる「●●デザイン」の分類

31
情報設計の観点

● 紙とデータ

● 複雑性の移動

● freeeの考え方

紙とデータ
34
紙は「たまたま使われている中間成果物」にすぎない

● 人間が読み書きできることに依存した紙のサイズや割り方

● 独立で処理できるために何度も同じことを書く

● 郵送できるという物理的制約、それに依存した業務プロセス

● 国の状況によって紙の枚数や書式は増減する

ワールドビジネスサテライト

デジタルファースト法案とは 行政手続きを電子申請に 

複雑性の移動
全体
情報収集
全体
計算実行
計算結果
計算解除
全体
情報修正
修正完了
全体
計算実行
収集完了
計算結果
個別
情報収集
個別
計算結果
インタラクションデザインの教科書

Complexity - Modeless and Modal

freeeの考え方
人事・給与を決めるときの労働生産性分析

情報構造の設計

46
47
インタビューで得られたインサイト

「従業員によって書類の提出スピードはバラバラ。

 すぐに出せないものもあるし、

 また書き直しや、書類を探してもらったりという流れも多い。

 全体を締め切って、今年の給与も確定し、

 所得税の計算を終えた!と思ってから

 書類が提出されることもけっこうあり、その都度やり直しが発生する」

48
つまりこういうこと

● 管理者が最も気にしているのは、インプットの進捗である

● 業務時間の多くは従業員とのコミュニケーションに割かれている

● 書類収集➝給与計算のシーケンシャルな進行ではなく、両者は並行して進む

● やり直しがあるため、全体で進めるより、従業員単位で終わらせていきたい

モーダルからモードレスへ
51
モーダル = モードが支配している

● 書類収集モードと給与確定モードと調整反映モードがある

● 全員分の収集が完了➝全員分の給与確定が完了➝全員分の還付追徴を反映

● ウィザードに沿って各ステップを実行していくスタイル

全体
書類収集
全体
給与計算
計算結果収集完了
全体
年調実行
年調反映
52
モードレス = モードがない(感じない)

● 書類収集と給与確定と調整反映にはモードを持たず、常に現在の情報で計算

● インプットが変われば計算結果もリアルタイムに変わる

● 従業員単位で少しずつ完了に向かわせるスタイル……に、すでになっていた!

個別
書類収集
個別
給与計算
個別
調整反映
進捗という主オブジェクト
54
年末に向かって調整していくには「進捗」が重要

● 年末調整とは所得税の調整

● 給与がある以上は所得税はあり、ゆえに対象者はほぼすべての従業員

● その従業員からのインプットが手続きに必須で、年末という期限がある

● それが「年末に調整する」ということ

● 業務領域のタイトルをひも解けば、労務担当者の興味関心の対象は

従業員ごとの「進捗」だと明白だった

55
進捗の構造

● 事業所全体としての進捗

○ 各従業員ごとの進捗

■ 書類収集の進捗

● 各書類ごとの進捗

■ 1〜12月給与確定の進捗

■ 所得税の調整反映の完了有無

プロトタイプ
プロトタイプ
プロトタイプ
ワークフロー機能を追加
プロトタイプ
プロトタイプ
従業員側はモーダルに
プロトタイプ
UIデザインの反復

69
リリース版
リリース版
リリース版
リリース版
リリース版
成果と振り返り

75
人事労務の面では、年末調整は特に衝撃でした。今回がfreeeによ
る初めての年末調整で心配していましたが、まさにあっという間に
完了。



導 入 前は紙のアンケートを社 員に渡して、それを回 収して……と
いったアナログな方法でしたし、夜な夜な作業をしていたのですが、
freeeの年末調整であれば社員に人事労務freee上で直接入力して
もらい、それを確 認するだけ。体 感ですがfreee導 入 前に比べて、
6~7割ほど年末調整に係る作業時間を削減できた印象です。
株式会社アトラエ:年末調整の工数を6〜7割削減。

「スピード感と愛情がある。

 だからfreeeがすごく好きなんです」

76一元管理で業務を大幅効率化。東証一部アトラエが目指す「管理しない管理部門」とは

利用従業員数
昨年比160%
人生は続く
リリース版
【人事労務freee使い方動画】2018年度年末調整-管理者編-

リリース版
おわりに

82
年末調整の情報設計
年末調整を無くしたい
88
アイデアやパッションやスキルがあればだれでも、

ビジネスを強くスマートに育てられるプラットフォーム
スモールビジネスを、世界の主役に。

それが私の
「年末調整の情報設計」
スモールビジネスを、

世界の主役に。

More Related Content

What's hot

臨床情報概念モデリングとISO 13606規格、openEHR仕様
臨床情報概念モデリングとISO 13606規格、openEHR仕様臨床情報概念モデリングとISO 13606規格、openEHR仕様
臨床情報概念モデリングとISO 13606規格、openEHR仕様Shinji Kobayashi
 
WAI-ARIAの考え方と使い方を整理しよう
WAI-ARIAの考え方と使い方を整理しようWAI-ARIAの考え方と使い方を整理しよう
WAI-ARIAの考え方と使い方を整理しようNozomi Sawada
 
世界一わかりやすいClean Architecture
世界一わかりやすいClean Architecture世界一わかりやすいClean Architecture
世界一わかりやすいClean ArchitectureAtsushi Nakamura
 
「ITアーキテクトの役割と責任」デブサミ2015 20-C-1
「ITアーキテクトの役割と責任」デブサミ2015 20-C-1「ITアーキテクトの役割と責任」デブサミ2015 20-C-1
「ITアーキテクトの役割と責任」デブサミ2015 20-C-1Yusuke Suzuki
 
Design for Understanding:理解のデザインとしての情報アーキテクチャ
Design for Understanding:理解のデザインとしての情報アーキテクチャDesign for Understanding:理解のデザインとしての情報アーキテクチャ
Design for Understanding:理解のデザインとしての情報アーキテクチャSatoru MURAKOSHI
 
【18-A-2】ゲーミフィケーション・エバンジェリストが見る「あなたの技術力が“ワクワクするサービス”に変わる未来」
【18-A-2】ゲーミフィケーション・エバンジェリストが見る「あなたの技術力が“ワクワクするサービス”に変わる未来」【18-A-2】ゲーミフィケーション・エバンジェリストが見る「あなたの技術力が“ワクワクするサービス”に変わる未来」
【18-A-2】ゲーミフィケーション・エバンジェリストが見る「あなたの技術力が“ワクワクするサービス”に変わる未来」Developers Summit
 
なぜ「マイクロサービス“化”」が必要なのか
なぜ「マイクロサービス“化”」が必要なのかなぜ「マイクロサービス“化”」が必要なのか
なぜ「マイクロサービス“化”」が必要なのかYusuke Suzuki
 
「ウチの事業部の商品をWebサイト・アプリで目立たせて!」私だけじゃなかった! 社内政治と落としどころの見つけ方
「ウチの事業部の商品をWebサイト・アプリで目立たせて!」私だけじゃなかった! 社内政治と落としどころの見つけ方「ウチの事業部の商品をWebサイト・アプリで目立たせて!」私だけじゃなかった! 社内政治と落としどころの見つけ方
「ウチの事業部の商品をWebサイト・アプリで目立たせて!」私だけじゃなかった! 社内政治と落としどころの見つけ方Yoshiki Hayama
 
マイクロサービス化デザインパターン - #AWSDevDay Tokyo 2018
マイクロサービス化デザインパターン - #AWSDevDay Tokyo 2018マイクロサービス化デザインパターン - #AWSDevDay Tokyo 2018
マイクロサービス化デザインパターン - #AWSDevDay Tokyo 2018Yusuke Suzuki
 
開発速度が速い #とは(LayerX社内資料)
開発速度が速い #とは(LayerX社内資料)開発速度が速い #とは(LayerX社内資料)
開発速度が速い #とは(LayerX社内資料)mosa siru
 
Dockerの期待と現実~Docker都市伝説はなぜ生まれるのか~
Dockerの期待と現実~Docker都市伝説はなぜ生まれるのか~Dockerの期待と現実~Docker都市伝説はなぜ生まれるのか~
Dockerの期待と現実~Docker都市伝説はなぜ生まれるのか~Masahito Zembutsu
 
DeNA の AWS アカウント管理とセキュリティ監査自動化
DeNA の AWS アカウント管理とセキュリティ監査自動化DeNA の AWS アカウント管理とセキュリティ監査自動化
DeNA の AWS アカウント管理とセキュリティ監査自動化DeNA
 
Glue DataBrewでデータをクリーニング、加工してみよう
Glue DataBrewでデータをクリーニング、加工してみようGlue DataBrewでデータをクリーニング、加工してみよう
Glue DataBrewでデータをクリーニング、加工してみようtakeshi suto
 
UXデザインに学ぶ、ターゲット心理の分析テクニック:2014年6月21日 リンクシェア フェア 2014
UXデザインに学ぶ、ターゲット心理の分析テクニック:2014年6月21日 リンクシェア フェア 2014UXデザインに学ぶ、ターゲット心理の分析テクニック:2014年6月21日 リンクシェア フェア 2014
UXデザインに学ぶ、ターゲット心理の分析テクニック:2014年6月21日 リンクシェア フェア 2014Yoshiki Hayama
 
業務システムとマイクロサービス
業務システムとマイクロサービス業務システムとマイクロサービス
業務システムとマイクロサービス土岐 孝平
 
Apache Kafkaによるログ転送とパフォーマンスチューニング - Bonfire Backend #2 -
Apache Kafkaによるログ転送とパフォーマンスチューニング - Bonfire Backend #2 -Apache Kafkaによるログ転送とパフォーマンスチューニング - Bonfire Backend #2 -
Apache Kafkaによるログ転送とパフォーマンスチューニング - Bonfire Backend #2 -Yahoo!デベロッパーネットワーク
 
IA Dark Patterns and challenges WIAD Tokyo 2024
IA Dark Patterns and challenges WIAD Tokyo 2024IA Dark Patterns and challenges WIAD Tokyo 2024
IA Dark Patterns and challenges WIAD Tokyo 2024Atsushi HASEGAWA, Ph.D.
 
ホットペッパービューティーにおけるモバイルアプリ向けAPIのBFF/Backend分割
ホットペッパービューティーにおけるモバイルアプリ向けAPIのBFF/Backend分割ホットペッパービューティーにおけるモバイルアプリ向けAPIのBFF/Backend分割
ホットペッパービューティーにおけるモバイルアプリ向けAPIのBFF/Backend分割Recruit Lifestyle Co., Ltd.
 
DDDとクリーンアーキテクチャでサーバーアプリケーションを作っている話
DDDとクリーンアーキテクチャでサーバーアプリケーションを作っている話DDDとクリーンアーキテクチャでサーバーアプリケーションを作っている話
DDDとクリーンアーキテクチャでサーバーアプリケーションを作っている話JustSystems Corporation
 

What's hot (20)

臨床情報概念モデリングとISO 13606規格、openEHR仕様
臨床情報概念モデリングとISO 13606規格、openEHR仕様臨床情報概念モデリングとISO 13606規格、openEHR仕様
臨床情報概念モデリングとISO 13606規格、openEHR仕様
 
WAI-ARIAの考え方と使い方を整理しよう
WAI-ARIAの考え方と使い方を整理しようWAI-ARIAの考え方と使い方を整理しよう
WAI-ARIAの考え方と使い方を整理しよう
 
世界一わかりやすいClean Architecture
世界一わかりやすいClean Architecture世界一わかりやすいClean Architecture
世界一わかりやすいClean Architecture
 
「ITアーキテクトの役割と責任」デブサミ2015 20-C-1
「ITアーキテクトの役割と責任」デブサミ2015 20-C-1「ITアーキテクトの役割と責任」デブサミ2015 20-C-1
「ITアーキテクトの役割と責任」デブサミ2015 20-C-1
 
Design for Understanding:理解のデザインとしての情報アーキテクチャ
Design for Understanding:理解のデザインとしての情報アーキテクチャDesign for Understanding:理解のデザインとしての情報アーキテクチャ
Design for Understanding:理解のデザインとしての情報アーキテクチャ
 
【18-A-2】ゲーミフィケーション・エバンジェリストが見る「あなたの技術力が“ワクワクするサービス”に変わる未来」
【18-A-2】ゲーミフィケーション・エバンジェリストが見る「あなたの技術力が“ワクワクするサービス”に変わる未来」【18-A-2】ゲーミフィケーション・エバンジェリストが見る「あなたの技術力が“ワクワクするサービス”に変わる未来」
【18-A-2】ゲーミフィケーション・エバンジェリストが見る「あなたの技術力が“ワクワクするサービス”に変わる未来」
 
なぜ「マイクロサービス“化”」が必要なのか
なぜ「マイクロサービス“化”」が必要なのかなぜ「マイクロサービス“化”」が必要なのか
なぜ「マイクロサービス“化”」が必要なのか
 
「ウチの事業部の商品をWebサイト・アプリで目立たせて!」私だけじゃなかった! 社内政治と落としどころの見つけ方
「ウチの事業部の商品をWebサイト・アプリで目立たせて!」私だけじゃなかった! 社内政治と落としどころの見つけ方「ウチの事業部の商品をWebサイト・アプリで目立たせて!」私だけじゃなかった! 社内政治と落としどころの見つけ方
「ウチの事業部の商品をWebサイト・アプリで目立たせて!」私だけじゃなかった! 社内政治と落としどころの見つけ方
 
マイクロサービス化デザインパターン - #AWSDevDay Tokyo 2018
マイクロサービス化デザインパターン - #AWSDevDay Tokyo 2018マイクロサービス化デザインパターン - #AWSDevDay Tokyo 2018
マイクロサービス化デザインパターン - #AWSDevDay Tokyo 2018
 
開発速度が速い #とは(LayerX社内資料)
開発速度が速い #とは(LayerX社内資料)開発速度が速い #とは(LayerX社内資料)
開発速度が速い #とは(LayerX社内資料)
 
Dockerの期待と現実~Docker都市伝説はなぜ生まれるのか~
Dockerの期待と現実~Docker都市伝説はなぜ生まれるのか~Dockerの期待と現実~Docker都市伝説はなぜ生まれるのか~
Dockerの期待と現実~Docker都市伝説はなぜ生まれるのか~
 
DeNA の AWS アカウント管理とセキュリティ監査自動化
DeNA の AWS アカウント管理とセキュリティ監査自動化DeNA の AWS アカウント管理とセキュリティ監査自動化
DeNA の AWS アカウント管理とセキュリティ監査自動化
 
Glue DataBrewでデータをクリーニング、加工してみよう
Glue DataBrewでデータをクリーニング、加工してみようGlue DataBrewでデータをクリーニング、加工してみよう
Glue DataBrewでデータをクリーニング、加工してみよう
 
UXデザインに学ぶ、ターゲット心理の分析テクニック:2014年6月21日 リンクシェア フェア 2014
UXデザインに学ぶ、ターゲット心理の分析テクニック:2014年6月21日 リンクシェア フェア 2014UXデザインに学ぶ、ターゲット心理の分析テクニック:2014年6月21日 リンクシェア フェア 2014
UXデザインに学ぶ、ターゲット心理の分析テクニック:2014年6月21日 リンクシェア フェア 2014
 
業務システムとマイクロサービス
業務システムとマイクロサービス業務システムとマイクロサービス
業務システムとマイクロサービス
 
Apache Kafkaによるログ転送とパフォーマンスチューニング - Bonfire Backend #2 -
Apache Kafkaによるログ転送とパフォーマンスチューニング - Bonfire Backend #2 -Apache Kafkaによるログ転送とパフォーマンスチューニング - Bonfire Backend #2 -
Apache Kafkaによるログ転送とパフォーマンスチューニング - Bonfire Backend #2 -
 
IA Dark Patterns and challenges WIAD Tokyo 2024
IA Dark Patterns and challenges WIAD Tokyo 2024IA Dark Patterns and challenges WIAD Tokyo 2024
IA Dark Patterns and challenges WIAD Tokyo 2024
 
分散トレーシング技術について(Open tracingやjaeger)
分散トレーシング技術について(Open tracingやjaeger)分散トレーシング技術について(Open tracingやjaeger)
分散トレーシング技術について(Open tracingやjaeger)
 
ホットペッパービューティーにおけるモバイルアプリ向けAPIのBFF/Backend分割
ホットペッパービューティーにおけるモバイルアプリ向けAPIのBFF/Backend分割ホットペッパービューティーにおけるモバイルアプリ向けAPIのBFF/Backend分割
ホットペッパービューティーにおけるモバイルアプリ向けAPIのBFF/Backend分割
 
DDDとクリーンアーキテクチャでサーバーアプリケーションを作っている話
DDDとクリーンアーキテクチャでサーバーアプリケーションを作っている話DDDとクリーンアーキテクチャでサーバーアプリケーションを作っている話
DDDとクリーンアーキテクチャでサーバーアプリケーションを作っている話
 

Similar to 年末調整の情報設計

息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組み
息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組み息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組み
息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組みYuya Toida
 
意味をデザインするを考える
意味をデザインするを考える意味をデザインするを考える
意味をデザインするを考えるAya Tokuda
 
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニックデキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニックAkiko Kurono
 
2013 HTML5カンファレンス  レスポンシブWebデザイン
2013  HTML5カンファレンス   レスポンシブWebデザイン2013  HTML5カンファレンス   レスポンシブWebデザイン
2013 HTML5カンファレンス  レスポンシブWebデザインDaisuke Yamazaki
 
javascriptの基礎
javascriptの基礎javascriptの基礎
javascriptの基礎Masayuki Abe
 
アプリ開発、SaaS開発を経て最近考えていること.pdf
アプリ開発、SaaS開発を経て最近考えていること.pdfアプリ開発、SaaS開発を経て最近考えていること.pdf
アプリ開発、SaaS開発を経て最近考えていること.pdfivanov23
 
アプリ開発、SaaS開発を経て最近考えていること.pdf
アプリ開発、SaaS開発を経て最近考えていること.pdfアプリ開発、SaaS開発を経て最近考えていること.pdf
アプリ開発、SaaS開発を経て最近考えていること.pdfivanov23
 
重要なのはリサーチ・プランニング・プロトタイプの三本柱
重要なのはリサーチ・プランニング・プロトタイプの三本柱重要なのはリサーチ・プランニング・プロトタイプの三本柱
重要なのはリサーチ・プランニング・プロトタイプの三本柱Yuya Toida
 
WEBアプリケーション開発におけるUX
WEBアプリケーション開発におけるUXWEBアプリケーション開発におけるUX
WEBアプリケーション開発におけるUXHiromitsu Miyanishi
 
PMと並走してプロダクトにつなげるUXリサーチ
PMと並走してプロダクトにつなげるUXリサーチPMと並走してプロダクトにつなげるUXリサーチ
PMと並走してプロダクトにつなげるUXリサーチJunNomura1
 
福井で「しあわせデザイナー」になるために
福井で「しあわせデザイナー」になるために福井で「しあわせデザイナー」になるために
福井で「しあわせデザイナー」になるためにMiho Yamamori
 
[okaweb × HTML5 fun] HTML5で人気のAPIを使って 未来価値を創造しよう
[okaweb × HTML5 fun] HTML5で人気のAPIを使って 未来価値を創造しよう[okaweb × HTML5 fun] HTML5で人気のAPIを使って 未来価値を創造しよう
[okaweb × HTML5 fun] HTML5で人気のAPIを使って 未来価値を創造しようMasayuki Abe
 
アクセシビリティとこれからのWebデザイン
アクセシビリティとこれからのWebデザインアクセシビリティとこれからのWebデザイン
アクセシビリティとこれからのWebデザイン力也 伊原
 
PMと並走してプロダクトにつなげるUXリサーチ
PMと並走してプロダクトにつなげるUXリサーチPMと並走してプロダクトにつなげるUXリサーチ
PMと並走してプロダクトにつなげるUXリサーチJunNomura1
 
ON HTML5 FIELD で書き尽くせなかったこと
ON HTML5 FIELD で書き尽くせなかったことON HTML5 FIELD で書き尽くせなかったこと
ON HTML5 FIELD で書き尽くせなかったことMasakazu Muraoka
 
CSSフレームワークとCMS+RWDテンプレでレスポンシブWebデザインサイトを構築しよう
CSSフレームワークとCMS+RWDテンプレでレスポンシブWebデザインサイトを構築しようCSSフレームワークとCMS+RWDテンプレでレスポンシブWebデザインサイトを構築しよう
CSSフレームワークとCMS+RWDテンプレでレスポンシブWebデザインサイトを構築しようMasayuki Abe
 
エンジニアの移住交流会 自己紹介
エンジニアの移住交流会 自己紹介エンジニアの移住交流会 自己紹介
エンジニアの移住交流会 自己紹介Rie Tokumi
 
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮schoowebcampus
 
Pixate導入についてのあれこれ
Pixate導入についてのあれこれPixate導入についてのあれこれ
Pixate導入についてのあれこれKazuyuki Oikawa
 
20171013 daigakuweb vol2_terai
20171013 daigakuweb vol2_terai20171013 daigakuweb vol2_terai
20171013 daigakuweb vol2_terailoftwork
 

Similar to 年末調整の情報設計 (20)

息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組み
息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組み息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組み
息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組み
 
意味をデザインするを考える
意味をデザインするを考える意味をデザインするを考える
意味をデザインするを考える
 
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニックデキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
 
2013 HTML5カンファレンス  レスポンシブWebデザイン
2013  HTML5カンファレンス   レスポンシブWebデザイン2013  HTML5カンファレンス   レスポンシブWebデザイン
2013 HTML5カンファレンス  レスポンシブWebデザイン
 
javascriptの基礎
javascriptの基礎javascriptの基礎
javascriptの基礎
 
アプリ開発、SaaS開発を経て最近考えていること.pdf
アプリ開発、SaaS開発を経て最近考えていること.pdfアプリ開発、SaaS開発を経て最近考えていること.pdf
アプリ開発、SaaS開発を経て最近考えていること.pdf
 
アプリ開発、SaaS開発を経て最近考えていること.pdf
アプリ開発、SaaS開発を経て最近考えていること.pdfアプリ開発、SaaS開発を経て最近考えていること.pdf
アプリ開発、SaaS開発を経て最近考えていること.pdf
 
重要なのはリサーチ・プランニング・プロトタイプの三本柱
重要なのはリサーチ・プランニング・プロトタイプの三本柱重要なのはリサーチ・プランニング・プロトタイプの三本柱
重要なのはリサーチ・プランニング・プロトタイプの三本柱
 
WEBアプリケーション開発におけるUX
WEBアプリケーション開発におけるUXWEBアプリケーション開発におけるUX
WEBアプリケーション開発におけるUX
 
PMと並走してプロダクトにつなげるUXリサーチ
PMと並走してプロダクトにつなげるUXリサーチPMと並走してプロダクトにつなげるUXリサーチ
PMと並走してプロダクトにつなげるUXリサーチ
 
福井で「しあわせデザイナー」になるために
福井で「しあわせデザイナー」になるために福井で「しあわせデザイナー」になるために
福井で「しあわせデザイナー」になるために
 
[okaweb × HTML5 fun] HTML5で人気のAPIを使って 未来価値を創造しよう
[okaweb × HTML5 fun] HTML5で人気のAPIを使って 未来価値を創造しよう[okaweb × HTML5 fun] HTML5で人気のAPIを使って 未来価値を創造しよう
[okaweb × HTML5 fun] HTML5で人気のAPIを使って 未来価値を創造しよう
 
アクセシビリティとこれからのWebデザイン
アクセシビリティとこれからのWebデザインアクセシビリティとこれからのWebデザイン
アクセシビリティとこれからのWebデザイン
 
PMと並走してプロダクトにつなげるUXリサーチ
PMと並走してプロダクトにつなげるUXリサーチPMと並走してプロダクトにつなげるUXリサーチ
PMと並走してプロダクトにつなげるUXリサーチ
 
ON HTML5 FIELD で書き尽くせなかったこと
ON HTML5 FIELD で書き尽くせなかったことON HTML5 FIELD で書き尽くせなかったこと
ON HTML5 FIELD で書き尽くせなかったこと
 
CSSフレームワークとCMS+RWDテンプレでレスポンシブWebデザインサイトを構築しよう
CSSフレームワークとCMS+RWDテンプレでレスポンシブWebデザインサイトを構築しようCSSフレームワークとCMS+RWDテンプレでレスポンシブWebデザインサイトを構築しよう
CSSフレームワークとCMS+RWDテンプレでレスポンシブWebデザインサイトを構築しよう
 
エンジニアの移住交流会 自己紹介
エンジニアの移住交流会 自己紹介エンジニアの移住交流会 自己紹介
エンジニアの移住交流会 自己紹介
 
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
 
Pixate導入についてのあれこれ
Pixate導入についてのあれこれPixate導入についてのあれこれ
Pixate導入についてのあれこれ
 
20171013 daigakuweb vol2_terai
20171013 daigakuweb vol2_terai20171013 daigakuweb vol2_terai
20171013 daigakuweb vol2_terai
 

More from 力也 伊原

あなたの価値を高めるWebアクセシビリティ(JAC Special Ver.)
あなたの価値を高めるWebアクセシビリティ(JAC Special Ver.)あなたの価値を高めるWebアクセシビリティ(JAC Special Ver.)
あなたの価値を高めるWebアクセシビリティ(JAC Special Ver.)力也 伊原
 
あなたの価値を高めるWebアクセシビリティ(!importantバージョン)
あなたの価値を高めるWebアクセシビリティ(!importantバージョン)あなたの価値を高めるWebアクセシビリティ(!importantバージョン)
あなたの価値を高めるWebアクセシビリティ(!importantバージョン)力也 伊原
 
あなたの価値を高めるWebアクセシビリティ(アクセシビリティの祭典バージョン)
あなたの価値を高めるWebアクセシビリティ(アクセシビリティの祭典バージョン)あなたの価値を高めるWebアクセシビリティ(アクセシビリティの祭典バージョン)
あなたの価値を高めるWebアクセシビリティ(アクセシビリティの祭典バージョン)力也 伊原
 
今やWeb制作者じゃなくなった私の仕事実態
今やWeb制作者じゃなくなった私の仕事実態今やWeb制作者じゃなくなった私の仕事実態
今やWeb制作者じゃなくなった私の仕事実態力也 伊原
 
可能性のデザイン
可能性のデザイン可能性のデザイン
可能性のデザイン力也 伊原
 
サイトをアクセシブルにするための受発注のセオリー
サイトをアクセシブルにするための受発注のセオリーサイトをアクセシブルにするための受発注のセオリー
サイトをアクセシブルにするための受発注のセオリー力也 伊原
 
あなたの価値を高めるWebアクセシビリティ
あなたの価値を高めるWebアクセシビリティあなたの価値を高めるWebアクセシビリティ
あなたの価値を高めるWebアクセシビリティ力也 伊原
 
プロトタイピングツール投入のケーススタディ
プロトタイピングツール投入のケーススタディプロトタイピングツール投入のケーススタディ
プロトタイピングツール投入のケーススタディ力也 伊原
 
15分でわかるモバイルアクセシビリティ
15分でわかるモバイルアクセシビリティ15分でわかるモバイルアクセシビリティ
15分でわかるモバイルアクセシビリティ力也 伊原
 
働き方のプロトタイピング
働き方のプロトタイピング働き方のプロトタイピング
働き方のプロトタイピング力也 伊原
 
フロントエンドからの発想
フロントエンドからの発想フロントエンドからの発想
フロントエンドからの発想力也 伊原
 
実はできている!? Webアクセシビリティ
実はできている!? Webアクセシビリティ実はできている!? Webアクセシビリティ
実はできている!? Webアクセシビリティ力也 伊原
 
なぜ、サイボウズでアクセシビリティなのか?
なぜ、サイボウズでアクセシビリティなのか?なぜ、サイボウズでアクセシビリティなのか?
なぜ、サイボウズでアクセシビリティなのか?力也 伊原
 
アクセシブルなナビゲーションデザインの考え方
アクセシブルなナビゲーションデザインの考え方アクセシブルなナビゲーションデザインの考え方
アクセシブルなナビゲーションデザインの考え方力也 伊原
 
WAI-ARIAで実現するマルチデバイス環境のWebアプリケーション
WAI-ARIAで実現するマルチデバイス環境のWebアプリケーションWAI-ARIAで実現するマルチデバイス環境のWebアプリケーション
WAI-ARIAで実現するマルチデバイス環境のWebアプリケーション力也 伊原
 
アクセシビリティ対応をプロジェクトに取り入れるには?
アクセシビリティ対応をプロジェクトに取り入れるには?アクセシビリティ対応をプロジェクトに取り入れるには?
アクセシビリティ対応をプロジェクトに取り入れるには?力也 伊原
 
NTTデータグループウェブサイトのマルチデバイス対応
NTTデータグループウェブサイトのマルチデバイス対応NTTデータグループウェブサイトのマルチデバイス対応
NTTデータグループウェブサイトのマルチデバイス対応力也 伊原
 
アクセシビリティ対応をプロジェクトに取り入れるには?
アクセシビリティ対応をプロジェクトに取り入れるには?アクセシビリティ対応をプロジェクトに取り入れるには?
アクセシビリティ対応をプロジェクトに取り入れるには?力也 伊原
 

More from 力也 伊原 (18)

あなたの価値を高めるWebアクセシビリティ(JAC Special Ver.)
あなたの価値を高めるWebアクセシビリティ(JAC Special Ver.)あなたの価値を高めるWebアクセシビリティ(JAC Special Ver.)
あなたの価値を高めるWebアクセシビリティ(JAC Special Ver.)
 
あなたの価値を高めるWebアクセシビリティ(!importantバージョン)
あなたの価値を高めるWebアクセシビリティ(!importantバージョン)あなたの価値を高めるWebアクセシビリティ(!importantバージョン)
あなたの価値を高めるWebアクセシビリティ(!importantバージョン)
 
あなたの価値を高めるWebアクセシビリティ(アクセシビリティの祭典バージョン)
あなたの価値を高めるWebアクセシビリティ(アクセシビリティの祭典バージョン)あなたの価値を高めるWebアクセシビリティ(アクセシビリティの祭典バージョン)
あなたの価値を高めるWebアクセシビリティ(アクセシビリティの祭典バージョン)
 
今やWeb制作者じゃなくなった私の仕事実態
今やWeb制作者じゃなくなった私の仕事実態今やWeb制作者じゃなくなった私の仕事実態
今やWeb制作者じゃなくなった私の仕事実態
 
可能性のデザイン
可能性のデザイン可能性のデザイン
可能性のデザイン
 
サイトをアクセシブルにするための受発注のセオリー
サイトをアクセシブルにするための受発注のセオリーサイトをアクセシブルにするための受発注のセオリー
サイトをアクセシブルにするための受発注のセオリー
 
あなたの価値を高めるWebアクセシビリティ
あなたの価値を高めるWebアクセシビリティあなたの価値を高めるWebアクセシビリティ
あなたの価値を高めるWebアクセシビリティ
 
プロトタイピングツール投入のケーススタディ
プロトタイピングツール投入のケーススタディプロトタイピングツール投入のケーススタディ
プロトタイピングツール投入のケーススタディ
 
15分でわかるモバイルアクセシビリティ
15分でわかるモバイルアクセシビリティ15分でわかるモバイルアクセシビリティ
15分でわかるモバイルアクセシビリティ
 
働き方のプロトタイピング
働き方のプロトタイピング働き方のプロトタイピング
働き方のプロトタイピング
 
フロントエンドからの発想
フロントエンドからの発想フロントエンドからの発想
フロントエンドからの発想
 
実はできている!? Webアクセシビリティ
実はできている!? Webアクセシビリティ実はできている!? Webアクセシビリティ
実はできている!? Webアクセシビリティ
 
なぜ、サイボウズでアクセシビリティなのか?
なぜ、サイボウズでアクセシビリティなのか?なぜ、サイボウズでアクセシビリティなのか?
なぜ、サイボウズでアクセシビリティなのか?
 
アクセシブルなナビゲーションデザインの考え方
アクセシブルなナビゲーションデザインの考え方アクセシブルなナビゲーションデザインの考え方
アクセシブルなナビゲーションデザインの考え方
 
WAI-ARIAで実現するマルチデバイス環境のWebアプリケーション
WAI-ARIAで実現するマルチデバイス環境のWebアプリケーションWAI-ARIAで実現するマルチデバイス環境のWebアプリケーション
WAI-ARIAで実現するマルチデバイス環境のWebアプリケーション
 
アクセシビリティ対応をプロジェクトに取り入れるには?
アクセシビリティ対応をプロジェクトに取り入れるには?アクセシビリティ対応をプロジェクトに取り入れるには?
アクセシビリティ対応をプロジェクトに取り入れるには?
 
NTTデータグループウェブサイトのマルチデバイス対応
NTTデータグループウェブサイトのマルチデバイス対応NTTデータグループウェブサイトのマルチデバイス対応
NTTデータグループウェブサイトのマルチデバイス対応
 
アクセシビリティ対応をプロジェクトに取り入れるには?
アクセシビリティ対応をプロジェクトに取り入れるには?アクセシビリティ対応をプロジェクトに取り入れるには?
アクセシビリティ対応をプロジェクトに取り入れるには?
 

Recently uploaded

物流は成長の準備ができていますか? 警告 1 日あたり 1 章を超えて消費しないでください コンテンツが覚醒と変化への意志を引き起こす
物流は成長の準備ができていますか? 警告 1 日あたり 1 章を超えて消費しないでください コンテンツが覚醒と変化への意志を引き起こす物流は成長の準備ができていますか? 警告 1 日あたり 1 章を超えて消費しないでください コンテンツが覚醒と変化への意志を引き起こす
物流は成長の準備ができていますか? 警告 1 日あたり 1 章を超えて消費しないでください コンテンツが覚醒と変化への意志を引き起こすMichael Rada
 
セルフケア研修で使えるカードゲーム『攻略!きみのストレスを発見せよ!: ゲームで身につくストレスマネジメント』
セルフケア研修で使えるカードゲーム『攻略!きみのストレスを発見せよ!: ゲームで身につくストレスマネジメント』セルフケア研修で使えるカードゲーム『攻略!きみのストレスを発見せよ!: ゲームで身につくストレスマネジメント』
セルフケア研修で使えるカードゲーム『攻略!きみのストレスを発見せよ!: ゲームで身につくストレスマネジメント』Jun Chiba
 
Broadmedia Corporation. 240510fy2023_4q
Broadmedia Corporation.  240510fy2023_4qBroadmedia Corporation.  240510fy2023_4q
Broadmedia Corporation. 240510fy2023_4qbm_pr
 
共有用_aio基本保守プラン_WordPressサイト_20240509.pdf
共有用_aio基本保守プラン_WordPressサイト_20240509.pdf共有用_aio基本保守プラン_WordPressサイト_20240509.pdf
共有用_aio基本保守プラン_WordPressサイト_20240509.pdfkikuchi5
 
company profile.pdf
company profile.pdfcompany profile.pdf
company profile.pdfkeiibayashi
 
事例DBサービス紹介資料(Case Study DB service introduction)
事例DBサービス紹介資料(Case Study DB service introduction)事例DBサービス紹介資料(Case Study DB service introduction)
事例DBサービス紹介資料(Case Study DB service introduction)YujiSakurai3
 

Recently uploaded (6)

物流は成長の準備ができていますか? 警告 1 日あたり 1 章を超えて消費しないでください コンテンツが覚醒と変化への意志を引き起こす
物流は成長の準備ができていますか? 警告 1 日あたり 1 章を超えて消費しないでください コンテンツが覚醒と変化への意志を引き起こす物流は成長の準備ができていますか? 警告 1 日あたり 1 章を超えて消費しないでください コンテンツが覚醒と変化への意志を引き起こす
物流は成長の準備ができていますか? 警告 1 日あたり 1 章を超えて消費しないでください コンテンツが覚醒と変化への意志を引き起こす
 
セルフケア研修で使えるカードゲーム『攻略!きみのストレスを発見せよ!: ゲームで身につくストレスマネジメント』
セルフケア研修で使えるカードゲーム『攻略!きみのストレスを発見せよ!: ゲームで身につくストレスマネジメント』セルフケア研修で使えるカードゲーム『攻略!きみのストレスを発見せよ!: ゲームで身につくストレスマネジメント』
セルフケア研修で使えるカードゲーム『攻略!きみのストレスを発見せよ!: ゲームで身につくストレスマネジメント』
 
Broadmedia Corporation. 240510fy2023_4q
Broadmedia Corporation.  240510fy2023_4qBroadmedia Corporation.  240510fy2023_4q
Broadmedia Corporation. 240510fy2023_4q
 
共有用_aio基本保守プラン_WordPressサイト_20240509.pdf
共有用_aio基本保守プラン_WordPressサイト_20240509.pdf共有用_aio基本保守プラン_WordPressサイト_20240509.pdf
共有用_aio基本保守プラン_WordPressサイト_20240509.pdf
 
company profile.pdf
company profile.pdfcompany profile.pdf
company profile.pdf
 
事例DBサービス紹介資料(Case Study DB service introduction)
事例DBサービス紹介資料(Case Study DB service introduction)事例DBサービス紹介資料(Case Study DB service introduction)
事例DBサービス紹介資料(Case Study DB service introduction)
 

年末調整の情報設計