最近、ReactとMaterial-UIを利用した管理画面を作成する機会がありましたので、Reactアプリの作成からMaterial-UIの導入までの手順をまとめてみました。本記事は前提としてJavaScriptやTypeScriptの知識があるとより分かりやすいと思います。 成果物 次のような管理画面を作成します。 環境 項目 内容
React + Material-UIで管理画面を作成してみた | DevelopersIO
最近、ReactとMaterial-UIを利用した管理画面を作成する機会がありましたので、Reactアプリの作成からMaterial-UIの導入までの手順をまとめてみました。本記事は前提としてJavaScriptやTypeScriptの知識があるとより分かりやすいと思います。 成果物 次のような管理画面を作成します。 環境 項目 内容
Python研修の作り方 -Teaching Is Learning-
PyCon JP 2018 2018年9月18日(火) 大田区産業プラザ PiO https://pycon.jp/2018/
あらゆる企業に向けて設計されたソリューションで AI の力を引き出します | Google Cloud 公式ブログ
※この投稿は米国時間 2019 年 4 月 10 日に Google Cloud blog に投稿されたものの抄訳です。 多くの企業が事業の課題に AI や機械学習を適用する価値を認識していますが、すべての企業が必要なリソースを持っているわけではありません。ビジネスユーザーは彼らの組織で迅速かつ簡単に AI を活用する方法を求めています。 Google はできるだけ多くの企業が AI を活用できる環境を生み出したいと考えています。本日お知らせするいくつかの新しいソリューションでは、AI を活用してビジネスにおける一般的な課題を簡単に解決することができます。 新機能は以下のとおりです。 Document Understanding AI （ベータ提供）Contact Center AI （ベータ提供）Google Cloud for Retail:Vision Product Search
SMS認証の仕組みと危険性、「TOTP」とは？ 「所有物認証」のハナシ
SMS認証の仕組みと危険性、「TOTP」とは？ 「所有物認証」のハナシ：今さら聞けない「認証」のハナシ（1/3 ページ） ほとんどの人が日常的に行っている、ログイン、サインインなどの認証作業。認証で利用したパスワードが漏えいして第三者からの不正アクセスを受けたりするなど、認証をめぐるセキュリティの問題は後を絶ちません。こうした課題を解決するには、サービス提供者側だけで対策するだけでなく、サービスの利用者も正しい知識を持っておくことが必要でしょう。 本連載記事では、認証の仕組みや課題、周辺の情報について、できるだけ分かりやすくお伝えしていきます。 連載：今さら聞けない「認証」のハナシ 専門用語が飛び交いがちなセキュリティの知識・話題について、「認証」関連分野を中心にできるだけ分かりやすく紹介します。 執筆は、業務用の「トークンレス・ワンタイムパスワード」認証システム「PassLogic」や、
Elixir vs. Ruby and Phoenix vs. Rails: What to Choose and Why - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? For a couple years now, web developers have been actively discussing a new programming language called Elixir and its most popular Phoenix framework. Elixir vs. Ruby and Phoenix vs. Rails are among the favorite topics because Elixir has sparked the greatest interest in t
[小ネタ] CloudFormationの組み込み関数を使った文字列操作の備忘録 | DevelopersIO
はじめに こんにちは、モバイルアプリサービス部の田中孝明です。 元々はモバイルアプリエンジニアでしたが、最近ではサーバーレス開発部の案件に携わることも増え、 AWS SAM / AWS CloudFormationに触れる機会が増えました。 そんな中、「あれ、これどうやれば良かったんだろ」というような躓きがあったので、それらを備忘録として記しました。 今回は AWS CloudFormation の 組み込み関数 について書いていきたいと思います。 Conditions 特定の環境でのみ構築したい場合は AWS CloudFormationの条件 を使います。 以下は Env で与えられた環境名が development の時だけ、 DevelopmentStream を構築するテンプレートの例になります。 Parameters: Env: Type: String Condition
![[小ネタ] CloudFormationの組み込み関数を使った文字列操作の備忘録 | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/1c15d95489b297b085a7bfce7bd58f03d7eb8204/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2014%2F05%2FAWS_CloudFormation.png)
一発でGuardDutyを全リージョン有効化して通知設定するテンプレート作った | DevelopersIO
こんにちは、臼田です。 GuardDutyはAWS上の脅威を検知してくれるマネージドサービスで、本来ならいろんなログの収集や検知の仕組みづくり、分析とかやらなければいけないところをまるっとやってくれる控えめに言ってサイコーなサービスです。 GuardDutyを有効化することは非常に簡単なのですが、全リージョンやったり、おまけに通知の設定までやろうとすると少し面倒なのでCloudFormationのStackSetの機能を利用して全リージョンで有効化してメール通知の設定まで入れるテンプレートを作ったので共有します。 とりあえずテンプレート まず、1つのリージョンだけでいい人用に一発起動ボタンを置いておきます。 GuardDutyと通知設定テンプレート起動 テンプレートは公開していますのでこちらのファイルを取得していただくのが早いですが、一応コードも載せておきます。 AWSTemplateFo
Introducing Kubernetes Service Catalog and Google Cloud Platform Service Broker: find and connect services to your cloud-native apps | Google Cloud Blog
Introducing Kubernetes Service Catalog and Google Cloud Platform Service Broker: find and connect services to your cloud-native apps Kubernetes provides developers with an easy-to-use platform for building cloud-native applications, some of which need to use cloud-based services such as storage or messaging. In fact, there are whole catalogs of services that you may want to access from your cloud-
Introducing Stackdriver APM and Stackdriver Profiler | Google Cloud Blog
Distributed tracing, debugging, and profiling for your performance-sensitive applications Like all developers that care about their users, you’re probably obsessed with how your applications perform and how you can make them faster and more reliable. Monitoring and logging software like Stackdriver Monitoring and Logging provide a first line of defense, alerting you to potential infrastructure or
ヘッドレスChromeの自動化ツール「Chromeless」を使って自動テストを実施する #serverless #adventcalendar | DevelopersIO
ヘッドレスChromeでシンプルに自動テストを行う Google Chromeのバージョン59から標準搭載された、ヘッドレスモード（GUIがないモード）。コマンドラインからヘッドレスブラウザを立ち上げることができ、スクリーンショットの撮影を行ったりDOMを出力したりすることができます。自動化の可能性に満ち溢れた機能です。 ヘッドレスChromeの導入については、次の公式ドキュメントが詳しいです。 ヘッドレス Chrome ことはじめ | Web | Google Developers ドキュメントを読んでいただくと分かると思いますが、様々なことが可能なため指示の記述が少し冗長な面があります。 そこでヘッドレスChromeを用いた自動化処理をシンプルにすることに特化した便利ツール「Chromeless」を紹介します。 なお、今回実装したソースコードはGitHubで公開しています。わせ
「書き直した方が早い」は9割のケースで間違いだった - 怠惰を求めて勤勉に行き着く
はじめに、本エントリは特定の企業、チーム、個人を指して書いたものでは一切ない。100%僕の個人的な経験から来ている。 さて、職業プログラミングに従事していると一度は「これ書き直した方が早いっす」とか言ったことある気がする。自分の場合、多くは歴史のあるレガシーコードを読んだときだ。思い返せば、自分がこう思ったときはほとんどそれは間違いであった。 「なんだこのコード…」 「これ何書いてあるか分かんないっす」 「うーんこれもう書き直した方が早くないっすか？」 この流れは非常に危険だ。 なぜならプログラムというのは本質的に書いてある通りにしか動かないからだ。ちゃんと読めば絶対に何を書いてあるかは分かる。 ここで安易に選んだ書き直しという選択は、自分が慣れ親しんだやり方でその部分をそっくり置き換えるというだけで、それは他人にとってあたらしい「これ何書いてあるかあるか分かんない」を生む結果にしかならな
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GMOあおぞらネット銀、個人に開発環境を開放 - 日本経済新聞
@yusuke on Speaker Deck
進化したIBMのディベートAI、その高度な議論が「機械は機械にすぎない」ことを浮き彫りに
Amazon ElastiCache Deep Dive: インメモリデータストアのデザインパターン #reinvent ｜ DevelopersIO
マイクロサービスと設計原則 / Microservices and Design Principles - Speaker Deck
AstroCorp
Mint: Language Level Support for SPAs
[システム運用] Spring Boot + ElastiCache + DynamoDBで構成されたシステムのメンテナンス -解答・知見の共有編- | DevelopersIO![[システム運用] Spring Boot + ElastiCache + DynamoDBで構成されたシステムのメンテナンス -解答・知見の共有編- | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/f462eca999e0629c1eda58d64867dd4092abac90/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2013%2F09%2Fspring.png)
HTTP/2で 速くなるとき ならないとき