2016年1月27日水曜日

アプリのプロトタイピングツールを使い倒してみる①　－プロトタイピングとはー

  
こんばんは、おかだです。



昨年の話になってしまうのですが、Googleさん主催の「Google for Mobile」というイベントに参加してまいりました。

イベントでは、スマホに限らずさまざまなモバイル端末周辺にまつわる最近のお話を
たくさんのスピーカーの方から聞けるセッションがたくさん設けられていて

中でもウェアラブル端末や仮想現実のお話が非常に興味深かったです。

個人的には購入したばかりだったChrome Castが、スタイリッシュにアップグレードして
発売されるというお話がショックでした。
うちのテレビ、HDMI端子を画面に垂直に差し込むタイプなので、以前のCastちゃんでは
壁方向に端末のお尻が突出してしまうので、接触とか壁との隙間とかが結構気になっていたんですよね。

しかたないので、気が向いたら新しいCastちゃんを購入しようかと思います。

Chrome Cast、持ってると本当に便利でたのしいので、オススメです！



あたらしいアプリをつくることになりました


Google For Mobile では、アプリ開発に関するお話もたくさん聞けました。

音楽がきけるアプリ「AWA」のデザイナーさんの、実際にAWAを作った時のお話もとても参考になったので、こんどあたらしいアプリを作る時にぜひ意識していきたいと思いました。


なんですが今日書きたいのはその話ではなくて、プロトタイピングツールのおはなしです。


プロトタイピングとは


プロトタイピングは、アプリの設計段階で画面のイメージや動きを実装する前にみんなで共有するための素敵な手段です。

WEBのデザインと違って、アプリの場合は見た目だけではなく
アニメーションの動きなども伴ったユーザー体験が大事になってくるので
そのへんのいろいろを含め、作ってしまう前にみんなで共有したいよね！ということです。

"動き付きのモック"っていうイメージでしょうか。。



最近は簡単にプロトタイプをつくれる便利なツールがあるらしい


プロトタイピングについていろいろ調べると、けっこう書いてあります。

「あまり時間をかけないことが大事」



あくまでイメージの共有手段でしかないので、そこに時間かけるのは本題じゃないよね、ということでしょう。


なので、世の中のやさしい人たちが作ってくれた「プロトタイピングツール」をつかって
新しいアプリのプロトタイプを作ってみようと思います！


ツールには、無料のものから有料なものまで、お手軽なものから本格的なものまで
海外のものをあわせると10サービスくらい有名なものがあるみたいですが

今回は「Pixate」というツールを使って、いろいろ試してみたいと思います！




、、、というのは、「Pixate」のお話が冒頭のイベントで紹介されていたからなのです
（残念ながらそのセッションは私は聞いていなかったのですが、、、、汗）



プロトタイプが会議で役に立つといいなぁ。




ちなみにおかだはアプリの開発者ではないので、わからないこともありそうで結構ドキドキしています。

次回インストールから始めてみたいと思います！




わくわく！


【2016/02/05 追記】
コメントでもご要望をいただいたのですが、数あるプロトタイピングツールをいろいろとご紹介するのも
おもしろいかも！ということで
次回からは「実際に使ってみた」シリーズを何回か連載したいと思います！

早速ですが次回は「POP」と「InVision」の２つをご紹介していきます～～～

2016年1月25日月曜日

MARSとは？

  
こんにちは山田です。
SQLのクエリを見ている時にわからない単語があったので調査しました。
その備忘録になります。

■ちなみに私の開発環境
ASP.NET：2.0
SQL Server：2005

■MARSとは？

さて、さっそくMSDNに記述がありホッﾄしました。
Multiple Active Result Sets（MARS）

SQL Server 2005から搭載された機能で、
複数のアクティブな結果セットが得られる機能だそうです。
つまり、1回のコネクションで複数のデータベース・コマンドを同時に照会できるようにするものです。

MSDNのサンプルコード↓このようになっているみたいです。 
string connectionString =
　　"Data Source=MSSQL1;" +
    "Initial Catalog=AdventureWorks;Integrated Security=SSPI;" +
    "MultipleActiveResultSets=True";
初期値ではfalseになっているので、MultipleActiveResultSetsをtrueにする必要があります。

DBの接続系はよくわかっておらず、誰かが作った接続メソッドを流用しているので
いつかは書けるようになりたいなと思いました。

ADO.NET 2.0の注目機能【SQL Server 2005との連携編】

つまり2005以前は、クエリ文別に、毎回接続しなおしていたんですね。
大変そうです。


■CRUDとは？

CRUD（クラッド）とは、
Create（生成）、Read（読み取り）、Update（更新）、Delete（削除）
データベースのアクセスで
ユーザーインターフェースに備えるべき4つの基本機能（情報の参照/検索/更新）を指す用語でしあ。
Create,Regist,Update,Dropとも言います


■Management Studio を使った SQL Server の操作で カラムにNULLを挿入する小技
マネジメントスタジオでカラムを選択して
Ctrl＋0
を押します。
わからなくてググったのでここに貼り付けておきます。

2016年1月21日木曜日

フロントエンド・タスクランナー（１: 入門編）

  
フロントエンドエンジニア ふみえです。 今回はフロントエンド・タスクランナーについて書いていきたいと思います。

そもそもタスクランナーって何？

フロントエンド開発において必要になってくる処理といえば、下記のようなものが挙げられると思います。 コードの圧縮 Sass などのコンパイル ファイル変更して、見た目をブラウザがをリフレッシュして確認 フロントエンド開発におけるタスクランナーとは、上記のような処理を自動で行ってくれるツールです。 その代表的なものに、Grunt (http://gruntjs.com/) や Gulp (http://gulpjs.com/) があり今回は今業務で使用している　Gulp について書いていきます。

thumbnail

Gulp を選んだ理由

調べたところによると下記のようだそうで、Gulp に決定しました！

  • Node.js の StreamAPI を使用しているため処理が速い
  • 設定ファイルが書きやすく、読みやすい
  • Grunt の問題点が解決されている


Gulp の導入方法

こちらですが、次回まとめてあげようと思います。 内容浅くてすみません。。。
次回は内容も夢もモリモリでお届けいたします！ 以上、ふみえでしたー！

参考記事

http://liginc.co.jp/web/tutorial/117900
http://qiita.com/Kshi-Kshi/items/634799bb57872ce0a169 https://github.com/gulpjs/gulp/blob/master/docs/getting-started.md

2016年1月18日月曜日

初めまして、ふみえです！

  
この1月より、フロントエンドエンジニアとして入社しました、ふみえと申します！

経歴

新潟県新潟市生まれ。東京理科大学卒業後、オープンソース・ソフトウェア開発会社で勤務中に Web 業界で自身のやりたいことを見つけた後、Web 制作会社でコーダとして勤務、その後スタートアップ企業でフロントエンドエンジニアとして働き、現職に至ります。 趣味は音楽鑑賞です♪ 使用している言語は HTML、CSS、Javascript が主です。

よく参加しているイベント

UX JAM

昨年は私にとって「UX とは何か」を考える年でした。「UX MILK」というキュレーション・メディアに出会い、もっと学びたい！と思うきっかけになりました。プロダクトの作り方・思考の過程などを、様々な方の実例も交えたライトニング・トークは、すぐに実務・実生活に活かせる情報の多い有意義なイベントです。今年も通い続けようと思います。

最近読んでいる本

最近通勤時間にやっていること

  • 目が疲れていたら、目を閉じる
  • 目が元気だったら、携帯で情報収集

最近あった飲み会での出来事

約20年ぶりに、年末の忘年会（2件）でプレゼント交換をしました(^^) 誰に渡るかわからないプレゼントを選ぶのはとても新鮮で楽しかったです！ みんなで歌を歌いながらプレゼントをぐるぐる回します。久々のプレゼント交換にテンションがあがりました↑ageage↑

最近使用しているサービス

Slack はよく利用しています。

今年動向が気になるもの

DesignSprint!! 世の中の流れがまた変わるのかなって思います。
Snapchat!! ホワイトハウスでも運用を開始したということなので、動向が気になります。
以上で自己紹介を終わります。今後もブログを書かせていただきますので、ちょくちょく覗いてみてくださいね！ そんなこんなで頑張ります☆
それでは、ふみえでしたー！！

2016年1月15日金曜日

自己紹介　山田です。

  
こんにちは山田です。

自己紹介を書いて行こうと思います。
人となりが伝わればと思います。

■職業 ： システムエンジニア
細かくいうと、Webアプリケーションのシステム開発をしています。
ブラウザ上で、動的に動くサイトになります。

入社は2014年で、社会人2年目になります。
開発環境：ASP.NET　.NET Framework 2.0
開発言語：C#
DB：MS SQL Server

■出身

千葉県でも南部の割と田舎の出身です。（小学生の時の同級生はなんと11人）
家は、鉄工所メインの兼業農家でした。

その頃にコンピュータに興味を持ち始めたのを今でも覚えています。
当時小学２年生、流行もの好きの親がWindwos98を突然買ってきたのが始まりです。
とあるソフトウェアをインストールするために、フロッピーディスクを何枚も消費したり、
はやり始めたインターネットのダイアルアップ接続がよく切れたり、すごくかわいがった記憶があります。

■学生時代

学生時代は電気工学を専攻していました。
コンピュータの原理が知りたいなぁと思っていたのがきっかけでした。
具体的には電気回路や電磁波を勉強していました。
フリップフロップ回路（記憶回路）
電波の原理

フリップフロップ回路（記憶回路）が出来たことにより、
機械演算が可能になって文明は成長したのだと熱いロマンを感じています。

が、不思議と、この図を良く使って勉強したり、計算していたのに
 原理も含めてすべて忘れてしまいました…。

記憶とは儚いものです。

さて研究テーマですが、
電気のことは勉強せず、「遠隔で工学実験をする方法」をというのを扱っておりました。
なので、テレビ電話を実現させるマイクロソフトのパッケージアプリケーション（Skype For Business）を組み立てる勉強をしたり、VPNを安く実現させたくネットワーク機器（CiscoとかYamaha）とかで遊んでいました。


■なぜSEになりたかったか
プログラミングを覚えたいというのが根っこにあります。

 既存の完成されたパッケージ商品の物足りない部分を作ったり、不具合が起きる原因が知りたかったのがきっかけでした。

■社会人一年目は何をやったか
書籍や雑誌の営業を半年ほどやっていました。
Webとはまったく関係なかったのですが、Web発信の媒体が増えている昨今とても勉強にありました。
著者や出版社、本屋さんがどうやって儲かっているのか知れてとても勉強になりました。
1年目の12月から方向転換をしてプログラミングを勉強し始めて、
今日で1年たったくらいになります。

■最近はまっていること
都市がどう発展したかを調べるために、日本の街道や鉄道にはまっています。
ブラタモリ面白いですね。
あと、カメラは長年大好きで、写真や動画を撮りまくっています。


■好きなもの
甘いもの、適度な湿度

■苦手なもの
花粉、大きい音、酸っぱいもの

■おすすめアプリ
流れとして、、、
電子書籍に興味がありいろいろ試していたのですが
最近は電子書籍アプリのキンドルが使いやすいと思いました。

 
https://play.google.com/store/apps/details?id=com.amazon.kindle&hl=ja

どうしてこれを選んだかというと。

・読書スピードを計測していて、読破するまでのタイマーがでるところ
が 気に入っています。

個人的には、本を読むときはあとどれくらい時間がかかるか？
というところを割と意識していたりします。

紙の本だと、残りの紙の厚さから判断ができるのですが、
電子だとそういうのがわかりません。
その解決方法として役にたっているなぁ～と感じています。
このささいなところが気に入っています！
登録: 投稿 (Atom)