SlideShare uma empresa Scribd logo
1 de 134
非 エンジニアのための
これだけは押さえておきたい
WEBサービスの基礎技術
株式会社we-b 代表取締役 真子 就有
今日の最後にテストをします。
自己紹介&プロローグ
自己紹介
真子 就有

(まこ ゆきなり)


株式会社we-b 代表取締役

TECH::CAMP Founder
未経験から1ヶ月でサービスを作れるエンジニアになる

プログラミングキャンプ、TECH::CAMPを運営しています。
https://tech-camp.in/
これまで500名以上の

未経験者にプログラミングを教えてきました。
今は「エンジニアを育てる」

お仕事をさせて頂いておりますが、
過去は、1日16時間×週7でコードを

書き続ける数年間送っていました。
大企業の開発案件をこなしたこともあります。
プロデューサー、ディレクター、営業の方と

何度もやりとりする中で気づいたこと
エンジニアと非エンジニア
の間にある大きな壁
ディレクターAさん:

「仕様変更をお願いしたいけど、

どのくらい大変なのかわからないから頼みにくい…

的外れなことを言って怒らせてしまったらどうしよう」
エンジニアBさん:

「仕様変更頼まれたけど、技術的に難しいな…気持ち
分かってもらいたいけど、説明のしようがないから『無
理』と言うしかない。」
なぜ壁ができてしまうのか?
言語の壁と
まったく同じ
言語の壁 = 文化の壁 = 心の壁
①エンジニアが分かりやすく伝える

②非エンジニアが技術を学ぶ
壁をなくす方法:
エンジニア側も歩み寄りが必要です
しかし、IT業界にいる限り、

技術から離れることはできません
ネイティブ(エンジニア)になる必要はありませんが、

日常会話(基礎技術)くらいは分かるように

なることをおすすめします。
非エンジニアの皆様
さらにいうと、
今日をきっかけに自分でサービスを作れるよう

になってしまえば、良いなともおもっています。
さっそく勉強を始めていきましょう
今日の勉強会のゴール
WEBサービスに関連した基礎技術が

それぞれどのような役割を持っているか

イメージできるようになること
※本勉強会では、

「イメージをつかむ」ことが目的のため

 意図的に簡略化して説明している箇所があります。
目次
1. リクエストとレスポンス
2. サーバーとは何か
3. ウェブサイトの仕組み
4. サーバーサイドスクリプトとデータベース
目次
1. リクエストとレスポンス
2. サーバーとは何か
3. ウェブサイトの仕組み
4. サーバーサイドスクリプトとデータベース
ウェブサービスや、スマホアプリなど

インターネットを使ったサービスは、

サーバーと通信をしています。
※サーバーについては後程、詳しく解説します
PC、スマホからサーバーに情報を

要求することをリクエストと呼びます
http:://tech-camp.in

を見せて!
リクエストに応えて、サーバーからPC、スマホ側

に情報を返すことをレスポンスと呼びます。
OK!
サイトの情報渡すね!
ちなみに情報を要求する側は、クライアントサイド

情報を返す側をサーバーサイドと呼ばれます
「いろいろ要求するのはお客さん(クライアント)」

と覚えてしまいましょう。
クライアントサイド サーバーサイド
WEBサービスは、リクエストとレスポンスの

連続で成り立っています。
手紙のように往復でやりとりをするので

住所にあたるものが必要になります。
IPアドレス
IPアドレス:

54.248.81.201
住所:

渋谷区桜丘町29番24号
リクエストを送る際に必要なサーバーの住所
例えばfacebookのIPアドレスはこちらです
「31.13.82.1」

こんな数字を打ち込んだことはないですよね?
ちなみに「31.13.82.1」と打ち込んでも

ちゃんとアクセスできます。
http://facebook.com
よく知っているのはこっちだと思います。
ドメイン
数字の羅列であるIPアドレスに人間が分かりやすい

ようにつけられた紐付けられたIPアドレスの別名
31.13.82.1
わかりにくい!
facebook.com
わかりやすい!
この変換を名前解決と呼ぶ
リクエストを送る時、

http://facebook.comだけではIPアドレスがわからな
いので、名前解決を行なおうとします。
facebookのサーバー
http://facebook.comの

IPアドレスを知りたい!
IPアドレス:????
どうやって名前解決しているのか?
DNS(ドメインネームシステム)
インターネット上のドメイン名を管理するシステム。

複数のDNSサーバーによって成り立っている。
facebook.com?
54.248.81.201 DNSサーバー
普段は意識することはありませんが、

リクエストを送る前には、

まずドメインの名前解決をして

IPアドレスを取得しています。
ドメインを購入したことはあるでしょうか?
ドメインを買うと、サーバーのIPアドレスと

紐付ける設定を行ないます。
ドメイン IPアドレス
※サーバーを借りるとIPアドレスを教えてもらえます
復習:リクエストとレスポンス
•WEBサービスは、リクエストとレスポンスの

連続で成り立っている
•情報を要求する側は、クライアントサイド、情報を返
す側をサーバーサイドと呼ぶ
•IPアドレスはサーバーの住所をしめす数字の羅列
•ドメインは人間が分かりやすいようにつけられたIPア
ドレスの別名
目次
1. リクエストとレスポンス
2. サーバーとは何か
3. ウェブサイトの仕組み
4. サーバーサイドスクリプトとデータベース
先ほど、サーバーとはリクエストに対して

レスポンスを返すものだと学びました。
サーバーと聞くとなんだか凄いものだと

思ってる方は多いようです。
こんなごついイメージですか?
ざっくりいうと電源つけっぱで

ネットに繋がった画面のないパソコンです。
みなさんのお持ちのパソコンでも

設定をすればサーバーにできます。
必要な設定の1つがIPアドレスを固定する

ということです。
みなさんのお持ちのPCはIPアドレスが

コロコロ変わる住所不定の状況にあります。
✕
自分のPCがリクエストを

受けることはないので固定されたIPは必要ない
IPアドレスを固定するには、

プロバイダーと別途契約が必要です。
ところで、

みなさんのお持ちのパソコンの
OSはなんですか?
デスクトップOSの世界では

未だwindowsのシェアが圧倒的です。
Linux
2%
Mac
7%
Windows
92%
2015年2月デスクトップOSシェア/円グラフ - Net Applications報告
OSシェア:デスクトップ
ちなみにモバイルOSだとiOSとAndroidが二強です。

このあたりはご存知の方も多いと思います。
その他
11%
Android
36%
iOS
53%
OSシェア:モバイル/タブレット 全体 - NetMarketShare 2014年2月
OSシェア:モバイル/タブレット
サーバーも普通のPC・モバイル端末と

同じようにOSが入っています。
UnixというOSを聞いたことがあるでしょうか。

サーバー用OSのシェアではwindowsは少数派です。
その他
10%
Windows
32% Unix(Linux含む)
59%
参照URL: http://w3techs.com/technologies/details/os-unix/all/all
OSシェア:Webサーバー
Unix
ざっくり言うと、OSの元祖のようなもの

1969年にAT&Tのベル研究所で開発開始
http://ja.wikipedia.org/wiki/UNIX#/media/File:Unix_history-simple.svg
UNIX
さらにUnixの内訳をみると、

LinuxというOSが大半を占めています。
その他
10%
Windows
32% Unix(Linux含む)
59%
参照URL: http://w3techs.com/technologies/details/os-unix/all/all
Linux:60%

Unknown:40%
UNIXの内訳
Linux
UNIXをベースにしたOSの一種

サーバーOSとして世界的に大きなシェアを占めている

Linuxをベースとして様々なバージョンが存在している
■代表的なLinuxベースOS
例:CentOSのデスクトップ画面
WindowsとMac以外の画面を見る機会は少ないですが

LinuxOSもPCにインストールすれば普通に使えます。
少しややこしいですが、
サーバー用のOSはLinuxがよく使われていると
理解できれば大丈夫です。
なぜエンジニアは、Macを使っているのか?
「単純にかっこいい、つかいやすい。」

というのもありますが、
OSXがUNIXをベースとしたOSで、実際に動かすサー
バーの環境と近いというのも理由のひとつです
OSXはUnixがベースになっている

WindowsはUnixベースではありません
サーバーとOSについて学んだので

それに関連した話をします。
エンジニアが黒い画面を開いて

カタカタしてるのを見た事ありませんか?
表示されているのは得たいのしれない文字だけ
マウスやトラックパッドを使って直感的に

パソコンを操作できるのは今や当たり前です
昔のパソコンは文字を打つことしかできませんでした。
これはCUI(character-based user interface)と
呼ばれます。
クリックだけで誰もが使える

今のGUI(グラフィカルユーザーインターフェイス)を

普及させようと推し進めたのは、

故スティーブジョブズ氏だったりします。
エンジニアはいつも黒い文字だけの画面を

開いている理由は、開発はCUIを中心に行なうこ
とが多いからです。
すごい勢いでタイピングしてるように見せて、

実はただフォルダを移動してるだけだったりします。
復習:サーバーとは何か
• サーバーは特定のリクエストに対してレスポンスを
返す電源ネットつけっぱのコンピューター
• サーバーのOSはLinuxが使われていることが多い
• 直感的にマウス等で操作ができるGUIに対し、開発
はコマンド操作のみのCUIが中心である
目次
1. リクエストとレスポンス
2. サーバーとは何か
3. ウェブサイトの仕組み
4. サーバーサイドスクリプトとデータベース
みなさんは、

ブラウザを使って多くのウェブサイトを

見ていると思います。
ウェブサイトの画面は

どのような技術で表示されているのか

学んでいきましょう。
HTML
ウェブページを作成するために開発された言語。

文書の構造を明確にしたり文書の中に画像や動画を配
置できる。
HTMLファイル ブラウザの画面
世の中のあらゆるウェブサイトは

HTMLで書かれています。
こちらはTECH::CAMPのウェブサイトです

HTMLを表示するとこのようになります。

しかし、注意すべき点としては

HTMLはあくまでサイトの文章、画像の構造を

決めるためのものだということです。
いわゆるデザインに関する情報は

CSSという言語で指定していきます
CSS
ウェブページのスタイル(見た目)を指定するための言
語です。文章構造とデザインを切り分けることができ
ます。
CSSファイル
HTMLファイル
実行結果
見た目に関する情報はCSSで

まとめて管理することができます。

例えばウェブサイトの見出しの色だけ変えたい時、
HTMLが見た目の情報を持っていると、

全てを編集しないといけないので骨が折れます。
修正 修正 修正
CSSでまとめて管理していると

1つのファイルを編集するだけで済みます

修正
ウェブサイトをつくりたいとおもったら、サーバーに
HTMLとCSSファイルをアップロードしておきます。
アップロード
レスポンスでHTMLファイルとCSSファイルを

返すことでウェブページを表示することができます。
復習:ウェブサイトの仕組み
• HTMLはウェブページを制作するための言語で、文
章の構造を決めることができる。
• CSSは、ウェブページのスタイル(見た目)を指定す
ることができる
• レスポンスでHTMLとCSSを返すことでウェブペー
ジを表示することができる

目次
1. リクエストとレスポンス
2. サーバーとは何か
3. ウェブサイトの仕組み
4. サーバーサイドスクリプトとデータベース
次に、サーバーがリクエストを

受け取ったときの処理について考えていきます。
http:://tech-camp.in

を見せて!
最後はレスポンスを

返すことがゴールです
レスポンス
OK!
サイトの情報渡すね!
サーバー内部でどんなことが

行われているか見ていきましょう!
あらゆるプログラムは、先ほど解説した

LinuxOSの上で動作します
リクエスト
レスポンス
ここにただHTMLファイルを置くだけでも

ウェブサイトは作れます
リクエスト
レスポンス
そのかわり、いつ見ても

まったく同じページが表示されます。
ただのブログなら良いかもしれませんが

サービスをつくることはできません。
サービスをつくるには、

①データを保存する仕組み

②サービスの仕様を反映したロジック

が必要です。
サーバーサイドスクリプト

(ruby/java/PHP)
データベース
ロジックはサーバーサイドスクリプト、

データの保存はデータベースが担当します。
リクエスト
レスポンス
データベースから解説していきます
サーバーサイドスクリプト

(ruby/java/PHP)
データベース
リクエスト
レスポンス
facebookのようなウェブサービスには

多くの情報がのっています。
これらのデータを保存しておく場所が必要です。
データベース
データを保存するシステム。通常エクセルのような

表形式で保存され、1つの表をテーブルと呼ぶ。
id 名前 性別 年齢 住所
1 真子 男性 25 東京
2 木村 女性 21 神奈
3 鈴木 男性 22 栃木
4 小林 男性 23 群馬
ユーザーテーブル
id 本文 日時 投稿者id
1 おはよう 14/1/1 1
2 こんにちは 14/1/2 2
3 おやすみ 14/1/3 3
4 さよなら 14/1/4 4
投稿テーブル
データベースを操作するための言語も存在します
SQL(エスキューエル)
データベースを操作するための言語。

テーブルの読み出し、追加、更新などの操作ができる
id 名前 性別 年齢 住所
1 真子 男性 25 東京
2 木村 女性 21 神奈
3 鈴木 男性 22 栃木
SELECT * FROM USERS WHERE ID = 1;
例:ユーザーテーブルからIDが1のレコード(列)を取り出す
次にサーバーサイドスクリプトについて説明します
サーバーサイドスクリプト

(ruby/java/PHP)
データベース
リクエスト
レスポンス
データベースはただデータが

保存されているだけなので、

それだけでサービスをつくることはできません。
サービスの仕様にもとづいたロジックや

実際に返すHTMLの情報をプログラムしておく

必要があります。
サーバーサイドスクリプト
Ruby、Java、PHPを始めとするサーバー

での処理を担うプログラム。これらを用いてロジック

を書くことで動的なアプリケーションを作成できる
サーバーサイドスクリプトは、必要に応じて

SQLを用いてデータベースから情報を取得します
サーバーサイドスクリプト

(Ruby/Java/PHP)
データベース
SELECT * FROM USERS 

WHERE ID = 1;
サーバーサイドサイドスクリプトは、データベースから
取得したデータを利用して HTML/CSS を生成します。
サーバーサイドスクリプト

( Ruby / Java / PHP )
データベースから取得したデータ
Ruby、PHP、Javaなど複数のサーバーサイドス
クリプトの言語がありますが、書き方が違うだけ
で役割は変わりありません。
サーバーサイドスクリプト

(Ruby/Java/PHP)
データベース
最後は、サーバーからクライアントサイドに

HTML/CSSを返して終了です。
リクエスト
レスポンス
ブラウザが理解できるのは HTML/CSS だけです。

データベースやサーバーサイドスクリプトは、ブラ
ウザとは全く関係ありません。
復習:

サーバーサイドスクリプトと データベース
• データベースは、データの保存するシステムで

テーブルとよばれる表形式で保存される
• SQLはデータベースを操作するための言語
• サーバーサイドスクリプト(Ruby、Java、PHP等)は

ウェブサービスのロジックを担当する
• サーバーサイドスクリプトは、データベースから必要な

データを取得する

おまけ
ライブコーディングによる

Rubyプログラミング基礎講座
最後にTECH::CAMPについて

ご紹介させてください。
https://tech-camp.in/
TECH::CAMPとは?
未経験から最短1ヶ月でサービスを作れるエンジニア
を育てるプログラミング学習キャンプです。
未経験から急成長 短期集中キャンプ いつでも質問可能
TECH::CAMPで急成長できる理由
土日祝日含む12∼24時で
即疑問解消する
手厚い質問サポート
×
わかりやすさにこだわった
完全オリジナルの
オンライン学習システム
オリジナル学習システム TECH::MASTER
Ruby HTML・CSS Ruby on Rails
わかりやすさにこだわり抜き、既に900回以上の
アップデートを重ねています。用語集や練習問題も
充実、他に教材を用意する必要はありません
12時∼24時まで質問し放題の質問サポート体制
桜丘のキャンプでメンターが質問に即回答
します。オフィスは土日を含め12時∼2
4時まで開放
キャンプで直接質問 オンライン質問対応
自宅や職場で学習していても画面共有し
ながらメンターに質問する事ができま
す。オンラインは土日を含め12時∼2
4時まで受付。
学習コース①:WEBアプリケーションコース
124
Ruby on Rails を中心に、Webアプリケーションを
つくるために必要な技術力を身につけます。
Ruby & Ruby on Rails
Rubyは近年で最も伸びている
プログラミング言語の1つです。
世界的なフレームワークRuby
On Railsを使いWEBアプリケー
ション開発を学びます。
ソースコード管理Git
Gitはプログラマーにとって
必須のソースコード管理ツール
です。Gitを使いチーム開発を
どのように行っていくかも
学んで頂きます。
HTML5 & CSS3
SQL
Webブラウザの表示で必要な
マークアップ言語の基礎です。
モバイル、タブレッドあらゆる
デバイスでも美しくに描画できる
コーディング技術を身につけます。
SQLはデータベースを扱うため
の言語で、データベースを
絡めたアプリケーションを
構築するには必須の知識です。
学習コース②:iPhoneアプリコース
125
Swift・Xcodeを中心にiPhoneアプリをリリースする
ために必要な技術力を身につけます。
iPhoneアプリコースは5月30日よりスタート予定(初回は招待制)
実施予定と参加要項
■次回実施
5/30 ∼ 6/30 ※締め切り5月24日(日)18時
5/30(土)夕方にキックオフ会を予定
■参加要項
• 期間内に合計100時間以上、学習時間を確保できる方

(受講期間は1ヶ月か2ヶ月をお選びいただけます。)
• Mac(PC)を持参できる方

※月額5000円(税抜)でMacのレンタルを行っています
• キャンプ終了後も継続的に学習を続け、技術を活かして活躍してい
く意志のある方

復習テスト!!
全問正解すると
TECH::CAMPノート
もしくはペン
お好きなほうを
プレゼント!!
サーバーのOSは ??? が
使われていることが多い
B:RelaxA:Linux
サーバーの住所をしめす数字の
羅列のことを ?? と呼ぶ
B:ITアドレスA:IPアドレス
開発はコマンド操作のみの
?? が中心である
B:CUIA:GUI
データベースを操作するための
言語は ??? である。
B:SSLA:SQL
次のRubyコードの出力結果は?
B:8A:4
本日はありがとうございました。

Mais conteúdo relacionado

Mais procurados

まじめに!できる!LT
まじめに!できる!LT まじめに!できる!LT
まじめに!できる!LT Akabane Hiroyuki
 
ドメイン駆動設計 ~ユーザー、モデル、エンジニアの新たな関係~
ドメイン駆動設計 ~ユーザー、モデル、エンジニアの新たな関係~ドメイン駆動設計 ~ユーザー、モデル、エンジニアの新たな関係~
ドメイン駆動設計 ~ユーザー、モデル、エンジニアの新たな関係~啓 杉本
 
経営のアジリティを支えるDevOpsと組織
経営のアジリティを支えるDevOpsと組織経営のアジリティを支えるDevOpsと組織
経営のアジリティを支えるDevOpsと組織Recruit Technologies
 
「顧客の声を聞かない」とはどういうことか
「顧客の声を聞かない」とはどういうことか「顧客の声を聞かない」とはどういうことか
「顧客の声を聞かない」とはどういうことかYoshiki Hayama
 
UXデザインの資格ってどんなの? HCD-Net認定 人間中心設計スペシャリスト・人間中心設計専門家
UXデザインの資格ってどんなの? HCD-Net認定 人間中心設計スペシャリスト・人間中心設計専門家UXデザインの資格ってどんなの? HCD-Net認定 人間中心設計スペシャリスト・人間中心設計専門家
UXデザインの資格ってどんなの? HCD-Net認定 人間中心設計スペシャリスト・人間中心設計専門家Yoshiki Hayama
 
エンジニアの個人ブランディングと技術組織
エンジニアの個人ブランディングと技術組織エンジニアの個人ブランディングと技術組織
エンジニアの個人ブランディングと技術組織Takafumi ONAKA
 
「スキルなし・実績なし」 32歳窓際エンジニアがシリコンバレーで働くようになるまで
「スキルなし・実績なし」 32歳窓際エンジニアがシリコンバレーで働くようになるまで「スキルなし・実績なし」 32歳窓際エンジニアがシリコンバレーで働くようになるまで
「スキルなし・実績なし」 32歳窓際エンジニアがシリコンバレーで働くようになるまでShuichi Tsutsumi
 
Unityではじめるオープンワールド制作 エンジニア編
Unityではじめるオープンワールド制作 エンジニア編Unityではじめるオープンワールド制作 エンジニア編
Unityではじめるオープンワールド制作 エンジニア編Unity Technologies Japan K.K.
 
事業が対峙する現実からエンジニアリングを俯瞰する #devlove
事業が対峙する現実からエンジニアリングを俯瞰する #devlove事業が対峙する現実からエンジニアリングを俯瞰する #devlove
事業が対峙する現実からエンジニアリングを俯瞰する #devloveItsuki Kuroda
 
がんばらなくても C# で Single Page Web アプリケーションが書けてしまう「Blazor」とは
がんばらなくても C# で Single Page Web アプリケーションが書けてしまう「Blazor」とはがんばらなくても C# で Single Page Web アプリケーションが書けてしまう「Blazor」とは
がんばらなくても C# で Single Page Web アプリケーションが書けてしまう「Blazor」とはJun-ichi Sakamoto
 
こんなに使える!今どきのAPIドキュメンテーションツール
こんなに使える!今どきのAPIドキュメンテーションツールこんなに使える!今どきのAPIドキュメンテーションツール
こんなに使える!今どきのAPIドキュメンテーションツールdcubeio
 
JaSST Tokyo 2022 アジャイルソフトウェア開発への統計的品質管理の応用
JaSST Tokyo 2022 アジャイルソフトウェア開発への統計的品質管理の応用JaSST Tokyo 2022 アジャイルソフトウェア開発への統計的品質管理の応用
JaSST Tokyo 2022 アジャイルソフトウェア開発への統計的品質管理の応用Akinori SAKATA
 
CEDEC2019 大規模モバイルゲーム運用におけるマスタデータ管理事例
CEDEC2019 大規模モバイルゲーム運用におけるマスタデータ管理事例CEDEC2019 大規模モバイルゲーム運用におけるマスタデータ管理事例
CEDEC2019 大規模モバイルゲーム運用におけるマスタデータ管理事例sairoutine
 
こわくない Git
こわくない Gitこわくない Git
こわくない GitKota Saito
 
DXとかDevOpsとかのなんかいい感じのやつ 富士通TechLive
DXとかDevOpsとかのなんかいい感じのやつ 富士通TechLiveDXとかDevOpsとかのなんかいい感じのやつ 富士通TechLive
DXとかDevOpsとかのなんかいい感じのやつ 富士通TechLiveTokoroten Nakayama
 
例外設計における大罪
例外設計における大罪例外設計における大罪
例外設計における大罪Takuto Wada
 
ITコミュニティと情報発信に共通する成長と貢献の要素
ITコミュニティと情報発信に共通する成長と貢献の要素ITコミュニティと情報発信に共通する成長と貢献の要素
ITコミュニティと情報発信に共通する成長と貢献の要素NISHIHARA Shota
 
5分でわかった気になるインセプションデッキ
5分でわかった気になるインセプションデッキ5分でわかった気になるインセプションデッキ
5分でわかった気になるインセプションデッキTakao Oyobe
 
食べログのフロントエンドエンジニアってめっちゃ大変やねん・・・
食べログのフロントエンドエンジニアってめっちゃ大変やねん・・・食べログのフロントエンドエンジニアってめっちゃ大変やねん・・・
食べログのフロントエンドエンジニアってめっちゃ大変やねん・・・Yoshie Kaneno
 

Mais procurados (20)

まじめに!できる!LT
まじめに!できる!LT まじめに!できる!LT
まじめに!できる!LT
 
ドメイン駆動設計 ~ユーザー、モデル、エンジニアの新たな関係~
ドメイン駆動設計 ~ユーザー、モデル、エンジニアの新たな関係~ドメイン駆動設計 ~ユーザー、モデル、エンジニアの新たな関係~
ドメイン駆動設計 ~ユーザー、モデル、エンジニアの新たな関係~
 
経営のアジリティを支えるDevOpsと組織
経営のアジリティを支えるDevOpsと組織経営のアジリティを支えるDevOpsと組織
経営のアジリティを支えるDevOpsと組織
 
「顧客の声を聞かない」とはどういうことか
「顧客の声を聞かない」とはどういうことか「顧客の声を聞かない」とはどういうことか
「顧客の声を聞かない」とはどういうことか
 
UXデザインの資格ってどんなの? HCD-Net認定 人間中心設計スペシャリスト・人間中心設計専門家
UXデザインの資格ってどんなの? HCD-Net認定 人間中心設計スペシャリスト・人間中心設計専門家UXデザインの資格ってどんなの? HCD-Net認定 人間中心設計スペシャリスト・人間中心設計専門家
UXデザインの資格ってどんなの? HCD-Net認定 人間中心設計スペシャリスト・人間中心設計専門家
 
エンジニアの個人ブランディングと技術組織
エンジニアの個人ブランディングと技術組織エンジニアの個人ブランディングと技術組織
エンジニアの個人ブランディングと技術組織
 
「スキルなし・実績なし」 32歳窓際エンジニアがシリコンバレーで働くようになるまで
「スキルなし・実績なし」 32歳窓際エンジニアがシリコンバレーで働くようになるまで「スキルなし・実績なし」 32歳窓際エンジニアがシリコンバレーで働くようになるまで
「スキルなし・実績なし」 32歳窓際エンジニアがシリコンバレーで働くようになるまで
 
DevOpsって何?
DevOpsって何?DevOpsって何?
DevOpsって何?
 
Unityではじめるオープンワールド制作 エンジニア編
Unityではじめるオープンワールド制作 エンジニア編Unityではじめるオープンワールド制作 エンジニア編
Unityではじめるオープンワールド制作 エンジニア編
 
事業が対峙する現実からエンジニアリングを俯瞰する #devlove
事業が対峙する現実からエンジニアリングを俯瞰する #devlove事業が対峙する現実からエンジニアリングを俯瞰する #devlove
事業が対峙する現実からエンジニアリングを俯瞰する #devlove
 
がんばらなくても C# で Single Page Web アプリケーションが書けてしまう「Blazor」とは
がんばらなくても C# で Single Page Web アプリケーションが書けてしまう「Blazor」とはがんばらなくても C# で Single Page Web アプリケーションが書けてしまう「Blazor」とは
がんばらなくても C# で Single Page Web アプリケーションが書けてしまう「Blazor」とは
 
こんなに使える!今どきのAPIドキュメンテーションツール
こんなに使える!今どきのAPIドキュメンテーションツールこんなに使える!今どきのAPIドキュメンテーションツール
こんなに使える!今どきのAPIドキュメンテーションツール
 
JaSST Tokyo 2022 アジャイルソフトウェア開発への統計的品質管理の応用
JaSST Tokyo 2022 アジャイルソフトウェア開発への統計的品質管理の応用JaSST Tokyo 2022 アジャイルソフトウェア開発への統計的品質管理の応用
JaSST Tokyo 2022 アジャイルソフトウェア開発への統計的品質管理の応用
 
CEDEC2019 大規模モバイルゲーム運用におけるマスタデータ管理事例
CEDEC2019 大規模モバイルゲーム運用におけるマスタデータ管理事例CEDEC2019 大規模モバイルゲーム運用におけるマスタデータ管理事例
CEDEC2019 大規模モバイルゲーム運用におけるマスタデータ管理事例
 
こわくない Git
こわくない Gitこわくない Git
こわくない Git
 
DXとかDevOpsとかのなんかいい感じのやつ 富士通TechLive
DXとかDevOpsとかのなんかいい感じのやつ 富士通TechLiveDXとかDevOpsとかのなんかいい感じのやつ 富士通TechLive
DXとかDevOpsとかのなんかいい感じのやつ 富士通TechLive
 
例外設計における大罪
例外設計における大罪例外設計における大罪
例外設計における大罪
 
ITコミュニティと情報発信に共通する成長と貢献の要素
ITコミュニティと情報発信に共通する成長と貢献の要素ITコミュニティと情報発信に共通する成長と貢献の要素
ITコミュニティと情報発信に共通する成長と貢献の要素
 
5分でわかった気になるインセプションデッキ
5分でわかった気になるインセプションデッキ5分でわかった気になるインセプションデッキ
5分でわかった気になるインセプションデッキ
 
食べログのフロントエンドエンジニアってめっちゃ大変やねん・・・
食べログのフロントエンドエンジニアってめっちゃ大変やねん・・・食べログのフロントエンドエンジニアってめっちゃ大変やねん・・・
食べログのフロントエンドエンジニアってめっちゃ大変やねん・・・
 

Semelhante a 非エンジニアのためのこれだけは押さえておきたいWEBサービスの基礎技術

アーキテクト養成講座「入門編」
アーキテクト養成講座「入門編」アーキテクト養成講座「入門編」
アーキテクト養成講座「入門編」takemi_orita
 
【ヒカ☆ラボ】アーキテクト養成講座「入門編」 折田 武己 氏 登壇資料 20171205
【ヒカ☆ラボ】アーキテクト養成講座「入門編」 折田 武己 氏 登壇資料 20171205【ヒカ☆ラボ】アーキテクト養成講座「入門編」 折田 武己 氏 登壇資料 20171205
【ヒカ☆ラボ】アーキテクト養成講座「入門編」 折田 武己 氏 登壇資料 20171205leverages_event
 
ON HTML5 FIELD で書き尽くせなかったこと
ON HTML5 FIELD で書き尽くせなかったことON HTML5 FIELD で書き尽くせなかったこと
ON HTML5 FIELD で書き尽くせなかったことMasakazu Muraoka
 
【7月21日ヒカラボ】webディレクターが知るべきwebプロモーション設計
【7月21日ヒカラボ】webディレクターが知るべきwebプロモーション設計【7月21日ヒカラボ】webディレクターが知るべきwebプロモーション設計
【7月21日ヒカラボ】webディレクターが知るべきwebプロモーション設計本間 和城
 
フリーランスが出会う“現場のタスク管理法あれこれ”
フリーランスが出会う“現場のタスク管理法あれこれ”フリーランスが出会う“現場のタスク管理法あれこれ”
フリーランスが出会う“現場のタスク管理法あれこれ”Akiko Kurono
 
20231019 Notion Labs Japan × エルボーズ コラボ勉強会
20231019 Notion Labs Japan × エルボーズ コラボ勉強会20231019 Notion Labs Japan × エルボーズ コラボ勉強会
20231019 Notion Labs Japan × エルボーズ コラボ勉強会makototsubakihara
 
Webmarketing_CareerBar_ver1.pdf
Webmarketing_CareerBar_ver1.pdfWebmarketing_CareerBar_ver1.pdf
Webmarketing_CareerBar_ver1.pdfCybozu, Inc.
 
javascriptの基礎
javascriptの基礎javascriptの基礎
javascriptの基礎Masayuki Abe
 
ノンデザイナーのためのWebデザイン講座
ノンデザイナーのためのWebデザイン講座ノンデザイナーのためのWebデザイン講座
ノンデザイナーのためのWebデザイン講座光利 吉田
 
初めてのWebプログラミング講座
初めてのWebプログラミング講座初めてのWebプログラミング講座
初めてのWebプログラミング講座DIVE INTO CODE Corp.
 
STAC2015 講演3 広告システム刷新よもやま話〜テストが当たり前となるまでにやったこと #stac2015
STAC2015 講演3 広告システム刷新よもやま話〜テストが当たり前となるまでにやったこと #stac2015STAC2015 講演3 広告システム刷新よもやま話〜テストが当たり前となるまでにやったこと #stac2015
STAC2015 講演3 広告システム刷新よもやま話〜テストが当たり前となるまでにやったこと #stac2015Yahoo!デベロッパーネットワーク
 
プログラム組んだら負け!実はHTML/CSSだけでできること2015夏
プログラム組んだら負け!実はHTML/CSSだけでできること2015夏プログラム組んだら負け!実はHTML/CSSだけでできること2015夏
プログラム組んだら負け!実はHTML/CSSだけでできること2015夏Yusuke Hirao
 
CODT2020 ビジネスプラットフォームを支えるCI/CDパイプライン ~エンタープライズのDevOpsを加速させる運用改善Tips~
CODT2020 ビジネスプラットフォームを支えるCI/CDパイプライン ~エンタープライズのDevOpsを加速させる運用改善Tips~CODT2020 ビジネスプラットフォームを支えるCI/CDパイプライン ~エンタープライズのDevOpsを加速させる運用改善Tips~
CODT2020 ビジネスプラットフォームを支えるCI/CDパイプライン ~エンタープライズのDevOpsを加速させる運用改善Tips~Yuki Ando
 
AbemaTV Developer Conference 2016
AbemaTV Developer Conference 2016AbemaTV Developer Conference 2016
AbemaTV Developer Conference 2016康洋 板敷
 
kintoneアプリをjavascriptでいじってみよう
kintoneアプリをjavascriptでいじってみようkintoneアプリをjavascriptでいじってみよう
kintoneアプリをjavascriptでいじってみようKyouhei Kitagawa
 
就職説明会 181215 株式会社mofmof
就職説明会 181215 株式会社mofmof就職説明会 181215 株式会社mofmof
就職説明会 181215 株式会社mofmofDIVE INTO CODE Corp.
 
kintoneフロントエンド開発 モダン化への道
kintoneフロントエンド開発 モダン化への道kintoneフロントエンド開発 モダン化への道
kintoneフロントエンド開発 モダン化への道Yusuke Amano
 
パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」
パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」
パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」naoki ando
 

Semelhante a 非エンジニアのためのこれだけは押さえておきたいWEBサービスの基礎技術 (20)

アーキテクト養成講座「入門編」
アーキテクト養成講座「入門編」アーキテクト養成講座「入門編」
アーキテクト養成講座「入門編」
 
【ヒカ☆ラボ】アーキテクト養成講座「入門編」 折田 武己 氏 登壇資料 20171205
【ヒカ☆ラボ】アーキテクト養成講座「入門編」 折田 武己 氏 登壇資料 20171205【ヒカ☆ラボ】アーキテクト養成講座「入門編」 折田 武己 氏 登壇資料 20171205
【ヒカ☆ラボ】アーキテクト養成講座「入門編」 折田 武己 氏 登壇資料 20171205
 
ON HTML5 FIELD で書き尽くせなかったこと
ON HTML5 FIELD で書き尽くせなかったことON HTML5 FIELD で書き尽くせなかったこと
ON HTML5 FIELD で書き尽くせなかったこと
 
【7月21日ヒカラボ】webディレクターが知るべきwebプロモーション設計
【7月21日ヒカラボ】webディレクターが知るべきwebプロモーション設計【7月21日ヒカラボ】webディレクターが知るべきwebプロモーション設計
【7月21日ヒカラボ】webディレクターが知るべきwebプロモーション設計
 
フリーランスが出会う“現場のタスク管理法あれこれ”
フリーランスが出会う“現場のタスク管理法あれこれ”フリーランスが出会う“現場のタスク管理法あれこれ”
フリーランスが出会う“現場のタスク管理法あれこれ”
 
20231019 Notion Labs Japan × エルボーズ コラボ勉強会
20231019 Notion Labs Japan × エルボーズ コラボ勉強会20231019 Notion Labs Japan × エルボーズ コラボ勉強会
20231019 Notion Labs Japan × エルボーズ コラボ勉強会
 
Webmarketing_CareerBar_ver1.pdf
Webmarketing_CareerBar_ver1.pdfWebmarketing_CareerBar_ver1.pdf
Webmarketing_CareerBar_ver1.pdf
 
javascriptの基礎
javascriptの基礎javascriptの基礎
javascriptの基礎
 
事業企画
事業企画事業企画
事業企画
 
ノンデザイナーのためのWebデザイン講座
ノンデザイナーのためのWebデザイン講座ノンデザイナーのためのWebデザイン講座
ノンデザイナーのためのWebデザイン講座
 
初めてのWebプログラミング講座
初めてのWebプログラミング講座初めてのWebプログラミング講座
初めてのWebプログラミング講座
 
STAC2015 講演3 広告システム刷新よもやま話〜テストが当たり前となるまでにやったこと #stac2015
STAC2015 講演3 広告システム刷新よもやま話〜テストが当たり前となるまでにやったこと #stac2015STAC2015 講演3 広告システム刷新よもやま話〜テストが当たり前となるまでにやったこと #stac2015
STAC2015 講演3 広告システム刷新よもやま話〜テストが当たり前となるまでにやったこと #stac2015
 
プログラム組んだら負け!実はHTML/CSSだけでできること2015夏
プログラム組んだら負け!実はHTML/CSSだけでできること2015夏プログラム組んだら負け!実はHTML/CSSだけでできること2015夏
プログラム組んだら負け!実はHTML/CSSだけでできること2015夏
 
CODT2020 ビジネスプラットフォームを支えるCI/CDパイプライン ~エンタープライズのDevOpsを加速させる運用改善Tips~
CODT2020 ビジネスプラットフォームを支えるCI/CDパイプライン ~エンタープライズのDevOpsを加速させる運用改善Tips~CODT2020 ビジネスプラットフォームを支えるCI/CDパイプライン ~エンタープライズのDevOpsを加速させる運用改善Tips~
CODT2020 ビジネスプラットフォームを支えるCI/CDパイプライン ~エンタープライズのDevOpsを加速させる運用改善Tips~
 
AbemaTV Developer Conference 2016
AbemaTV Developer Conference 2016AbemaTV Developer Conference 2016
AbemaTV Developer Conference 2016
 
kintoneアプリをjavascriptでいじってみよう
kintoneアプリをjavascriptでいじってみようkintoneアプリをjavascriptでいじってみよう
kintoneアプリをjavascriptでいじってみよう
 
就職説明会 181215 株式会社mofmof
就職説明会 181215 株式会社mofmof就職説明会 181215 株式会社mofmof
就職説明会 181215 株式会社mofmof
 
kintoneフロントエンド開発 モダン化への道
kintoneフロントエンド開発 モダン化への道kintoneフロントエンド開発 モダン化への道
kintoneフロントエンド開発 モダン化への道
 
20160308seminar2
20160308seminar220160308seminar2
20160308seminar2
 
パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」
パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」
パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」
 

Último

ARスタートアップOnePlanetの Apple Vision Proへの情熱と挑戦
ARスタートアップOnePlanetの Apple Vision Proへの情熱と挑戦ARスタートアップOnePlanetの Apple Vision Proへの情熱と挑戦
ARスタートアップOnePlanetの Apple Vision Proへの情熱と挑戦Sadao Tokuyama
 
2024 01 Virtual_Counselor
2024 01 Virtual_Counselor 2024 01 Virtual_Counselor
2024 01 Virtual_Counselor arts yokohama
 
持続可能なDrupal Meetupのコツ - Drupal Meetup Tokyoの知見
持続可能なDrupal Meetupのコツ - Drupal Meetup Tokyoの知見持続可能なDrupal Meetupのコツ - Drupal Meetup Tokyoの知見
持続可能なDrupal Meetupのコツ - Drupal Meetup Tokyoの知見Shumpei Kishi
 
20240326_IoTLT_vol109_kitazaki_v1___.pdf
20240326_IoTLT_vol109_kitazaki_v1___.pdf20240326_IoTLT_vol109_kitazaki_v1___.pdf
20240326_IoTLT_vol109_kitazaki_v1___.pdfAyachika Kitazaki
 
「今からでも間に合う」GPTsによる 活用LT会 - 人とAIが協調するHumani-in-the-Loopへ
「今からでも間に合う」GPTsによる 活用LT会 - 人とAIが協調するHumani-in-the-Loopへ「今からでも間に合う」GPTsによる 活用LT会 - 人とAIが協調するHumani-in-the-Loopへ
「今からでも間に合う」GPTsによる 活用LT会 - 人とAIが協調するHumani-in-the-LoopへTetsuya Nihonmatsu
 
TaketoFujikawa_台本中の動作表現に基づくアニメーション原画システムの提案_SIGEC71.pdf
TaketoFujikawa_台本中の動作表現に基づくアニメーション原画システムの提案_SIGEC71.pdfTaketoFujikawa_台本中の動作表現に基づくアニメーション原画システムの提案_SIGEC71.pdf
TaketoFujikawa_台本中の動作表現に基づくアニメーション原画システムの提案_SIGEC71.pdfMatsushita Laboratory
 
情報処理学会86回全国大会_Generic OAMをDeep Learning技術によって実現するための課題と解決方法
情報処理学会86回全国大会_Generic OAMをDeep Learning技術によって実現するための課題と解決方法情報処理学会86回全国大会_Generic OAMをDeep Learning技術によって実現するための課題と解決方法
情報処理学会86回全国大会_Generic OAMをDeep Learning技術によって実現するための課題と解決方法ssuser370dd7
 
IFIP IP3での資格制度を対象とする国際認定(IPSJ86全国大会シンポジウム)
IFIP IP3での資格制度を対象とする国際認定(IPSJ86全国大会シンポジウム)IFIP IP3での資格制度を対象とする国際認定(IPSJ86全国大会シンポジウム)
IFIP IP3での資格制度を対象とする国際認定(IPSJ86全国大会シンポジウム)ssuser539845
 
2024 02 Nihon-Tanken ~Towards a More Inclusive Japan~
2024 02 Nihon-Tanken ~Towards a More Inclusive Japan~2024 02 Nihon-Tanken ~Towards a More Inclusive Japan~
2024 02 Nihon-Tanken ~Towards a More Inclusive Japan~arts yokohama
 

Último (12)

ARスタートアップOnePlanetの Apple Vision Proへの情熱と挑戦
ARスタートアップOnePlanetの Apple Vision Proへの情熱と挑戦ARスタートアップOnePlanetの Apple Vision Proへの情熱と挑戦
ARスタートアップOnePlanetの Apple Vision Proへの情熱と挑戦
 
2024 01 Virtual_Counselor
2024 01 Virtual_Counselor 2024 01 Virtual_Counselor
2024 01 Virtual_Counselor
 
持続可能なDrupal Meetupのコツ - Drupal Meetup Tokyoの知見
持続可能なDrupal Meetupのコツ - Drupal Meetup Tokyoの知見持続可能なDrupal Meetupのコツ - Drupal Meetup Tokyoの知見
持続可能なDrupal Meetupのコツ - Drupal Meetup Tokyoの知見
 
20240326_IoTLT_vol109_kitazaki_v1___.pdf
20240326_IoTLT_vol109_kitazaki_v1___.pdf20240326_IoTLT_vol109_kitazaki_v1___.pdf
20240326_IoTLT_vol109_kitazaki_v1___.pdf
 
「今からでも間に合う」GPTsによる 活用LT会 - 人とAIが協調するHumani-in-the-Loopへ
「今からでも間に合う」GPTsによる 活用LT会 - 人とAIが協調するHumani-in-the-Loopへ「今からでも間に合う」GPTsによる 活用LT会 - 人とAIが協調するHumani-in-the-Loopへ
「今からでも間に合う」GPTsによる 活用LT会 - 人とAIが協調するHumani-in-the-Loopへ
 
TaketoFujikawa_台本中の動作表現に基づくアニメーション原画システムの提案_SIGEC71.pdf
TaketoFujikawa_台本中の動作表現に基づくアニメーション原画システムの提案_SIGEC71.pdfTaketoFujikawa_台本中の動作表現に基づくアニメーション原画システムの提案_SIGEC71.pdf
TaketoFujikawa_台本中の動作表現に基づくアニメーション原画システムの提案_SIGEC71.pdf
 
2024 04 minnanoito
2024 04 minnanoito2024 04 minnanoito
2024 04 minnanoito
 
What is the world where you can make your own semiconductors?
What is the world where you can make your own semiconductors?What is the world where you can make your own semiconductors?
What is the world where you can make your own semiconductors?
 
情報処理学会86回全国大会_Generic OAMをDeep Learning技術によって実現するための課題と解決方法
情報処理学会86回全国大会_Generic OAMをDeep Learning技術によって実現するための課題と解決方法情報処理学会86回全国大会_Generic OAMをDeep Learning技術によって実現するための課題と解決方法
情報処理学会86回全国大会_Generic OAMをDeep Learning技術によって実現するための課題と解決方法
 
IFIP IP3での資格制度を対象とする国際認定(IPSJ86全国大会シンポジウム)
IFIP IP3での資格制度を対象とする国際認定(IPSJ86全国大会シンポジウム)IFIP IP3での資格制度を対象とする国際認定(IPSJ86全国大会シンポジウム)
IFIP IP3での資格制度を対象とする国際認定(IPSJ86全国大会シンポジウム)
 
2024 02 Nihon-Tanken ~Towards a More Inclusive Japan~
2024 02 Nihon-Tanken ~Towards a More Inclusive Japan~2024 02 Nihon-Tanken ~Towards a More Inclusive Japan~
2024 02 Nihon-Tanken ~Towards a More Inclusive Japan~
 
2024 03 CTEA
2024 03 CTEA2024 03 CTEA
2024 03 CTEA
 

非エンジニアのためのこれだけは押さえておきたいWEBサービスの基礎技術