[待望のアップデート] VSCodeの内蔵ターミナルがエディタと同様に扱えるようになりました！ | DevelopersIO
TL;DR まずはこいつをみてくれ。 左右に分割されたエディタウインドウに、テキストエディタとターミナルが並んでいるのがお分かりになられるでしょうか！！ なにそれ？ これは、先日リリースされた Version 1.58 (June 2021) に含まれる以下のアップデートによるものです。 Terminals in the editor area Terminals can now be created in or moved to the editor area, enabling a multi-dimensional grid layout that persists and remains visible regardless of panel state. Terminals in the editor area - Integrated Terminal - Visual Stu
![[待望のアップデート] VSCodeの内蔵ターミナルがエディタと同様に扱えるようになりました！ | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/611914e4c074abe947efa5c820fc1646e6c60a0a/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2020%2F06%2Fvscode-2020-eyecatch-1200x630-1.png)
「コンテナもサーバーレスも、AWSの各レイヤーの最新セキュリティ」というタイトルで登壇しました | DevelopersIO
こんにちは、臼田です。 みなさん、すべてのレイヤーでAWSのセキュリティ対策出来ていますか？(挨拶 今回は先日登壇したAWS コンサルティングパートナーがお伝えする最先端のクラウドセキュリティ対策 – S3のファイルは安全ですか？AWSの設定は安全ですか？ –の内容について解説します。 資料 解説 コンセプト AWSにおけるセキュリティ対策も、一般的なセキュリティ対策と同じように様々なレイヤーで実施していく必要があります。 最近トレンドマイクロさんのAWS上で利用できる製品群がたくさんリリースされ、昔からよく使われているDeep Security + EC2以外にも様々なレイヤーで活用できるようになりました。 このセミナーでは特に私がめっちゃ押したいS3のファイルをマルウェアスキャンするFile Storage Security(FSS)とAWS環境のセキュリティチェックをするConfor
リアルタイムにコンポーネントをプレビューできるReact Preview (beta) を試してみた | DevelopersIO
吉川@広島です。 Are you a React dev? Do you use Visual Studio Code? I just released the beta of React Preview for VS Code ?https://t.co/HnFpTpO9op pic.twitter.com/qU4sxTo30g — François Wouts (@fwouts) June 25, 2021 「お前らReactとVSCode使ってる？ React Preview for VS Codeのベータ版を出したぜ」 こちらのツイートが目に入り、「え、これすごくない？」ということで試してみました。 本記事ではReactアプリケーションの初期構築手順は割愛します。 環境 react 17.0.2 typescript 4.3.2 styled-components 5.3.0 VS
CloudFormationのCLI実行ツール Rain がイケてそうなので紹介したい | DevelopersIO
AWS事業本部の梶原＠福岡オフィスです。 とりあえず、公式動画をみるといいと思う AWS CLI でCloudFormationをやってる人は大きな声では言いづらい辛みを感じたことがあると思います。 はっきりいうと初回スタックのdeployに失敗すると残るから一度消さないといけないです。 パラメータの指定や変更がめんどくさいです 進捗がわかんないです。（そのためにコンソール画面もあげて見てたりします） そもそもCloudFormationのテンプレートって、よく誤字らないです？- の位置わかります？私はタイポが多い方なのでいらっとします 上記のちょっとイラっとした（？）部分を Rain が解消してくれそうな雰囲気を感じたんで ぜひ、みんなに使ってもらって、フィードバック、プルリクをおくって、もっとイケてるツールにしてほしいと思います（なにとぞ、お頼み申し上げます バージョンとしては1.1.
Auth0でWebAuthnを有効にした後MFAのセキュリティキーを使ってログインしてみる ~ Public Beta ~ | DevelopersIO
Auth0のMFA設定でWebAuthnを選択できる機能がベータ版で追加されていたので試してみます。 ※ WebAuthnの仕様: https://www.w3.org/TR/webauthn/ ベータ版で提供されているのは、 セキュリティキー(Yubikeyなど)を接続して認証するローミングオーセンティケーターです。こちらは複数のデバイスで使用可能です。 MacBookのTouchBar、Windows Hello、iOS Touch/FaceId、Androidの指紋/顔認識の実装などのデバイスに接続されているプラットフォームオーセンティケーターは未サポートですが、将来的に対応するとのことです。 この機能は、クラシックユニバーサルログイン・カスタムMFAページを使用している場合はサポートされないので注意が必要です。 やってみる Auth0での設定 ダッシュボードにログインし、Multi
React界隈で話題になっている「React Server Components」についてまとめました！ | DevelopersIO
React界隈で話題になっている「React Server Components」についてまとめました！ どうもReact大好きCX事業部の片岡です！ 今回はReact界隈で話題になっている「React Server Components」についての内容を意訳してみました。 元ネタ 話題になっているこちらの記事が元ネタです。 https://reactjs.org/blog/2020/12/21/data-fetching-with-react-server-components.html 概要 Fetch APIでデータをやり取りすると、バケツリレーが発生します。例えば、Spotifyのアーティストページにはアーティストの情報と人気の曲とアルバム一覧が並びます。この時、人気の曲とアルバム一覧を取得するには、アーティスト情報を取ってこないといけません。そうすると、アーティスト情報を取得して
待望の新サービス AWS CloudShell がリリースされました！ #reinvent | DevelopersIO
新サービス AWS CloudShell のご紹介と共に、少し触ってランタイム等のバージョンを確認してみました。 これまで、AWS CLI を実行するためには必ず事前のセットアップ作業が必要でしたが、これからはセットアップ作業をせずとも Web ブラウザを利用してマネジメントコンソールから AWS CLI を実行することができるようになりました！ AWS News Blog はこちら AWS News Blog の内容をまとめると以下です。 シェル環境は、Amazon Linux 2 環境 リージョンの毎に最大 1GB のファイルをホームディレクトリに保存できる SSO を介せば、AWSマネジメントコンソールにログインできる任意のIAMプリンシパルとしてシェルにアクセス可能 CloudShellにアクセスするには、AWSCloudShellFullAccessポリシーが有効になっている必要
EC2インスタンスにSSH接続したい？それAWS CloudShellもできるよ！ #reinvent | DevelopersIO
こんにちは。サービスグループの武田です。 待望のブラウザ上でCLIを実行できる新サービス、AWS CloudShellが登場しましたね！ CloudShellからEC2インスタンスに接続したくなることもあるだろう、ということで簡単に接続確認をしてみました。 Attention ブラウザ経由でのEC2インスタンスへのシェルアクセスはSession ManagerやEC2 Instance Connectがすでにあります。可能であればそちらを利用した方がよいでしょう。 やってみた まずは接続先となるEC2インスタンスを立ち上げます。今回はt3.microのデフォルト設定のインスタンスを起動します。なおセキュリティグループはインバウンドルールが空のものを新規に作成しています。 またその際に、使い捨てのキーペアも作成しておきました。 次にCloudShellを立ち上げます。マネジメントコンソールの
【速報】サーバーレスとコンテナのデプロイを管理するAWS Protonがリリースされました！[プレビュー] #reinvent | DevelopersIO
こんにちは、クラスメソッドの岡です。 今年もre:InventのKeynoteが始まり弊社も非公式副音声の配信をしつつ盛り上がっております！ この記事ではKeynoteでパブリックプレビューとして発表されたAWS Protonについて解説していきます。 AWS Protonって？ サーバーレスおよびコンテナベースのアプリケーションのインフラとサービスの管理・デプロイ・監視ができるフルマネージドサービスです。 テンプレートを作成することでAWS上にあるマイクロサービスを一元管理することができるようになります。 現在はパブリックプレビューです。 AWS Protonの概念 CloudFormationとはどう違う？ Protonの機能を見たところ、テンプレートを作成してスタックを作成する、という点ではCloudFormationと同じような印象を抱きました。 （実際CloudFormation
![【速報】サーバーレスとコンテナのデプロイを管理するAWS Protonがリリースされました！[プレビュー] #reinvent | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/4695cc0d4342dfb99ffd44d0018eb343838626ad/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2020%2F12%2Faws_proton_in_keynote.jpg)
microCMS + Gatsby + GitHub Actions + S3 でJamStackのチュートリアル | DevelopersIO
What is Jamstack? ここ数年でよく聞くようになったワード。 Jamstackとはウェブサイトを構築および運用するための、技術の組み合わせです。 JavaScript・API・事前にレンダリングされたMarkupの組み合わせでJamStackとのこと。 (以前はJAMStackといってたけど、最近はJamstackだったりする) Jamstackは、 「ウェブをより速く・より安全に・より簡単に拡張できるように設計されたアーキテクチャ」であり、 生産性を最大化するツールやフレームワーク、ライブラリやワークフローなどを 組み合わせて構築されるもの、とのことです。 ※jamstack.orgより 従来のCMSではアクセスがあったとき動的にページを生成しますが、 Jamstackではデプロイ以前に必要なページを生成します。 具体的には、下記。 Webサイトのフロントエンド全体(HTM
Amazon Linux 2 のインスタンスを作成する時に必ずやっておきたい事 | DevelopersIO
はじめに こんばんは、菅野です。 Amazon Linux 2 への移行は終わりましたか？ Amazon Linux 2 へ移行するには新しいインスタンスを作成する必要がありますが、その時におすすめしたい設定があります。 ※2020-07-08に「注意点 その2」を追記しました。 おすすめの設定 セッションマネージャーを利用できるようにすること メモリ使用率とディスク使用率を CloudWatch で見れるようにすること これらを設定しておくと、今後の運用が楽になります。 セッションマネージャーを使うメリット メリットとしては、SSH 接続をしなくても EC2 のコマンドが実行できるようになりますので、セキュリティグループで SSH を解放する必要が無くなりセキュリティの向上につながります。 この画像はマネジメントコンソールから EC2 にログインした時のものですが、AWS Systems
TypeScriptの実行環境 Deno を動かしてみる | DevelopersIO
What is Deno？ DenoはV8 JavaScriptエンジンで動作するセキュアなTypeScript/JavaScript実行環境です。 Node.jsの作者であるRyan Dahl氏によって、Node.jsの設計で失敗した部分を見直して作成されました。 いままでのバージョンは0.xでしたが、5月に1.0が出るらしいです。 Why Deno? Denoは、2018年にRyan Dahl氏が行った講演「Node.jsに関する10の反省点」で初めて発表されました。 Ryan Dahl氏はこの講演で、Node.jsの初期設計段階での選択ミスについて言及しています。 promise APIを使用しないという選択をしたこと GYPビルドシステムを採用したこと モジュール設計についてのあれこれ V8はsecureなサンドボックス環境を提供してるのにNode.jsときたら など。 ＊ここがと
Create React Appで作成したReactアプリにReact Native for Webを導入する | DevelopersIO
Create React Appは、コマンド１つでReactアプリケーションの雛形を作成することができる、Facebook製の環境構築ツールです。新しくアプリを作成する際に使用されている方も多いのではないかと思います。 React Native for Webは、iOS/Androidアプリ作成向けのライブラリであるReact Nativeと同じ名称のコンポーネントを使ってWebアプリケーションの画面を作成することができるライブラリです。使用していてReactに比べてより効率的に画面の作成ができると感じています。 当記事ではCreate React Appを使用して作成したReactアプリにReact Native for Webを導入する方法についてご紹介します。 Create React Appを使ってアプリを作成する 以下のコマンドを実行します。今回はTypeScriptを導入したい
[Step Functions]動的並列処理（Map）を使って60分×24時間=1440ファイルのバッチ処理を楽々実装してみた | DevelopersIO
[Step Functions]動的並列処理（Map）を使って60分×24時間=1440ファイルのバッチ処理を楽々実装してみた こんにちは、平野です。 下記のブログで紹介されているように、 Step Functionsにて、配列の入力を個別のLambda等にバラまいて処理させるMapステートがサポートされました！！ [アップデート]Step Functionsで動的並列処理がサポートされました！ 担当していた案件で、S3上にある直近24時間分ファイル群（各ファイル名に秒までの時刻が入っている）を、 1分毎にまとめて別のバケットに移すような処理があり、 これはまさにMapステートに最適な素材でしたので、Mapステートを使ったリファクタリングをしてみました！ この記事では、ServerlessFrameworkのStep Functionsプラグインを用いています。 （対応早くて助かる！！）
![[Step Functions]動的並列処理（Map）を使って60分×24時間=1440ファイルのバッチ処理を楽々実装してみた | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/ab62f855f97936c12b60e511a8953225f7851a15/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2019%2F04%2Faws-step-functions.png)
TypeScript のサーバサイドフレームワーク – NestJS と Marble.js で書き比べ | DevelopersIO
TypeScript のサーバサイドフレームワーク – NestJS と Marble.js で書き比べ サーバサイドの言語として、python, Go など 多様な言語があります フロント側が Single Page Application の場合は TypeScriptで実装すると メリットが多いはずです 下記で登場した、TypeScriptのサーバサイドフレームワークと実装の違いを見ていきます TypeScript のメリット – Front と Server の架け橋 サーバサイドフレームワーク NestJS Angularのような書き心地でコードが書けます Decoratorでルーティングをします classベースの実装です https://nestjs.com Marble.js RxJSのような書き心地でコードが書けます chainで一致させルーティングをします functi
【5分で分かる】技術ブロガーのためのスクリーンキャプチャGIF動画の作り方 | DevelopersIO
技術ブログに動画を載せるには 技術ブログには、その文中に技術やサービスを操作している スクリーンショット があると分かりやすいですよね。さらにはそれが動画になっていると、動作の様子がより分かりやすくなるため大変効果的です。 しかし動画はファイルサイズが大きくなりがち。そこで GIF動画にする という方法は圧縮しやすいためとても良い方法です。 macOSの場合は FFmpeg を使うとコマンド一発で簡単にGIF動画に変換できます。ということで、技術ブロガーのためにスクリーンキャプチャGIF動画の作り方をまとめたいと思います。 まずはじめに、結論 忙しい人のための結論を先に書きます。macOSの場合、FFmpegを使って以下のコマンドを実行するとMOVファイルをGIFファイルに変換できます。 # インストールしていない場合はインストール $ brew install ffmpeg # 以下を実
UMLの爆速プレビュー環境をVisual Studio Code + PlantUML Server on Dockerで簡単に構築する | DevelopersIO
以上で設定完了です。 プレビューする それでは試してみましょう。新しいファイルを作成し、試しに以下のように記述し sample.pu として保存します。 @startuml "Visual Studio Code" -> "PlantUML Extension" : プレビュー命令 "PlantUML Extension" -> "PlantUMLServer (on Docker)" : レンダリングリクエスト "PlantUMLServer (on Docker)" -> "PlantUML Extension" : 画像データレスポンス "PlantUML Extension" -> "Visual Studio Code" : プレビュー画像をレンダリング∂ @enduml macOSの場合は Option + D を押すとプレビューが表示されます。 画像ファイルとして書き出す 画
外部へ RDP が出来ない環境から、EC2 に RDP したいときに使える AppStream 2.0 | DevelopersIO
スタック スタックは先に作成していたフリートを指定した程度で、その他はデフォルトで設定しています。ホームフォルダとして S3 が使えるので、ファイルの受け渡しなどに重宝します。 ユーザー作成 ユーザー作成すると登録したメールアドレスにログインページのリンクと、初期パスワードがメールで通知されます。作成したユーザーに、作成したばかりのスタックをアサインします。 いざアクセス 今回は別 VPC に EC2 を準備して、以下のように HTTP/HTTPS アウトバウンドのみを許可したセキュリティグループをアタッチしました。 ではこの EC2 から AppStream に接続します。ログインすると、イメージに含めた「リモートデスクトップ」「TeraTerm」が選択できるようになっています。リモートデスクトップをダブルクリックしてストリーミングを開始します。 フリートタイプがオンデマンドの場合、セッ
[AWS]踏み台をワンチャンなくせる！？VPC接続にClient VPNを使ってみよう | DevelopersIO
クライアントVPNを利用することで、VPCへクライアント端末から接続することができるようになります。EC2に限らずS3やDX経由でオンプレまで接続できます。 そして、クライアント証明書認証に加えて、AD連携によるユーザー認証も可能です。このユーザーは、どこのIPセグメントにアクセスできるかみたいな制御ができます。これは、ワンチャン踏み台なくせるのでは？と思ったので、クライアントVPNに全振りした場合のコスト感や懸念についても考察してみます。 また、実際に接続するところまでやってみました。 コンニチハ、千葉です。 はじめに VPCにはDirectConnect(閉域網)をはじめ、インターネットVPNでのセキュアな接続もサポートされています。 VPCで利用できるインターネットVPN接続方式は複数あります。 AWS Site-to-Site VPN AWS Client VPN AWS VPN
![[AWS]踏み台をワンチャンなくせる！？VPC接続にClient VPNを使ってみよう | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/adf823e01730ba8f0b3f7bc8c75686679d0f3c0a/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2018%2F11%2Feyecatch_amazon-vpc_1200x630.jpeg)
AWS LambdaのOSがAmazon Linux 2に変わっていたから中身を覗いてみた | DevelopersIO
ウィスキー、シガー、パイプをこよなく愛する大栗です。 本日AWS LambdaでNode.js v10が利用できるようになりました！！。Lambdaのドキュメントを見るとNode.js 10のOSがAmazon Linux 2になっていました！これはランタイムの中身の違いを確認せねばと思い、中身を覗いてみました。 Building Lambda Functions with Node.js Lambda Node.js 10のランタイム ドキュメントの英語版を見るとランタイムの説明として以下の記載があります。Node.js 10ではOSがAmazon Linux 2に変更されています！ Name Identifier Node.js Version AWS SDK for JavaScript Operating System 現在Lambdaのコードを変更できるNode.jsのランタイム
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
