Suche senden
Hochladen
Webアプリ開発実践tips共有会
•
Als PPTX, PDF herunterladen
•
1 gefällt mir
•
452 views
T
tomo730
Folgen
D3の勉強会資料
Weniger lesen
Mehr lesen
Ingenieurwesen
Melden
Teilen
Melden
Teilen
1 von 13
Jetzt herunterladen
Empfohlen
20090418
20090418
小野 修司
JSテスト勉強会@福岡で発表したスライドです。 ほとんど口頭で喋ってしまったので、スライドだけだと殆ど意味が分からないと思います、ごめんなさい…。
WebDriverで始めるUIスモークテスティング入門
WebDriverで始めるUIスモークテスティング入門
Kohki Nakashima
業務のグローバル化に伴いクラウド サービスの利活用が進む中、認証/ID 管理基盤の見直しを行う企業が増えています。しかし、認証/ID 管理基盤を実際に導入するとなると、利便性を維持しつつ安全性を高めるにはどうしたらよいか、また既存の IT 環境からスムーズに移行を行うのか、など課題は山積みです。 本セッションでは、Identity の MVP が本気で取り組んだ認証/ID 管理基盤の導入の現場における様々な課題と解決の実例を、株式会社アシックス様のグローバル認証基盤導入プロジェクトを通して紹介いたします。 受講対象: Azure Active Directory の大規模案件のケース スタディ、各技術要素の実際の使われ方に興味のある方 製品/テクノロジ: アイデンティティ (AD/Azure AD)/Microsoft Azure/エンタープライズ モビリティ/運用 富士榮 尚寛 伊藤忠テクノソリューションズ株式会社 西日本システム技術第2部 部長代行
[SC05] 株式会社アシックス様における Azure AD 導入プロジェクトの実際
[SC05] 株式会社アシックス様における Azure AD 導入プロジェクトの実際
de:code 2017
2017 年春の大型アップデートである Windows 10 Creators Update により、Edge はさまざまな面で大きな進化を遂げました。 安全に使用できるよう新しいセキュリティ機能や管理機能が拡充され、パフォーマンス性能も向上、最新 API も実装され、Web のプラットフォームとして大きく発展しています。 本セッションではデモを交えながら、既存機能も含めて、Edge の新機能を一挙ご紹介いたします。 受講対象: Web 開発に関わる全ての方、もしくは Edge のエンタープライズ向けのセキュリティや管理機能に興味をお持ちの皆様はぜひご参加ください。 製品/テクノロジ: Edge/Web 開発/セキュリティ 本間 咲来 (さっくる) 日本マイクロソフト株式会社 デベロッパー エバンジェリズム統括本部 エバンジェリスト
[MW02] 進化する Edge! ~Windows 10 Creators Update 版の新機能から既存機能まで一挙紹介~
[MW02] 進化する Edge! ~Windows 10 Creators Update 版の新機能から既存機能まで一挙紹介~
de:code 2017
.Netラボ6月のLTで発表した資料です
msal.jsを使う
msal.jsを使う
DevTakas
2021年5月の.NETラボの発表で使用した資料です。 デモで使用したソースコードは👇です https://github.com/Takas0522/dotnetlab-2021-may
Azure ADアプリケーションを使用した認証のあれやこれ ASP.NET Core編
Azure ADアプリケーションを使用した認証のあれやこれ ASP.NET Core編
DevTakas
Azure AD Webinar session 2-4 https://aka.ms/AzureADWebinar
Azure AD の SaaS アプリケーション認証への活用
Azure AD の SaaS アプリケーション認証への活用
Yusuke Kodama
20120609
20120609
小野 修司
Empfohlen
20090418
20090418
小野 修司
JSテスト勉強会@福岡で発表したスライドです。 ほとんど口頭で喋ってしまったので、スライドだけだと殆ど意味が分からないと思います、ごめんなさい…。
WebDriverで始めるUIスモークテスティング入門
WebDriverで始めるUIスモークテスティング入門
Kohki Nakashima
業務のグローバル化に伴いクラウド サービスの利活用が進む中、認証/ID 管理基盤の見直しを行う企業が増えています。しかし、認証/ID 管理基盤を実際に導入するとなると、利便性を維持しつつ安全性を高めるにはどうしたらよいか、また既存の IT 環境からスムーズに移行を行うのか、など課題は山積みです。 本セッションでは、Identity の MVP が本気で取り組んだ認証/ID 管理基盤の導入の現場における様々な課題と解決の実例を、株式会社アシックス様のグローバル認証基盤導入プロジェクトを通して紹介いたします。 受講対象: Azure Active Directory の大規模案件のケース スタディ、各技術要素の実際の使われ方に興味のある方 製品/テクノロジ: アイデンティティ (AD/Azure AD)/Microsoft Azure/エンタープライズ モビリティ/運用 富士榮 尚寛 伊藤忠テクノソリューションズ株式会社 西日本システム技術第2部 部長代行
[SC05] 株式会社アシックス様における Azure AD 導入プロジェクトの実際
[SC05] 株式会社アシックス様における Azure AD 導入プロジェクトの実際
de:code 2017
2017 年春の大型アップデートである Windows 10 Creators Update により、Edge はさまざまな面で大きな進化を遂げました。 安全に使用できるよう新しいセキュリティ機能や管理機能が拡充され、パフォーマンス性能も向上、最新 API も実装され、Web のプラットフォームとして大きく発展しています。 本セッションではデモを交えながら、既存機能も含めて、Edge の新機能を一挙ご紹介いたします。 受講対象: Web 開発に関わる全ての方、もしくは Edge のエンタープライズ向けのセキュリティや管理機能に興味をお持ちの皆様はぜひご参加ください。 製品/テクノロジ: Edge/Web 開発/セキュリティ 本間 咲来 (さっくる) 日本マイクロソフト株式会社 デベロッパー エバンジェリズム統括本部 エバンジェリスト
[MW02] 進化する Edge! ~Windows 10 Creators Update 版の新機能から既存機能まで一挙紹介~
[MW02] 進化する Edge! ~Windows 10 Creators Update 版の新機能から既存機能まで一挙紹介~
de:code 2017
.Netラボ6月のLTで発表した資料です
msal.jsを使う
msal.jsを使う
DevTakas
2021年5月の.NETラボの発表で使用した資料です。 デモで使用したソースコードは👇です https://github.com/Takas0522/dotnetlab-2021-may
Azure ADアプリケーションを使用した認証のあれやこれ ASP.NET Core編
Azure ADアプリケーションを使用した認証のあれやこれ ASP.NET Core編
DevTakas
Azure AD Webinar session 2-4 https://aka.ms/AzureADWebinar
Azure AD の SaaS アプリケーション認証への活用
Azure AD の SaaS アプリケーション認証への活用
Yusuke Kodama
20120609
20120609
小野 修司
Spring Securityを用いたログイン認証。
Spring bootでweb セキュリティ(ログイン認証)編
Spring bootでweb セキュリティ(ログイン認証)編
なべ
2007/10/10のコア開発者向けセミナー資料です
Apexコアデベロッパーセミナー(Apexコード)071010
Apexコアデベロッパーセミナー(Apexコード)071010
stomita
20050917
20050917
小野 修司
http://pronama.azurewebsites.net/2015/04/11/asp-net-beginner-seminar-slide/
はじめての ASP.NET MVC
はじめての ASP.NET MVC
jz5 MATSUE
2016年 Spring勉強会その3
Jsug 20160422 slides
Jsug 20160422 slides
Yuichi Hasegawa
MailFluteでメール送信を楽しもう!
MailFluteでメール送信を楽しもう!
MailFluteでメール送信を楽しもう!
p1us2er0
Rablockアプリケーション開発ガイド
Rablock applicatin dev_guide_v1.2
Rablock applicatin dev_guide_v1.2
Yoshi Nagase
20111203
20111203
小野 修司
Community Open Day 2012 北海道会場 セッション2
jQuery Validation x ASP.NET MVC で遭遇した不具合 & 対抗ハック
jQuery Validation x ASP.NET MVC で遭遇した不具合 & 対抗ハック
Jun-ichi Sakamoto
[AWSマイスターシリーズ] AWS SDK for Java / .NET
[AWSマイスターシリーズ] AWS SDK for Java / .NET
Amazon Web Services Japan
Developers Summit 2011での発表資料 小野和俊 氏 / 松本幹 氏 / 中村研二 氏 / 宮崎貴司 氏 / 渡辺俊史 氏 / 内藤浩史 氏 MIJS製品技術強化委員会では2010年度の活動として、エンタープライズアプリケーションをクラウド上で動作させるための各種調査や実証実験を行っています。このセッションでは、ロック、トランザクション、読み取り一貫性など、エンタープライズシステムに求められる各種要件を含む「英会話教師予約システム」をWindows Azure、Google App Engine、Force.com、AWSそれぞれを用いて構築した実証実験に関する報告を行います。
【17-C-2】 クラウド上でのエンタープライズアプリケーション開発
【17-C-2】 クラウド上でのエンタープライズアプリケーション開発
lalha
20120528 aws meister-reloaded-awssd-kforjava-public
20120528 aws meister-reloaded-awssd-kforjava-public
Amazon Web Services Japan
AWS as MBaaS 〜APIキーとかの話〜
AWS as MBaaS 〜APIキーとかの話〜
Yuki Hirai
20061125
20061125
小野 修司
Pro aspnetmvc3framework chap19
Pro aspnetmvc3framework chap19
Hideki Hashizume
WEB開発を加速させる。アジャイル開発に最適なデータ構造とORマッパの形
WEB開発を加速させる。アジャイル開発に最適なデータ構造とORマッパの形
Yusaku Watanabe
2021/08/30にAWS Loft Eventにてお話しした資料です
Security hub workshop
Security hub workshop
Ryuhei Shibata
セキュリティにおいて事故前提社会というのはかなり定着してきました。どの会社でも起こりえる「もしも」のインシデント。その際にいち早く異常を検知し、対応を行うことでセキュリティを守ることができます。このセッションでは、Azure のセキュリティ監視手法ついて徹底解説します。 受講対象: データセンターの運用管理に関わる方。特に Azure をご利用されており、運用監視にご興味をお持ちの方はぜひご参加ください。 製品/テクノロジ: セキュリティ/運用/事業継続/Microsoft Azure 山本 美穂 日本マイクロソフト株式会社 デベロッパー エバンジェリズム統括本部 テクニカル エバンジェリスト
[SC13] ログ管理で向上させるセキュリティ
[SC13] ログ管理で向上させるセキュリティ
de:code 2017
「速い」「自由」「習得しやすい」と話題沸騰中のPHPフレームワークCodeIgniterについて,「PHPで何かつくったことがある」レベルの方を対象に解説します。 http://blog.akagi.jp/archives/1776.html
CodeIgniter入門
CodeIgniter入門
Sho A
第15回OWASP Sendaiミーティング
Pythonを使った簡易診断スクリプトの作り方
Pythonを使った簡易診断スクリプトの作り方
Yuichi Hattori
Weitere ähnliche Inhalte
Ähnlich wie Webアプリ開発実践tips共有会
Spring Securityを用いたログイン認証。
Spring bootでweb セキュリティ(ログイン認証)編
Spring bootでweb セキュリティ(ログイン認証)編
なべ
2007/10/10のコア開発者向けセミナー資料です
Apexコアデベロッパーセミナー(Apexコード)071010
Apexコアデベロッパーセミナー(Apexコード)071010
stomita
20050917
20050917
小野 修司
http://pronama.azurewebsites.net/2015/04/11/asp-net-beginner-seminar-slide/
はじめての ASP.NET MVC
はじめての ASP.NET MVC
jz5 MATSUE
2016年 Spring勉強会その3
Jsug 20160422 slides
Jsug 20160422 slides
Yuichi Hasegawa
MailFluteでメール送信を楽しもう!
MailFluteでメール送信を楽しもう!
MailFluteでメール送信を楽しもう!
p1us2er0
Rablockアプリケーション開発ガイド
Rablock applicatin dev_guide_v1.2
Rablock applicatin dev_guide_v1.2
Yoshi Nagase
20111203
20111203
小野 修司
Community Open Day 2012 北海道会場 セッション2
jQuery Validation x ASP.NET MVC で遭遇した不具合 & 対抗ハック
jQuery Validation x ASP.NET MVC で遭遇した不具合 & 対抗ハック
Jun-ichi Sakamoto
[AWSマイスターシリーズ] AWS SDK for Java / .NET
[AWSマイスターシリーズ] AWS SDK for Java / .NET
Amazon Web Services Japan
Developers Summit 2011での発表資料 小野和俊 氏 / 松本幹 氏 / 中村研二 氏 / 宮崎貴司 氏 / 渡辺俊史 氏 / 内藤浩史 氏 MIJS製品技術強化委員会では2010年度の活動として、エンタープライズアプリケーションをクラウド上で動作させるための各種調査や実証実験を行っています。このセッションでは、ロック、トランザクション、読み取り一貫性など、エンタープライズシステムに求められる各種要件を含む「英会話教師予約システム」をWindows Azure、Google App Engine、Force.com、AWSそれぞれを用いて構築した実証実験に関する報告を行います。
【17-C-2】 クラウド上でのエンタープライズアプリケーション開発
【17-C-2】 クラウド上でのエンタープライズアプリケーション開発
lalha
20120528 aws meister-reloaded-awssd-kforjava-public
20120528 aws meister-reloaded-awssd-kforjava-public
Amazon Web Services Japan
AWS as MBaaS 〜APIキーとかの話〜
AWS as MBaaS 〜APIキーとかの話〜
Yuki Hirai
20061125
20061125
小野 修司
Pro aspnetmvc3framework chap19
Pro aspnetmvc3framework chap19
Hideki Hashizume
WEB開発を加速させる。アジャイル開発に最適なデータ構造とORマッパの形
WEB開発を加速させる。アジャイル開発に最適なデータ構造とORマッパの形
Yusaku Watanabe
2021/08/30にAWS Loft Eventにてお話しした資料です
Security hub workshop
Security hub workshop
Ryuhei Shibata
セキュリティにおいて事故前提社会というのはかなり定着してきました。どの会社でも起こりえる「もしも」のインシデント。その際にいち早く異常を検知し、対応を行うことでセキュリティを守ることができます。このセッションでは、Azure のセキュリティ監視手法ついて徹底解説します。 受講対象: データセンターの運用管理に関わる方。特に Azure をご利用されており、運用監視にご興味をお持ちの方はぜひご参加ください。 製品/テクノロジ: セキュリティ/運用/事業継続/Microsoft Azure 山本 美穂 日本マイクロソフト株式会社 デベロッパー エバンジェリズム統括本部 テクニカル エバンジェリスト
[SC13] ログ管理で向上させるセキュリティ
[SC13] ログ管理で向上させるセキュリティ
de:code 2017
「速い」「自由」「習得しやすい」と話題沸騰中のPHPフレームワークCodeIgniterについて,「PHPで何かつくったことがある」レベルの方を対象に解説します。 http://blog.akagi.jp/archives/1776.html
CodeIgniter入門
CodeIgniter入門
Sho A
第15回OWASP Sendaiミーティング
Pythonを使った簡易診断スクリプトの作り方
Pythonを使った簡易診断スクリプトの作り方
Yuichi Hattori
Ähnlich wie Webアプリ開発実践tips共有会
(20)
Spring bootでweb セキュリティ(ログイン認証)編
Spring bootでweb セキュリティ(ログイン認証)編
Apexコアデベロッパーセミナー(Apexコード)071010
Apexコアデベロッパーセミナー(Apexコード)071010
20050917
20050917
はじめての ASP.NET MVC
はじめての ASP.NET MVC
Jsug 20160422 slides
Jsug 20160422 slides
MailFluteでメール送信を楽しもう!
MailFluteでメール送信を楽しもう!
Rablock applicatin dev_guide_v1.2
Rablock applicatin dev_guide_v1.2
20111203
20111203
jQuery Validation x ASP.NET MVC で遭遇した不具合 & 対抗ハック
jQuery Validation x ASP.NET MVC で遭遇した不具合 & 対抗ハック
[AWSマイスターシリーズ] AWS SDK for Java / .NET
[AWSマイスターシリーズ] AWS SDK for Java / .NET
【17-C-2】 クラウド上でのエンタープライズアプリケーション開発
【17-C-2】 クラウド上でのエンタープライズアプリケーション開発
20120528 aws meister-reloaded-awssd-kforjava-public
20120528 aws meister-reloaded-awssd-kforjava-public
AWS as MBaaS 〜APIキーとかの話〜
AWS as MBaaS 〜APIキーとかの話〜
20061125
20061125
Pro aspnetmvc3framework chap19
Pro aspnetmvc3framework chap19
WEB開発を加速させる。アジャイル開発に最適なデータ構造とORマッパの形
WEB開発を加速させる。アジャイル開発に最適なデータ構造とORマッパの形
Security hub workshop
Security hub workshop
[SC13] ログ管理で向上させるセキュリティ
[SC13] ログ管理で向上させるセキュリティ
CodeIgniter入門
CodeIgniter入門
Pythonを使った簡易診断スクリプトの作り方
Pythonを使った簡易診断スクリプトの作り方
Webアプリ開発実践tips共有会
1.
WEBアプリ開発 実践Tips共有会
2.
Spring Securityを使った一般的なログイン機構の実装 方法 今回のサンプルでは、Ajaxによってログイン処理を行い、認証 方法はデータベースに保存されているユーザーIDとパスワード との突合によるものとします。
3.
Spring Securityを使った一般的なログイン機構の実装 方法 ポイント •@EnableWebSecurity •フォーム認証を有効化 •デフォルトのログインフォームを抑制 •ログインの成功/失敗でJSONを返す •DB or
APIのユーザー情報で認証 •ユーザーの権限に応じた表示切り分け
4.
Springでメールを送る方法 ポイント •spring-boot-starter-mail(JavaMailSenderと MimeMessageHelper)を利用してシンプルかつ日本語対応 •テンプレートエンジン(Thymeleaf)はBean定義の順序と Bean定義名に気をつける •開発環境のメール送信は、docker環境でmailcatcherを使う
5.
自動テストでデータベースにメモリDBを使う手順 データベース接続を伴うテストコードの実行時にメモリDB( H2Database)を使うと、早くて安上がりですね。 H2DatabaseはMySQLモードやPostgreSQLモードなどを搭載して いるので、テストコードで利用するのに最適。
6.
自動テストでデータベースにメモリDBを使う手順 ポイント •テスト用の設定を作成(application-test.propertiesとか) •テスト用の抽象クラスを用意して、プロファイルを固定 •テスト用のタイムゾーン設定を忘れずに。 •おまけ:MySQLもdocker使うと簡単
7.
リソースファイルのキャッシュとバージョニングをい い感じにする手順 検索エンジンが重要なファクターになるプロダクトだと GoogleのPageSpeed Insightsとかで高得点を目指したい。 ポイント •WebMvcConfigurerの実装を提供 •静的リソースをハンドリングする際に、キャッシュとバージ ョニングの設定を追加 •Viewエンジンで静的リソースパスをバージョン付きパスにす るためのフィルタを設定
8.
コントローラーでのバリデーションエラーをハンドリ ングする方法 ポイント •フォーム送信の場合は、Controllerにformの@ModelAttribute なメソッドを1つ(他に@ModelAttributeは付けない) •formの変数名はクラス名に合わせるのが安定(Controller上も Thymeleaf上も) •API実装の場合は2パターンのいずれか •フォーム送信と同様、メソッド内に閉じた処理 •@RestControllerAdviceでResponseEntityExceptionHandler を継承して、グローバルに共通にハンドリングする
9.
materialize-cssをwebpack環境で使う方法 ポイント •expose-loaderでjQueryを解決してあげる(実行時エラー) •MaterializeCssのフォントパス設定とWebpackのローダー設定 を組み合わせてフォントを解決してあげる(コンパイルエラ ー) •scssファイルを作って、materialize.scssをimportする •xxx-cliで生成されたWebpack設定ファイルを理解せずに使い 続けると後で苦しむ
10.
Vue.jsでChart.js使ってグラフを描画する手順 ポイント - Vue.jsのコンポーネント •単一コンポーネントファイル(*.vue)で書いてvue-loaderを噛 ませる •但し、scriptファイルは別ファイルにしてインポートしたほ うがIDEフレンドリー •babel-loaderを噛ませれば、vue-loaderが勝手にES6を解釈し てくれる
11.
Vue.jsでChart.js使ってグラフを描画する手順 ポイント - Vue.jsのコンポーネント(続き) •クラススタイルで書く •vue-class-componentを使う •vue-loaderが勝手にやってるbabel-loaderの利用部分をカス タムする必要がある
12.
Vue.jsでChart.js使ってグラフを描画する手順 ポイント - Chart.jsを使う •描画はvueのライフサイクルを意識(mounted以降でやる) •描画対象の特定は、id指定ではなく、$refs経由でcanvasのコ ンテキストを取得&指定する •データ更新は、vueのwatchにてchat.jsのupdate()をコールす る
13.
セッション情報をRedisにJSON形式で格納する手順 ポイント •@EnableRedisHttpSessionでSpring Session +
Redisを有効化( Redis保存期間を指定) •設定ファイルでsessionのストア先を設定 •Redis:springSessionDefaultRedisSerializer •Cookie:CookieSerializer •確認はMedisが便利
Jetzt herunterladen