チュートリアル

指示に従ってブラウザを操作するだけで、非エンジニアに必要なエンジニアリングの基礎を体験することができます

ブックマークレットと簡単なJavaScriptで業務を効率化する

「ブックマークレット」と呼ばれるWebブラウザの仕組みを使ってブラウザを操作してみます。ブラウザを操作するためには主にJavaScriptと呼ばれるプログラミング言語を使います。JavaScriptがよくわからなくても安心してください。このチュートリアルでは、コピペするだけでJavaScriptを動かすことができます。

Googleスプレッドシートに自分だけの独自関数を追加する

G Suiteのサービスを拡張するためのGoogle Apps Scriptを使って、Googleスプレッドシートに独自の関数を追加します。簡単なJavaScriptを記述するだけで、実際に業務で使う自分だけのスプレッドシート関数をつくることができます。

簡単なLINE Botを開発する中で、チャットボットについて深く理解する

Google Apps Scriptを使って、LINEアプリからメッセージのやりとりができる簡単なLINE Botを開発してみます。その体験を通じて、チャットBotの仕組みを理解し、人気が高まっているAIチャットボットについても考えます。

スクショ用にいま見ているWebページをChromeデベロッパーツールを使って一時的に書き換える

自分のブラウザの中の世界であれば、どんなWebサイトであっても自由に表示を書き換えることができます。Chromeを使っている場合を例に、デベロッパーツールを使ってスクショ用にWebサイトの表示を整えてみましょう。

マーケター必見、Googleタグマネージャーを深く理解する

Webマーケターの強い味方であるGoogleタグマネージャーを使うと、Webサイトと外部サービスを連携するためのタグを簡単に管理することができます。このチュートリアルでは、実際にタグの配信設定をしながらGTMの仕組みを理解していきましょう。

Zapierで色々なサービスを連携してNoCodeで業務を自動化しよう

Zapierを使って、複数のSaaSサービスを組み合わせて業務の自動化を実現してみます。たとえば、Gmailに来たメールをSlackに通知したり、Slackで特定のリアクションが付いたメッセージをGoogleスプレッドシートにログとして残したり、といった自動化を試してみましょう。

Jimdoを使って全世界に公開されたWebサイトをNoCodeで作る

JimdoというWebサイト作成サービスを使うと、簡単にWebサイトを作ることができます。インターネットができたばかりの頃は、自分のWebサイトを世界に公開するためにはサーバーの設定やHTMLの知識が必要でした。今では、シンプルなWebサイトであれば特別な知識がなくてもNoCodeで簡単に作成・公開することができます。こうしたサービスの強力な機能を体験しましょう。

Slackワークフロービルダーを使ってNoCodeで実現する業務フロー自動化

Slack上で完結する簡単な自動化であれば、Slackワークフロービルダーを使ってGUIで設定するだけで実現することができます。この一連のチュートリアルではSlackワークフロービルダーを使って簡単な業務効率化を体験してみましょう。

キレイなドキュメントをプレーンテキストでサクサク書けるMarkdownをesaで体験する

ドキュメント管理にMarkdownと呼ばれる記法を使うことで、見出し、箇条書き、リンク、画像、表などを簡単に表現することができます。Markdownに対応したドキュメント管理ツールのesaを使って、簡単にキレイなドキュメントを書けるMarkdownを体験しましょう。

簡単なHTMLとJavaScriptで自分だけのテキスト変換ツールをつくろう

ツールや用途に合わせてテキストをある決まったフォーマットに合わせないといけないとき、入力したテキストを自分が欲しいフォーマットに変換して返してくれるツールがあると便利なことがあります。この一連のチュートリアルでは、HTMLとJavaScriptを使って、業務で欲しいニッチなテキスト変換ツールを作ってみようと思います。

BigQueryで学ぶSQLデータ分析入門

Webのアクセスログなど数十万件を超えるような大量データを扱って自分が見たいデータを自由に集計するためには、SQLを書けると便利です。ここでは無料で使えるGoogle BigQueryというデータベースとサンプルデータを使って、SQLの学習をしてみましょう。