Visual Studio Code（VSCode）は、**キーボードショートカット機能を持ち、ほとんどの操作をキーボード操作のみで行うことができます。**ショートカットの変更や、希望のショートカット設定を導入することも可能であり、キーマップのカスタマイズ性が高いことが特長として挙げられます。

*Visual Studio Codeは、マイクロソフト社が開発提供しているソースコードエディタです。*Windows・Linux・macOSで利用可能です。フリーのオープンソースソフトウェアであることや、キー操作のカスタマイズを柔軟に行えることから、クロスプラットフォーム利用が進んでいます。

【参考】：[Microsoft Visual Studio Code](https://azure.microsoft.com/ja-jp/products/visual-studio-code/)
【参考】：[Visual Studio Code](https://code.visualstudio.com/)

## Visual Studio Codeのキーバインディング

Visual Studio Codeでは、ほとんどの操作をキーボードで行うことができます。*デフォルトキーバインディングが設定されていますが、キーボードショートカットエディタで簡単に確認・変更することができます。*また、あらかじめ決められたキーボードショートカットをマーケットプレイスから取り込むこともできます。

Visual Studio Codeの利用には、モジュールのダウンロードとインストールが必要です。ショートカットの確認の際に、実行できるよう事前に準備しておきましょう。なお、*Web版もプレビュー提供されており、インストールせずにソフトウェアを開発することもできます。*

【参考】：[Download Visual Studio Code](https://code.visualstudio.com/download)
【参考】：[Visual Studio Code Webプレビュー](https://vscode.dev/)

### キーボードショートカットエディタの利用

キーボードショートカットエディタは、*Windowsの場合はアプリ左下の「管理アイコン」をクリックし「キーボード ショートカット」を選択します。*

macOSでは「コード」「環境設定」「キーボードショートカット」をクリックします。Windowsでは、Ctrl+K Ctrl+Sのキーボードショートカットで表示させることもできます。

　【図】：管理アイコンのメニュー表示

管理アイコンのメニューで「キーボード ショートカット」をクリックすると、以下のようにキーボードショートカットエディタが立ち上がります。

　【図】：キーボードショートカットエディタの起動

キーバインドの変更を行う場合は、検索キーで該当部分を表示しダブルクリックで編集します。また、エディタの上部右端の「・・・」アイコンをクリックすると「既定のキーバインドを表示」「拡張機能のキー バインドを表示する」「ユーザーのキーバインドを表示」のメニューが表示されます。

このメニューから表示内容を選択することもできます。

　【図】：キーボードショートカットエディタのサブメニュー

### キーボードショートカットの設定ファイル

*デフォルト設定のキーボードショートカットを変更した場合、変更した設定内容がJSONファイルとして格納されます。*JSONファイルはエディタで編集することが可能です。

格納ファイルは、”C:\Users\\ユーザー名\AppData\Roaming\Code\User\keybindings.json”です。

使い方は、上部右から3番目のアイコンにカーソルを合わせると、「キーボードショートカットを開く（JSON）」の吹き出しが表示されます。そのままクリックすると、 “keybindings.json”がエディタに表示されます。もう1度、今のアイコンをクリックすると、通常のキーボードショートカットエディタに戻ります。

　【図】：キーボードショートカットエディタからJSONファイルを表示・編集する 

すでにショートカットのカスタマイズがされている場合は、このJSONファイルに登録されています。デフォルトでは何も登録されていません。

### ショートカットが効かない場合

キーバインディングのコンフリクトや解釈の優先順位の問題で、ショートカットが効かないことや正常動作しないことがあります。その場合は、設定状況を確認して正しい設定に置き換える必要があります。

確認するには、**”Developer:Toggle Keyboard Shortcuts Troubleshooting” を実行しログファイルを調べることも可能です。**Windowsで実行するには、「表示」「コマンド パレット…」またはCtrl+Shift+Pで検索し、実行します。

【参考】：[Visual Studio Code Detecting keybinding conflicts](https://code.visualstudio.com/docs/getstarted/keybindings#_detecting-keybinding-conflicts)

### キーボードショートカットの切り替え

Visual Studio Codeでは、*キーマップ拡張が可能ですのでマーケットプレイスから希望するキーマップを取り込み、キーボードショートカットを変更することができます。*例えば、VimやSublime Text・Atomなどのキーマップに置き換えることができます。

【参考】：[Visual Studio Marketplace](https://marketplace.visualstudio.com/vscode)

具体的には、管理アイコンのメニューで「キーボード ショートカットを移行する...」をクリックすると、以下のようにマーケットプレイスからキーボードマップ変更のエミュレーションや設定のアプリが表示されます。

　【図】：マーケットプレイスのキーボート変更のアプリや設定

### キーボードショートカット一覧表

**キーボードショートカットは、Windows・macOS・Linuxそれぞれ公式サイトに一覧掲載されておりPDFファイルをダウンロードすることができます。**チートシートというわけでもありませんが、キーボード横に準備しておくと編集効率が上がりますので、大変おすすめです。

【参考】：[Visual Studio Code Keyboard Shortcuts Reference - Windows](https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf)
【参考】：[Visual Studio Code Keyboard Shortcuts Reference - macOS](https://code.visualstudio.com/shortcuts/keyboard-shortcuts-macos.pdf)
【参考】：[Visual Studio Code Keyboard Shortcuts Reference - Linux](https://code.visualstudio.com/shortcuts/keyboard-shortcuts-linux.pdf)

このリンクは事前準備せずとも、アプリの「ヘルプ」「キーボードショートカットの参照」からも表示させることができます。キーボードショートカットで、Ctrl+K Ctrl+Rを使っても表示可能です。

## デフォルトのキーバインディング

デフォルトのキーバインディングですが、*「Basic Editing」「Rich Languages Editing」「Navigation」「Editor/Window Management」「File Management」「Display」「Search」「Search Editor」「Preferences」「Debug」「Tasks」「Extensions」*など、カテゴリー別に多岐に渡ってあらかじめ設定されています。

【参考】：[Visual Studio Code Default Keyboard Shortcuts](https://code.visualstudio.com/docs/getstarted/keybindings#_default-keyboard-shortcuts)

使用しないものも多いと思いますが、事前に理解しておくのが良いでしょう。以降では、使用頻度が高いショートカットについて解説します。macOSについては、WindowsのCtrlキーをCmdキーに置き換えてご理解ください。

### 基本操作のキーバインディング

*基本操作で用いるキーバインディングは、以下の通りです。*WindowsとLinuxは同一です。macOSは、WindowsのCtrlキーをCmdキーに置き換えて動作する場合は記載を省略します。

・コマンドパレットを表示する：Ctrl+Shift+P、F1
・クイックオープン、ファイルへ移動：Ctrl+P
・新しいウィンドウ／インスタンスを作成する：Ctrl+Shift+N 
・ウィンドウ／インスタンスを閉じる：Ctrl+Shift+W 
　macOSでは、Cmd+Wとなります。
・キーボードショートカットエディタの表示：Ctrl+K Ctrl+S 

### 位置の移動とスクロール操作のキーバインディング

*位置の移動とスクロール操作のキーバインディングは、以下の通りです。*上記同様、WindowsとLinuxは同一で、macOSはWindowsのCtrlキーをCmdキーに置き換えて動作する場合は記載を省略します。

・行を上下に移動する：Alt+ ↑ ／ ↓ 
・一致する括弧にジャンプする：Ctrl+Shift+\ 
・行をインデント／アウトデントする：Ctrl+] ／ [ 
・行頭／行末に移動する：Home ／ End 
・ファイルの先頭に移動する：Ctrl+Home 
　macOSでは、Cmd+↑となります。
・ファイルの末尾に移動する：Ctrl+End 
　macOSでは、Cmd+↓となります。
・行を上下にスクロールする：Ctrl+↑ ／ ↓ 
　macOSでは、Ctrl+PgUp ／ PgDnとなります。
・ページを上下にスクロールする：Alt+PgUp ／ PgDown 
　macOSでは、Cmd+PgUp ／ PgDownとなります。

### コピー・削除操作のキーバインディング

*コピー・削除操作のキーバインディングは、以下の通りです。*Windowsを基準にしており、Linuxの差分とmacOSについても記載します。macOSは、WindowsのCtrlキーをCmdキーに置き換えて動作する場合は記載を省略します。

・ラインをカットする（選択範囲が空白の場合）：Ctrl+X 
・線をコピーする（選択範囲が空白の場合）：Ctrl+C 
・行を上下にコピーする：Shift+Alt + ↑ ／ ↓ 
　Linuxでは、キーバインドがマルチカーソルで使用されるため、該当ショートカットはありません。
・行を削除する：Ctrl+Shift+K 
・下の行を挿入する：Ctrl+Enter 
・上の行を挿入する：Ctrl+Shift+Enter 

### コメントとコメントアウト操作のキーバインディング

*コメントとコメントアウト操作のキーバインディングは、以下の通りです。*Windowsを基準にしており、Linuxの差分についても記載します。macOSは、WindowsのCtrlキーをCmdキーに置き換えて動作する場合は記載を省略します。

・行コメントを追加する：Ctrl+K Ctrl+C 
・行コメントを削除する：Ctrl+K Ctrl+U
・行コメントとコメントアウトのトグル切り替え：Ctrl+/ 
・ブロックコメントとコメントアウトのトグル切り替え：Shift+Alt+A 
　Linuxでは、Ctrl+Shift+Aとなります。

### 検索と置換のキーバインディング

*検索と置換のキーバインディングは、以下の通りです。*WindowsとLinuxは同一です。macOSは、WindowsのCtrlキーをCmdキーに置き換えて動作する場合は記載を省略します。

・検索：Ctrl+F 
・置換：Ctrl+H 
　macOSでは、Cmd+Alt+Fとなります。
・次を検索／前を検索：F3 ／ Shift+F3 
　macOSでは、Cmd+G ／Shift+Cmd+Gとなります。
・一致した検索結果の全出現箇所を選択する：Alt+Enter 
・選択を次の検索一致に追加する：Ctrl+D 
・最後の選択部分を次の検索マッチに移動する：Ctrl+K Ctrl+D 

## 慣れ親しんだキーバインディングで開発効率を高めましょう

Visual Studio Codeは、クロスプラットフォーム開発で用いられるソースコードエディタです。キーバインディングのカスタマイズ性が高く、人気の理由の1つになっています。職場と自宅、あるいは異なるプラットフォームで作業する場合には、開発環境の操作性を近づけるのが有効です。

**キーバインディングのカスタマイズ機能を有効活用し、ソフトウェア開発の効率向上を図りましょう。**

Visual Studio Code（VSCode）は、ほとんどの操作をキーボード操作のみで行うことができます。ここでは、開発作業を効率化する秘訣としてキーボードショートカットを取り上げます。エディタの操作から代表的なショートカットキーについて解説していきます。

Visual Studio Code（VSCode）は、キーボードショートカット機能に特長があります

多くの操作をキーボードのみで行なうことができ、カスタマイズ性が高いことが特長です

他のキーマップに差し替えることも可能で、高い開発生産性が期待できます

VSCodeのショートカット一覧！開発作業を効率化する秘訣を解説

　米Microsoft社は2022年5月24日（現地時間）に、開催中の「Microsoft Build 2022」で**「Microsoft Power Platform」の5つ目のサービスとして、「Microsoft Power Pages」のプレビューを公開しました。**

　Power Pages はローコード開発ソリューションであり、誰でも簡単にビジネスWeb サイトをすばやく作成できるという特徴を持っています。

Power Pages はローコード以外にも、デザイン関連の新機能、テンプレートやプロ開発者向けの機能などを使用し、あらゆるWeb サイトを安全に構築することができます。

*【参考】：[Announcing Microsoft Power Pages: Build secure, low-code websites｜Microsoft](https://powerpages.microsoft.com/ja-jp/blog/announcing-microsoft-power-pages-build-secure-low-code-websites/)*

### 「Microsoft Power Platform」とは？

「Microsoft Power Platform」はエンジニア以外の**ビジネス部門担当者が自ら業務アプリケーションを構築したり、ワークフローを運用したり、BIツールを用いてデータ分析をしたりするためのビジネス・プラットフォームです。**

Microsoft Power Platformはこの度公開した「Power Pages」を含む「Power Apps」、「Power Automate」、「Power BI」、「Power Virtual Agents」の5つのサービスにより構成されています。

▪Power Apps：実用的なビジネスアプリのローコード開発が行えるサービス

▪Power Automate：自動ワークフロー作成のサービス

▪Power BI：Excel感覚で気軽にビッグデータの解析が行えるBIサービス

▪Power Virtual Agents：項目や回答を決めるだけで、チャットボットを簡単に作成できるサービス

*【参考】：[Business Application Platform | Microsoft Power Platform](https://powerplatform.microsoft.com/ja-jp/)*

Power Pagesはこれまで「Power Apps Portals」として知られていましたが、「Power Platform」シリーズの一環で、独立製品として追加されました。

ユーザーはMicrosoft Dataverse（Power Platformで共通して使用できるデータベース・サービス ）をベースにして、ビジネスWebサイトをノーコード、ローコード、プロフェッショナルコードなどさまざまな方法で構築することができます。

**Power Pagesは利用者をビジネスユーザー、ITメンバー、システム開発者の3者としている点が特徴です。**

業務要件を理解したビジネスユーザー、サイト全体の管理を担うITメンバー、サイトの完成度を高めるシステム開発メンバーの3者が連携する、Microsoft提唱の「Fusion Teams」によるビジネスWebサイトの構築を強みとしています。

*【参考】：[Collaborate with fusion teams｜Microsoft](https://docs.microsoft.com/en-us/power-platform-release-plan/2021wave2/power-apps/collaborate-fusion-teams)*

急成長中のノーコード開発とは？今後プログラマーの仕事がなくなる？

Power PagesはPower Apps Portalsの後継サービス的な位置づけになっていますが、**Power Apps Portalsとは何が違うのか**について、まとめてみました。

2.ユーザーが、ビジネスユーザー、ITメンバー、開発者の3グループに分かれ、それぞれに利用するツールが異なります。

3.ローコードに主眼が置かれ、ビジネスユーザーによるWebサイト制作が可能としています。またそのための新たなテンプレート、ラーニングハブ（学習機能）、ページエディタなどの機能が提供されています。

ちなみに、現在Power Apps Portalを利用している方は、Power Pagesへの移行作業は不要で、Power Pagesを利用して既存のドキュメントの編集が可能になります。

*【参考】：[Power Pages trial FAQ｜Microsoft ](https://docs.microsoft.com/ja-jp/power-pages/getting-started/trial-faq)*

Power Pagesの概要が分かったところで、**Power Pagesの始め方について解説をしていきます。**ここではプレビュー版での解説となりますので、製品の正式リリース後には変更される可能性があります。

Power Pagesを始めるには、「Microsoftアカウント」（職場もしくは学校のアカウント）が必要です。**個人アカウントでの利用はできません。**

個人アカウントで利用する場合は、Microsoft365E3（企業向け）か Dynamics365セールスのトライアル開始で、職場もしくは学校のアカウントの取得が可能です。

Power Pagesのライセンスや価格について、公式発表はありません。また現状では30日間無料トライアルのライセンスのみ取得可能です。

*【参考】：[ローコードのセキュアなビジネス Web サイトを作成する｜Microsoft ](https://powerpages.microsoft.com/ja-jp/)*

*【参考】：[Microsoft 365｜Microsoft ](https://www.microsoft.com/ja-jp/microsoft-365/enterprise/compare-office-365-plans)*

*【参考】：[Dynamics 365｜Microsoft ](https://dynamics.microsoft.com/ja-jp/)*

### Power Pagesテストサイトの作成手順

Power Pagesはまだ正式にリリースされていませんが、使用感を体験することができます。実際にPower Pagesで**30日間の無料トライアルを利用して、Webサイト構築を試してみましょう。**

1.最初に以下のPower Pages※を開きます。続いてページ内の［無料で試す］をクリックします。

2.「無料で試す」をクリックして表示された「30日無料トライアル」のテキストフィールドにMicrosoftアカウントのメールアドレスを入力し、規約に同意してから「無料試用版を開始する」ボタンをクリックします。

3.「開始する」のクリック後に数問の簡単な質問がありますので、正直に答えましょう。その回答結果に従って、サイトテンプレートが選択できます。

4.テンプレートを選択したら、次のサイトの名前とWebアドレスを決めて入力し、「完了」ボタンをクリックすると新しいサイトの作成が開始されます。CMSが用意されており、言語知識がなくとも簡単なサイトの構築は行えます。

使い方はPower Pagesに用意された「ラーニングハブ」を利用して学びます。

*【参考】：[ローコードのセキュアなビジネス Web サイトを作成する｜Power Pages](https://powerpages.microsoft.com/ja-jp/)*

## ブラウザに強いエンジニアを目指す

ここまで、Microsoftから発表されたPower Pagesのプレビュー版の概要や開始手順などについて紹介しました。こうしたサービスが定着してくると、システムの内製化に拍車が掛かる可能性があります。ローコード開発がユーザーの中で定着すると、私たちエンジニアの役割が変わってくるかもしれません。ユーザーが開発したアプリに対し、エンジニアがカスタマイズによって完成度を上げるといった開発スタイルが一般化することも想定されます。

この機会に**MicrosoftのPower Pagesについて知見を高め、新しい開発環境への備えをしていきましょう。**

「Project Neo」は2025年問題を解決する？ローコード開発の革命

Windows11のコマンドプロンプトはどこにある？ない時の出し方

難しくなった？Windows11のデフォルトブラウザ変更方法を解説

Microsoftが「Power Platform」に新たに追加した「Microsoft Power Pages」とは何か？ビジネスサイトのローコード開発を可能とする「Microsoft Power Pages」の概要や特徴、ライセンスや始め方について解説をします。

米Microsoft社は新たにビジネスWebサイトのローコード開発「Power Pages」プレビューを公開した

Power Pagesの特徴は利用者をビジネスユーザー、ITメンバー、システム開発の3者を対象としている点にある

MicrosoftのPower Pagesについて知見を高め、新しい開発環境への備えをしていくことが求められる

Microsoft Power Pagesとは？Web簡単構築の新サービスを解説！

*2022年5月24日、Deno Deploy Beta 4がリリースされました。*このリリースでは、ダッシュボードの改善や課金機能の追加、3つの新しい地域の追加・分析の改善が行われています。発表内容から見てみると、2022年第3四半期の正式版リリースに向けて1歩近づいている印象があります。
【参考】：[Deno Deploy Beta 4](https://deno.com/blog/deploy-beta4)

Deno Deployとは、**JavaScript・TypeScript・WebAssemblyをエッジで実行する分散システムを指します。**Denoのコードを簡単にデプロイでき、世界34地域で利用可能です。サーバーサイドJavaScriptをホストするサーバーレス環境を目指しています。
【参考】：[Deno Deploy](https://deno.com/deploy)

Deno Deployは、ウェブ上でビルドすることができます。URLを指定するだけでコードをデプロイすることができ、リージョンを活用して世界中のユーザ向けの高速デプロイを実現します。

JavaScriptの用途やできることを初心者向けに紹介！

TypeScriptとは？JavaScriptとの違いも解説！

Denoとは、*V8 JavaScriptエンジン上に構築された実行環境を指し、JavaScriptやTypeScriptの実行を行います。*この考え方はNode.jsと同じで、Node.jsの作者であるライアン・ダール氏が考案したものです。Node.js考案後、その経験と反省を生かしDenoを開発しました。2022年6月時点の最新版は、1.23.3です。
【参考】：[Deno](https://deno.land/)
【参考】：[GitHub Deno](https://github.com/denoland/deno)

Node.jsとは？JavaScriptとの違いや使い所を解説

Deno Deployは、世界の34地域でデプロイすることができます。アメリカが9か所、ヨーロッパが10か所でアジアは9か所となります。**日本は東京と大阪にアクセス拠点があり、デプロイ速度を向上させることができます。**
【参考】：[Deno Deploy Regions](https://deno.com/deploy/docs/regions)

## Deno Deploy Beta版のアップデート内容

Deno Deployは、*2021年6月23日にリリースしたBeta 1から順次改良を進めています。*当初から25のリージョンで提供を進め、Deno CLIのワークフローを補完するために、提供開始しました。2021年9月1日にBeta 2、2021年10月28日にBeta 3をリリースしています。

【参考】：[Deno Deploy Beta 1](https://deno.com/blog/deploy-beta1)
【参考】：[Deno Deploy Beta 2](https://deno.com/blog/deploy-beta2)
【参考】：[Deno Deploy Beta 3](https://deno.com/blog/deploy-beta3)

当初は2021年第4四半期を正式リリースの目標としていましたが、現在は2022年第3四半期リリースを目指しています。以降では、最新リリースとなるDeno Deploy Beta 4のアップデート内容を解説していきます。
【参考】：[Deno Deploy Beta 4](https://deno.com/blog/deploy-beta4)



従来、Deno Deployはテクノロジープレビューとして無償提供されていました。今回のリリース以降は、正式リリースに向けて有料プランが設定されます。提供プランは「FREE プラン」と「PRO プラン」の2つです。

・*FREE プラン*
100kリクエスト／日、1リクエストあたりのCPU時間10ミリ秒、1ヶ月のデータ転送量100GiBまでが、プランに含まれます。GitHubインテグレーションが含まれており、PrivateとPublicの両方のリポジトリでPushデプロイが可能です。

・*PRO プラン*
月額10USドルから始められ、最大500万リクエスト／月、1リクエストあたり50ミリ秒のCPU時間、ワイルドカードサブドメイン、0.30ドル／GiBのデータ転送が含まれます。500万回を超えるリクエストは、2USドル／100万回の追加費用が発生します。

【参考】：[Deno Deploy Beta 4 Billing](https://deno.com/blog/deploy-beta4#billing)
【参考】：[Pricing Deno Deploy](https://deno.com/deploy/pricing)
【参考】：[Deno Deploy Pricing & Limits](https://deno.com/deploy/docs/pricing-and-limits)

*Deno Deploy Beta 4の提供に合わせて、3つの提供リージョンが追加されています。*具体的には、ミラノ・マドリード・パリを加えた、世界34地域でコードのデプロイ・実行が可能です。
【参考】：[Deno Deploy Beta 4 New Regions](https://deno.com/blog/deploy-beta4#new-regions)

従来のダッシュボードを大幅に改善し、アプリの管理が簡単になります。具体的には以下の表示機能が提供されます。
【参考】：[Deno Deploy Beta 4 New Dashboard](https://deno.com/blog/deploy-beta4#new-dashboard)

・*プロジェクトビュー表示*
プロジェクト単位で、リクエスト数・転送バイト数や、1リクエストあたりの平均使用CPU時間が表示できます。タイムインターバルを、24時間・7日間・30日間から選択し表示することもできます。

・*プロジェクト単位の解析*
プロジェクトログを改善し、ログレベルやリージョンのフィルタリングUIが追加されました。

・*プロジェクト設定*
Playgroundsに「Hello World」「JSX」「WASM」の3つのテンプレートが追加されました。ブラウザ上でコードの編集・デプロイ・実行がすぐに始められ、使い勝手が向上しています。

*正式リリースは、2022年第3四半期を予定し準備を進めています*。今後のリリースでは、キャッシングやCLIの相互運用性の向上、分析・ロギングの改善などが予定されています。
【参考】：[Deno Deploy Beta 4 What's Next?](https://deno.com/blog/deploy-beta4#whats-next)

Deno Deployを使ったデプロイメントでは、アプリケーション実行用コードと環境変数を配布していきます。*デプロイメントを作成するには、PlaygroundやGitHub 統合、deployctl コマンドなどの方法があります。*
【参考】：[Deno Deploy Docs: Deployments](https://deno.com/deploy/docs/deployments)

Deno Deployを使用しデプロイするには、サインアップが求められます。登録の際には、GitHubアカウントが必要です。
【参考】：[Deno Sign up](https://dash.deno.com/signin)

Deno Deployの使用コードですが、コードの見本となる「Hello World」を用いるのが良いでしょう。「Hello World」はどの言語でも登場しますので、理解を深めるのに最適です。
【参考】：[Deno Deploy Docs](https://deno.com/deploy/docs)
【参考】：[Deno Deploy Docs: Hello World](https://deno.com/deploy/docs/hello-world)
【参考】：[Deno Deploy Docs: Examples](https://deno.com/deploy/docs/examples)

ドキュメントサイトに掲載されている、サンプル集を見てみましょう。掲載例では、”https:\//deno.land/std@0.140.0/http/server.ts”に格納されている、serve関数を”import”し、serve関数に設定したfunction handlerを渡していることが分かります。7つのサンプルが掲載されていますが、定義方法は共通です。

このような*スクリプトコードをDeno社のグローバルネットワークを通じてデプロイし、利用可能な状態をキープします。*

### Playgroundを使ったデプロイ方法

**Deno DeployのPlaygroundは、コードをデプロイする最も簡単な方法です。**Playgroundツールを使って簡単に遊んだり、ちょっとしたプロジェクトを作成したりすることができます。コードの記述や実行、結果の出力をブラウザ上で確認することができます。
【参考】：[Deno Deploy Docs: Playgrounds](https://deno.com/deploy/docs/playgrounds)

コード作成はエディタが用意されており、新しいPlayground作成時に自動的に起動します。使用するには、ダッシュボードである”https:\//dash.deno.com”にアクセスし、サインインしてください。表示される「New Playground」ボタンから新しいPlaygroundのプロジェクトが作成できます。

コード編集後、「Save & Deploy」ボタンで保存しデプロイすることができます。また他の利用者と共有したり、GitHubリポジトリに公開したりすることもできます。
【参考】：[Deno Deploy Dashboard](https://dash.deno.com/new)

### GitHub 統合を使ったデプロイ方法

*GitHub 統合では、より複雑なプロジェクトのためのデプロイメントを作成することができます。*具体的には、プロジェクトをGitHubリポジトリにリンクし、リンク先のリポジトリに新しいコミットがプッシュされるたびに、自動的にリポジトリからアプリケーションコードを取得して新しいデプロイメントを作成することができます。

動作モードには「自動」と「GitHub Actions」があります。自動モードの場合は、プッシュするたびに自動的にリポジトリソースからコードとアセットを取得し、デプロイしますので推奨されています。

「GitHub Actions」では、GitHub ActionsのワークフローからDeno Deployにコードやアセット情報をプッシュすることができます。
【参考】：[Deno Deploy Docs: Deployment Git Integration](https://deno.com/deploy/docs/deployments#git-integration)
【参考】：[Deno Deploy Docs: Project Git Integration](https://deno.com/deploy/docs/projects#git-integration)
【参考】：[GitHub App Deno Deploy](https://github.com/apps/deno-deploy)

### deployctlコマンドを使ったデプロイ方法

deployctl は、*Deno Deploy にコードをデプロイするためのコマンドラインツールです。*deployctlを使うことで、GitHub自動連携以外にも、デプロイの詳細を制御することができます。
【参考】：[Deno Deploy Docs: Deployment deployctl](https://deno.com/deploy/docs/deployments#deployctl)
【参考】：[Deno Deploy Docs: deployctl](https://deno.com/deploy/docs/deployctl)

deployctlコマンドは、以下の方法でインストールできます。

```deno install --allow-read --allow-write --allow-env --allow-net --allow-run \
--no-check -r -f https://deno.land/x/deploy/deployctl.ts```

使用方法ですが、ローカルスクリプトをデプロイするには以下のコマンドを用います。

```deployctl deploy --project=helloworld main.ts```

リモートスクリプトをデプロイする場合は、以下のように実行します。

```deployctl deploy --project=helloworld --no-static https://deno.com/examples/hello.js```

その他使い方詳細については、”deployctl -h”でご確認ください。

### スクリプトをローカルで実行するには

作成コードをローカルで実行するには、Deno CLIを用いて”deno run”コマンドを用います。*Deno CLIは別途Deno自体のインストールが必要です。*Denoの詳細やインストール方法については、以下のドキュメントをご確認ください。
【参考】：[Deno Manual: Getting Started](https://deno.land/manual/getting_started)
【参考】：[Deno Manual: Installation](https://deno.land/manual/getting_started/installation)

## Blogで更新情報をチェックしましょう

Denoでは、更新情報はBlogに掲載されます。Deno DeployのほかDeno CLIなど関係するサービスリリースをチェックするのが良いでしょう。**Deno Deployの正式リリースに向けて、Deno Blogサイトで動向を確認し役立てましょう。**
【参考】：[Deno Blog](https://deno.com/blog)

2022年5月24日、Deno Deploy Beta 4がリリースされました。2022年第3四半期の正式版リリースに向けて準備が進められています。ここではDeno Deployの概要や本リリースの新機能、デプロイ機能の使い方など多岐に渡り解説していきます。

2022年5月24日リリースのDeno Deploy Beta 4は、正式リリースに向けた改善版です

ダッシュボードの改善や課金機能の追加、3つの新しい地域の追加・分析の改善が行われています

Denoのコードをデプロイする本サービスは、2022年第3四半期に正式リリースを予定しています

Deno Deploy Beta 4がリリース！新機能と将来計画は？

*Notionはクラウド型ドキュメント作成アプリです。*Notionを活用することで資料やホームページを作成できたり、資料を他人に共有したり、データを保管することができます。テレワークや顧客とのやり取り、プレゼン資料作成などに活用できるサービスです。

Notionはイメージ的にはドキュメント作成アプリのEvernoteに近いです。Notionはドキュメント作成アプリの中でも比較的新しく、最近になって利用者が増えています。

【参考】：[Notion (ノーション) – すべてのチームをひとつのワークスペースで](https://www.notion.so/ja-jp)

【参考】：[最高のメモアプリ - Evernote で大切なノートを整理](https://evernote.com/intl/jp)

**Notionには4つのプランがあり、利用料金は次のようになっています。**

個人で使う場合は無料プランでも特に問題はありません。無料プランでもドキュメントの作成や管理などの機能は基本的に使えるためです。パーソナルProに変更することで、ファイルのアップロード数やゲスト数が無制限になるため、業務で使う場合はパーソナルProがおすすめです。

パーソナルProなどのプランには無料トライアルが設けられており、1ヶ月間無料で各機能を試すことができるため、課金すべきか迷ったらひとまず無料で使ってみると良いでしょう。

【参考】：[Notion (ノーション) –料金プラン](https://www.notion.so/ja-jp/pricing)

EvernoteもNotionもドキュメントを管理・共有するのに便利なサービスです。*ただ、Evernoteには接続できる端末の数が無料プランの場合2つまでという制限があるのに対し、Notionには制限がありません。*また、Notionは動作が軽量でサクサク動くことも特徴です。

くわえて、Notionではデータベース機能を使うことができます。データベースとは、情報の管理が容易になるように整理整頓された情報の集まりのことです。データべース機能を使うことで、情報の検索や閲覧をすばやく行うことができるため、多くの情報を管理するならNotionの方が適しています。

一方で、Evernoteにも画像内検索ができたり、手書き入力機能があったりさまざまなメリットがあります。特に画像保存をメインに使う方はNotionよりもEvernoteの方が適している可能性があります。

データベースとは？今更聞けないその内容をITエンジニアとして改めて学ぶ

Notionの具体的なメリットについて解説します。他のドキュメント管理サービスに比べどのような点が優れているのかまとめました。本項目を読むことで、Notionがなぜ注目されているのか分かります。

*Notionは2021年10月に日本語化されたため、英語が苦手な方でも利用しやすくなっています。*管理画面も日本語化されているため、どこに何の機能があるのか分かりやすくなっています。日本語化されたことで、Notionの人気がさらに高まることが予想されるでしょう。

Notionを使うことで情報を一元管理できるメリットがあります。会社の重要な資料などがさまざまなツールに散らばっている場合Notionに集約させた方が管理しやすくなるでしょう。NotionはパーソナルProにアップグレードすることで、アップロード数が無制限になるため、ファイル量が多くても使いやすい点が便利です。

**また、Notionにはデータベース機能があり、情報の管理がしやすくなっています。**必要なときに必要な情報をすぐに取り出せるため、プレゼン中やテレワーク時のオンライン会議での資料共有時にも活用できます。

*Notionは他のドキュメント管理ツールに比べ動作が早いのがメリットです。*クラウドツールであるため、パソコンのスペック関係なしに動作が早いです。動作が早いと資料の作成・共有がスムーズに行え、余計なストレスを感じることがありません。

### 各端末からデータにアクセスできる

**Notionはパソコンからはもちろん、スマホやタブレットからでもアクセスすることが可能です。**そのためNotionに資料を保管すれば、出張先でもスマホから資料の確認ができます。Notionは端末ではなくクラウド上にデータを保管するため、どの端末からでもアクセスが可能になります。

また、アカウントも端末ごとに作り直す必要はありません。Googleアカウントのパスワードが分かればすぐにログインして利用することが可能です。

Notionは基本的には無料で使うことが可能です。有料プランもありますが、無料プランでも資料の作成や共有、データベースの活用は行うことができます。*無料である分他のツールよりも気軽に使えるツールと言えるでしょう。*

また、ある程度使い慣れたら有料プランにアップグレードするのも良いです。Personal Proプランに変更すれば、より多くのファイルを管理できるようになり業務効率が上がります。

**Notionにはおしゃれで使いやすいテンプレートが豊富に用意されています。**新しいページを作成する際、Templateメニューからテンプレートを選択することが可能です。テンプレートを使えばすぐにページの枠組みを用意することができ、資料作成の手間を省くことができます。

また、自作のテンプレートも追加することもできます。プロジェクトごとに別々のテンプレートを利用してどの資料か分かりやすくする、といった使い方ができるでしょう。

### 他のサービスとの同期も可能

Notionは他サービスとの同期も簡単に行えます。たとえば、EvernoteやTrello、Googleドキュメントなどのドキュメント管理ツールとも連携できるため、各サービスからデータを集約させることが可能です。*他のサービスと連携させNotionで情報を一元管理するのも良いでしょう。*

【参考】：[Trello | どこにいてもチームのプロジェクトを管理 | Trello](https://trello.com/ja)

【参考】：[Google ドキュメント](https://docs.google.com/)

続いて、Notionのデメリットについて解説します。場合によってはNotionよりも他のドキュメント管理サービスを使った方が相性が良いこともあります。

### 使いこなすのに時間がかかる

機能が豊富な点はメリットですが、同時にデメリットでもあります。なぜなら、機能が豊富だとどのボタンを押せば何ができるのか把握するのに時間がかかってしまうからです。細かい機能まですべてを覚えるためには、それなりの学習期間を有するでしょう。

社内でNotionを導入する場合も、ドキュメント管理ツールに慣れていない従業員がいる場合、使いこなせるようにアシストしなければいけない可能性があります。

*ただ、ページ作成などの基本的な機能を使うだけならそこまで難しくはありません。*最初は大変でも慣れてくればNotionの便利さに気づくことができるでしょう。

### まだネット上に情報が少ない

**Notionはまだ新しいサービスなうえに最近日本語化されたため、日本語の情報がまだネット上に少ないです。**そのため、使い方に関して調べようと思っても知りたい情報を得難い可能性があります。

日本は現状ではEvernoteの方が知名度が高く、Evernoteの方が操作方法について情報を得やすいです。特に個人でNotionを使う場合、操作方法に関して身近な人に質問ができないため、操作が難しいと感じた場合にはEvernoteを使った方が良いかもしれません。

## Notionの使い方やできることについて

サービス・ツールの記事（34ページ目）