モノクロタイム

I'm from the future!

【Microsoft Azure Advent Calendar 9日目】Web開発初心者や学生にオススメしたい!Azureはいいぞ

この記事はMicrosoft Azure Advent Calendarの9日目の記事です.

qiita.com

こんにちは,れいじです.

私は日頃から,というかWebページを作るときはAzureを利用しています.

この記事では,Web開発を始めてみたいビギナーの方や学生の方を対象にした「Azureはいいぞ」な所を紹介していこうと思います.

Azureはいいぞ

Azureとは何ぞや,という事については恐らくほかの方々が丁寧に解説されていると思いますので,簡単に説明をさせていただきます.

AzureとはMicrosoft社が提供するクラウドプラットフォームです.通常,自分の作ったWebサービスやブログをWeb上で公開したい!と思ったらWebサーバを用意し,OSをインストールし…と様々な前準備がいるものです.しかしAzureでは簡単なWebページから大規模Webサービスを構築するための基本的な環境をまるっと提供しており,誰もが簡単にWebサービス(ページ)を公開できます.

よく似たサービスとしてAWSさくらのクラウドがありますが,こちらはサーバーの構成要素(CPUとかストレージとか)を貸し出してくれます.貸し出しを受けたサーバーには,利用者がOSやミドルウェアを自由にインストールすることが出来ます.サーバーの使用用途の自由度は上がりますが,セキュリティパッチなどを自分であてたり,ミドルウェアの更新を自分で行わなければなりません.(IaaSといいます)

これに比べAzureは,ミドルウェアやOSを利用者が選択することはできませんが(使用用途に応じてMicrosoft側がOSやミドルウェアを選択して管理する),とりあえずWebサービスを公開したい,ホームページを作ってみたいという利用者にとっては面倒なサーバー管理の必要がなく,とてもおすすめできるサービスとなっております.(PaaSといいます)

選べるデプロイツール

Webページを公開するためには,Azure上にhtmlファイルやcssファイルなどのサイトを構成するファイルをアップロードしなければいけません.

大学の授業やホームページ作成の教科書などを見ると,FTPなどのファイル転送プロトコルを使用してサーバー上にファイルをアップロードしてます.

もちろんAzureもFTPでファイルをアップロードすることができますが,他にも多くのアップロード方法に対応しています!

昔はVisual Studioで頑張ってデプロイしていたこともありましたが,慣れるとGitHubやbitbucketなどのソースコード管理サービスを利用したデプロイ方法が便利です.

ソースコード管理システム?そんなの知らないよ!FTP転送なんていうのもよくわからない!という方にオススメなのがOnedriveやdropboxを利用したデプロイです.

FTPだとファイルを更新するたびにAzureへ送らなければいけませんが,クラウドストレージサービスを利用していると,指定フォルダの中のファイルを更新するだけでWeb上にもきちんと反映してくれます.この辺りに関しては以前に記事を書いておりますので,こちらをどうぞ.

reiji1020.hatenablog.com

お試し利用も可能

いざAzureを利用しようとしたときに気になるのはお値段ですね.はっきり言って構成によってはIaaSよりも値段が高くなることがあります.使い心地もよくわかってないのにいきなり高額のお金を出すのはちょっと…と悩みますよね.

Azureではより高度な処理を実現できる有償プランの他に無償で利用できるリソースがあり,無償枠の範囲内であれば初期費用0円で使い倒すことが出来ます.

azure.microsoft.com

しかも20500円のクレジット付き.

無償で提供されるリソースは簡単なWebページを公開するくらいであれば十分事足りるくらいの量です.ビュー数の多いWebサービスの構築には少し物足りないかな?といったくらいでしょうか.

個人がWeb開発の勉強をする用途としてはまさにうってつけのサービスだと思います.

つくったもの

折角なので私がAzureを使用して公開している簡単なWebページを紹介しておこうと思います.

http://vj-cardboard.azurewebsites.net/

http://candychupslab.azurewebsites.net/index.html

おわりに

HTMLやJSの勉強はあらかたしてしまったな~と感じている方,これを機会にAzureでWebページを作成・公開してみませんか?

ではでは~

【LT Advent Calendar 5日目】たのしいLT

この記事は LT Advent Calendar 5日目の記事です.

www.adventar.org

こんにちは,れいじです.

気付けばもうアドベントカレンダーの時期ですね.今年も色んなカレンダーが出揃っていて,今から読むのが楽しみです.

これまでは技術系のアドベントカレンダーにお邪魔していたのですが,今年はちょっと違うことを書いてみたいなーと思い,こちらのアドベントカレンダーに参加させていただきました.LT経験としましては大体5年くらいです.現在M2ですが,B1の頃からコンスタントに続けてきました.最近は勉強会に参加できてないので1年に数回喋るくらいです.

この記事ではLTやり始め~LTやっててよかったこと~心がけていることをザザーッと書き連ねていきたいと思います.

LTをはじめたきっかけとその頃の状況

私が初めてLTをやったのはB1の頃です.学外のIT勉強会に参加して,「じゃあ次喋ってもらうから」みたいな事を言われてやったのがきっかけだったと思います.その頃はLTって何やねん状態でしたし,LTするためにネタを探してるような有様でした.最近はネタがあるのでLTの場を探しています

その頃は今よりも喋りが下手だったのでもう8割方何言ってるかわからないようなことをダラダラ喋ってました.スライドの作りもひどいもんです.喋りが下手だと「ア~~もうダメ喋るのつらいわ~~」という感情に頻繁に悩まされるのですが,なんだかんだでLTをつづけてきたのは,喋るのは下手でも喋る事自体は嫌いではなかったからだと思います.

たのしいLT

現時点でLT歴は5年になりますが,個人的にLTをやっててよかったこと・得られたものを挙げていきたいと思います.

  • 人前で喋ることに慣れる:卒論発表や学会発表の場でガチガチにならなくなりました.卒論発表なんてLT4回分やろ?イケるイケる!って思うくらいには気持ちが軽かったです.

  • 自分自身に興味をもってくれる:懇親会などで喋る人が圧倒的に増えます.同じツールやライブラリを使っている人が面白い情報を教えてくれたり,有用Tipsを教えてくれたりしました.

  • 布教できる:LTでは参加者が使ってなさそうなツールや技術を紹介することが多いのですが,「それオレも使ってみるわ~~」と言われることがあります.メッチャうれしいです.

  • 友人が増える:2つめの「自分自身に興味をもってくれる」に少し共通するのですが,大学に籠っているばかりでは恐らくできなかったであろう友人ができました.私の場合は一緒にラーメンを食べに行ったり,パスタを食べに行ったり,芋を焼いて食べたりする友人ができました.食べてばっかりとか言わない!

  • 情報を纏めることが上手くなる:LTは大体5分で完結する短いプレゼンです.限られた時間の中で喋りきれるように,内容を削りに削って,なおかつ聴衆にわかりやすいように・或いはインパクトが残るようにすることが大切です.ゼミや就活における面接などでも「それ簡単に説明してくんない?」と言われることが多かったのですが,このスキルはかなり役に立ちました.

LTに挑戦しよう

このようにLTはメリットが多い(個人の感想)ので,みなさんも是非LTやりましょう.

といってもどんなネタを喋ればいいのか・どのように喋ればいいのか等疑問は尽きないと思いますので私自身の考えを以下に示しておきたいと思います.

自分の得意な(好きな)技術を語ろう

LTのためにネタを探す人がたまにいますが,ネタ探しの前に自分の好きな技術,或いは得意な技術について語ってみませんか?

「人に喋れるほどレベル高くないし…」「誰でも知ってることかもしれないし…」私はそれでもいいと思ってます.

「○○やりたいなーと思って××勉強し始めてみました」「こんなかんじのことやりたいなーと思ってこんな感じのコード書いてます」「この言語ってこういう書き方出来るんですね!すごい便利だと思いました」「んで今△△の処理で詰んでます,アドバイス待ってます(笑)」

これで「××勉強してる人」っていうラベルが出来ました!もしその技術について詳しい人が居た場合懇親会などで教えてくれる可能性も大です.

喋ることを楽しもう

折角自分の興味のある事・好きなものについて発表する為にスライドを作ったのですから,楽しく喋りましょう!そして表情筋はできるだけ柔らかくいきましょう.私もニヤニヤしながらしゃべってます.表情がニヤニヤにこやかだと「アッこのひとこの技術(もの)がメッチャ好きなんだな~~~!」と伝わります.

喋ることに慣れないうちは難しいかもしれませんが,回数をこなしていくうちに表情に余裕が出てくるようになります.

おわりに

この記事を読んで,少しでもLTがしてみたいな~~~という気持ちになってくれたなら嬉しいです.

このアドベントカレンダーでは色んな人がLTの良さについて様々な方向から語っていますので,是非ほかの方の記事も読んでくださいね.

ではでは~

【Unity x vvvv】Unityでムービー作ってvvvvでエフェクトかけるとたのしい

こんにちは,れいじです.

vvvvでmmdの3Dモデルを持ってこようとして挫折しました.

.xファイルに変換してvvvvに読み込ませるまでは良かったけど,顔のパーツとかテクスチャとか諸々のものがついてきてくれませんでした.もうちょっと気軽にできるものかと思っていましたが,難しいですね.

3Dモデルを使ってごにょごにょやるのはやはりUnityの方が向いてそうなので,数年ぶりにUnityを起動しました.

デモ用にユニティちゃんにCandyRockStarを踊ってもらっています.(フル版がようつべに上がってました.かわいいのでみてください)

www.youtube.com

AGDRecでGameタブをキャプチャしてWMV形式で書き出したのち,vvvvで読み込み.

f:id:yomoyamareiji:20161130220843g:plain

もちろん動画にもフィルタは掛けられるので,いろんな遊びができます.

ちなみにパッチはこんな感じ.

f:id:yomoyamareiji:20161130221209j:plain

vvvvだけでどうにか完結できないかと思っていたのですが,3D系は得意なエンジンに任せた方がめちゃくちゃ楽ですね…

ではでは~

f:id:yomoyamareiji:20161130221627p:plain

© Unity Technologies Japan/UCL

【vvvv】vpmをつかってVVVV.Packs.Imageを導入する

こんにちは,れいじです.

画像処理専攻マンとしてはそろそろvvvvで画像処理くらいやっときたいなーと思ったので,今更ながらVVVV.Packs.Imageを導入してみようと思い立ちました.

VVVV.Packs.Imageとは

vvvv.org

すごく簡単に言うとvvvv用の画像処理用アドオンパックみたいなものです.OpenCVで用意されている画像処理関数やその他動画像処理に便利な関数群をvvvvで使うことが出来るようになります.

このVVVV.Packs.Image,ちょっと前まで他のリソースパックと同じようにzipで配布されていたはずなんですが,最近は少し配布形式が変わったようで,vpmというソフトウェアを使用してパッケージをダウンロードするような形式に変わっているみたいです.

vpmを使用してパッケージをダウンロードする

vpm | vvvv

多分vvvv package managerの略だと思います.npmかな?

まずvpmをダウンロードし,7zファイルを解凍するとvpm.exeという実行ファイルがあることが確認できます.

これを実行すると,コンソールが立ち上がってvpm.exeがvvvvのあるフォルダを探しに行った後,ディレクトリに書き込む為の権限をくれーと言ってきますので,Yを入力して権限を与えます.(スクショなくてすみません…)

権限が付与されたら自動的にコンソールは閉じます.

これらの作業が終わった後に,VVVV.Packs.Imageのダウンロードリンク(vpms://…で始まるURL)にアクセスすると,当該リンクをvpm.exeで開いてパッケージのダウンロード+インストールをいい感じにやってくれます.

ちなみにVVVV.Pack.Imageのインストールに結構時間がかかります…時間の余裕があるときにやった方がいいかもしれません.

これから追加パッケージはvpmで管理されるようになるんでしょうかねぇ.将来的にはパッケージマネージャーで諸々管理できるようになるといいですね.

ではでは~