読者です 読者をやめる 読者になる 読者になる

Webアプリを作ってみるぞ!奮闘記

G's Academy Tokyo(2期生) 卒業制作でWebアプリを作るにあたって、その軌跡を残してみよう!

サーバ・インフラ勉強会に行きました。

G'sの3期の方が、さくらインターネットさんと提携の第3回サーバ・インフラ勉強会に参加しました。

内容は、さくらクラウド上にCentOSのサーバーを構築して、SFTP環境を作りました。

作業自体は、サーバーを構築後に、yumでcnetOSをアップデート後、httpdをインストールして、SSL証明書を作成しvsftpdをインストール、Viでvftpd.confファイルに追加記述をして、インストール作業終了。

その後、rootでのFTPはセキュリティ上使用させない方がいいので、ユーザーアカウントを別に作成し、新しいアカウントでデータをアップロードでき様に設定し、vsftpを起動し、WIndowsではFFFTPmacでは、FileZillaなどでSFTPしてアップできるか確認しました。SFTPの際に、ポート設定は必要ないみたいです。

 

ただ、今はFTPはオアコンと言う衝撃的なお話が、今は、Gitやscpを使ってサーバーにデータをアップロードするのが主流になっているとの事。

確かに、FTPは基本平文を送っていると、特にFTPが使っているポート21はセキュリティホールにりやすい。

SCPは使ったことがあるので、今度、Gitを使った方法を試して観たいと思います。

Secure copy - Wikipedia

 

wp-d.org

qiita.com

 

ペルソナについて!

デザインスプリントの中で、複数のペルソナを作成するですが、どういう形で作ったらいいのか考えにくかったので、ペルソナに作成について調べてみました。

 対象とするサービスを使いそうなペルソナをいくつか作成するのですが、名前、年齢、仕事、趣味等の詳細を作っていきますが、イラストなどで顔のイメージがあるとペルソナをいとおしく感じる様になるようです。

作成したペルソナがサービスを使ってもらえる機能などを繰り返してシュミレーションするといい様です。

 

ペルソナを作る際に必要な10の問い | SEO Japan

www.inboundmarketing.jp

 

実践ワークショップ Vol.5 ペルソナ作成|ペルソナ・ラボ

 

blog.kairosmarketing.net

Git&GitHubについて

先日のメンターさんとの打ち合わせで制作したアプリのデータのやり取りに、GitHubを使うのですが、G'sの授業で課題提出で使ったりしていましたが、提出で使ったところ以外や用語とかも理解していなかったのを痛感したので、Git&GitHubについてもちゃんと使い方を理解していこうと思います。

とりあえず、下記のサイトと雑誌を参考にしたいと思います。

techacademy.jp

gihyo.jp

GitやGitHubとはなに?やインストール、基本的な使い方は、上記サイト等を参考にして頂いて。

最初に自分がよく理解していなかった用語等について自分なりに理解するためのメモを書こうと思います。

まず、以下の用語は基本として理解していないといけなさそうです。

 

リポジトリ(repository):

管理したいファイルやディレクトリを保存する場所の事で、このリポジトリを管理下に置くことで、リポジトリとして管理しているディレクトリ内のファイルなどの変更履歴等を記録し管理できるようしている。

自分が使用している端末にある「ローカルリポジトリ」とサーバなどネットワーク上にある「リモートリポジトリ(共有リポジトリ)」があり、基本的にローカルリポジトリで作業をして、出来たものをモートリポジトリにプッシュ(サーバにアップロードする事)する形になります。

コミット(commit):

ファイルの追加や変更の履歴をリポジトリに保存すること

プッシュ(push):

ファイルの追加や変更の履歴をリモートリポジトリにアップロードするための操作

プル(pull):他の開発者の変更内容を取り込む操作

ブランチ(branch):

まだ、このブランチは使っていないのですが、参考サイトからの引用ですが、ソフトウェアの開発では、現在リリースしてるバージョンのメンテナンスをしながら新たな機能追加やバグ修正を行うことがあります。このような、並行して行われる複数のバージョン管理を行うために、Gitにはブランチ(branch)という機能があります。ブランチは履歴の流れを分岐して記録していくものです。分岐したブランチは他のブランチの影響を受けないため、同じリポジトリ内でそれぞれの開発を行っていくことができます。

 

後は、課題提出ではコミットやプッシュをSourceTreeで行っていたのですが、Gitのコマンドで行ってみたいと思いますが、それは後日。

メンタリングが始まる!

先日、G'sのメンターの方と、私とお世話になるメンバー2人と一緒にメンターさんの会社が主催するいいオフィスで卒制メンタリングについていろ打ち合わせをしてきました。

自分の企画にについて、いろいろアドバイスを頂いき、その中で教えて頂きました『デザインスプリント』をやって見ようと思います。

creator.dena.jp

 

あと、メンターさんとのデータのやり取りに、GitHubを使うのですが、G'sの授業で課題提出で使ったりしていましたが、提出で使ったところ以外や、用語とかも全然理解していなかったのを痛感したので合わせて、Git&GitHubについても、ちゃんと使い方を理解していこうと思います。

サイトのワイヤーフレームを作るのは?

 

記事を書くのが、1週間以上空いてしまった・・・。

実家に帰っていたりしてと、言い訳を書いて見ます。

さて、今、作っているアプリのページデザインのワイヤーフレームを作成しています。

取りあえず、手書きでサイト構成や簡単なページ構成を書いていたりしますが、

やはりツールワイヤーフレームを作りたいと思います。

今までは、ワイヤーフレーム自体をWebツールで作成していなかったので、使って見ようかとい思います。

検索で調べて見た所、下記のサイトを参考にしてみました。

liginc.co.jp

blog.codecamp.jp

www.find-job.net

取りあえず、日本製のCacooを使って見ようかなと思います。

cacoo.com