開発初心者がこれだけは知っておいた方が良いこと③

こんにちは開発者のSです！

今日はデータ分析について書こうと思います。
せっかくページを作ったらその反響も知りたいですよね♪

まずは分析に用いる指標について

■View数
ページが見られた回数。1人の人が10回見たらView数は10

■訪問数
何回訪問されたか。
1回の訪問で10ページ見られたとしたら、View数は10だけれど訪問数は1

■UU数
ユニークユーザー数。
何人の人が見たか。1人が何ページ見ても、何回訪問してもユニークユーザは1

■CVR
コンバージョンレート。
View数またはユニークユーザーの内、コンバージョン(商品購入や資料請求などの最終成果)に至った割合。
何をコンバージョンとするかはその人次第。

■回遊率
1人のユーザーがサイト内のページを何回閲覧したか

■離脱率/遷移率
ページに流入した人の内、どれだけ離脱したかが離脱率。
反対に離脱せず、他のページに遷移した割合が遷移率。

■直帰率
サイトに訪れたユーザーの内、最初の1ページだけ見てサイトから離れた人の割合。
一般的に40％前後なら良いとされている。



サイカタやGA(Google Analytics)を使えば、更に各デバイスのシェア率や流入、ユーザーの特徴なども見ることができます。
自分が作ったページについて、ぜひその反響を見てみてください！！

Read More

はじめまして。ふなばしです。

今日から開発ブログに参加させて頂くこととなりました。

デザイナーのふなばしです。

新米デザイナーです。

ひよっこの私がここで綴るのはずばり、 “新米デザイナー奮闘記”です。

多分にもれず、そんな形で日々気づいたこと、気になったこと、挫けたことなど

なよなよと書かせていただきます。

前説がくどくなりましたが、ここで自己紹介を。

名前　ふなばし

年齢　25

性別　女

2013年　武蔵野美術大学　基礎デザイン学科　卒業

→カメラマンを目指し撮影スタジオでスタジオマンとして勤務

→とあるベンチャー企業で何でもデザイナー兼総務として勤務

→現職　Webデザイナーとして奮闘中（半年経過）

です。

Webデザイナー歴は１年半となります。

扱う言語はHTMLとCSSです。（JavascriptはjQeryを使っています）

趣味は読書と映画とお散歩と愛猫と戯れることで、ライフワークは写真と机研究です。

基本田舎が好きなので、埼玉から東京へ毎日通勤しています。

最近密かに嬉しいことは、一部の方から「ふなちゃん」と呼ばれていることです。

なんだかソフトでかわいい感じが気に入っています。（今までは“ばし”でした）

【オススメのサービス】

「schoo」 　https://schoo.jp/guest

無料の生放送授業で学べるオンライン動画学習サイト

使用歴そろそろ１年くらいになります。

通勤時間等、イヤホンとスマートフォンがあればどこでも授業が受けられちゃうという素晴らしいサービスです。

ここで私はUI・UXの授業やアプリデザイン、英会話を受講しています。

【気になっている団体】

「HCD(人間中心設計推進機構) 」　http://www.hcdnet.org/

昨今UI・UXと言われ続けていますが、

日本の第一人者として知られる黒須教授が会長を務めていた、HCD(人間中心設計推進機構)です。

その名の通り、人間が体験するすべてのデザインについて、より人に寄り添った実際的なデザインを推進していこうという考え方です。

専門家認定機構でもあるため、UIで有名なグッドパッチや、その他さまざまな企業の方が専門家として登録されています。

「SDN（サービスデザイン・ネットワーク）」 http://japan.service-design-network.org/author/japan/

先日この団体が年１で開く、「サービスデザイン・ジャパンカンファレンス」へ参加してまいりました。

名のごとく、日本におけるサービスデザインの今と未来というお話でした。

海外のスピーカーを招いた、刺激的な内容でした。

※その内容についてはおいおい書かせていただきます。


以上自己紹介でした！

今後ともどうぞよろしくお願いします！（ドキドキ）

Read More

UX JAM 6 -UX GIRLS Returns- に参加してきました！

どうも、ふみえです。

2016/02/17に"UX JAM 6 -UX GIRLS Returns-" というイベントに参加してきました。
本イベントですが、概要は以下になります。

UX JAMはUX MILK主催の、UXを題材にした「ゆるい」勉強会/交流会イベントです。学術的なUXのセミナーというより、参加者同士でより気軽にUXについて話し合えるような場です。レベル感的にはUX初心者～中級者向けで、LTやスピーチをただ聞くだけではなく、参加者の方も積極的に話したりできる雰囲気作りを心がけています。

引用元: http://uxmilk.connpass.com/event/26193/

とてもライトなイベントで昨年からちょこちょこ参加させていただいておりました。
やはり聴いているだけでは物足りず、以前ご登壇された方からの後押しもあり、今回登壇してまいりました。

前職で私が企画・運営したユーザさんを理解するための取り組みを紹介させていただきました。

UX に興味を持ったきっかけ

私はフロントエンド・エンジニアです。デザインの変更・機能追加/改善などは日々行います。しかし、会議で「この機能についてどう思いますか？」「この機能きっと回遊時間が伸びると思いませんか？」と問われた時に何も反応できないことが多々ありました。私が考えすぎてしまう性格故にそうなっていたのかと思っていました。しかし、UXについて調べてみると、どうやらそれは性格の問題ではなさそうであることがわかりました。

ユーザさんに会いたい！！

私は強く思いました。思い立ったら即実践！！ということで、色々素地のない所で手探り状態で座談会を開催するのに1ヶ月で準備をしました。一応「仮説 → 検証 → レポート → タスク化」というフローを踏みました。

そこで得られた結果や課題はチームの中で共感を呼ぶこともでき、チームの意識を自然と同じ方向に導いてくれます。開発していく時の自身やモチベーションの向上、サービスへの愛も増幅します♡

そんなこんなでこちらからは以上です。

Read More

C# 構造体とは

こんにちは山田です。

C＃の基本構文でいまいち呑み込めなかった部分について
わからないなりに解説をしようと思います。

～良くわかっていない人による解説～
　
開発言語：C#

構造体というのは一見、「何かの構造概念なのか？」と思ってしまいそうなのですが、
（というか勘違いして覚えていたのですが、）
実はクラスに似ていました。
具体的には、メモリ空間における構造が異なるそうです。
なので、ちょっと変わったクラス、というとらえ方でよさそうだと思います。

■構造体の定義

構造体の定義は、クラスとほぼ同じで、structを用いて定義します。

struct Dog{
 public int price;
 public string name;
 public int getPrice(){
    return price
 }

※ちなみに構造体は初期化が出来ないです。
public int kazu　=1;　×

クラスと同様に、状態（field）と振る舞い（method）をメンバにもつことが出来ます。

■クラスと構造体の違い
構造体とクラスは似ていますが、
大きな違いは、参照型か値型かの違いです。

●構造体（値型）
　・構造体は列挙型と同様で、値型です。
　　（変数に直接値が格納されているデータ型です。）
　・他のクラスや構造体を継承したり、継承元になることはできません。
　・インターフェイスを実装することは可能。
　・new演算子を使わなくてもインスタンス化される。


●クラス（参照型）

　　例：）文字列、配列、クラス、デリゲート、インターフェースが参照型   

■早い話、どういう時に構造体は使用する？

クラスと構造体のどちらを使うか: C# プログラミング 再入門
http://dotnetcsharptips.seesaa.net/article/417085715.html
 ↑
こちらを参考にさせていただきました。
-----------------------------------------------------------------------------
MSDNのプログラミングガイドから引用します。

構造体は軽量オブジェクトを表すのに適しています。参照型の機能が必要ないのなら、小さいクラスとして実装するよりは構造体として定義した方が、システムにより効率的に処理されることが期待できます。

実際に計測してみると（かなりハイスペックなマシンでデバッグビルド版で計測）、上のサンプルコードにあるクラスと構造体とを１０万個づつインスタンス化 してもいづれも2msと差はなし。１００万回でクラスが約100msに対し構造体が30msと約３倍の効率の良さは伺える。
これらを「参照型の機能」として、つまりBoxingされるようObject型にキャストする処理を介在させた場合、クラスも構造体も120msぐらいであった。

これって、実際の使用条件等を考えるとほとんど構造体を使う理由がないように思えます。
-----------------------------------------------------------------------------

う～んつまり、C#の構造体の場合は、あまり使う場面がないみたいですね。

■参考文献

クラス-構造体-
http://arc360.info/lecture/6/4.html

値型と参照型 - C# によるプログラミング入門 | ++C++; // 未確認飛行 C
http://ufcpp.net/study/csharp/oo_reference.html

Read More

開発初心者がこれだけは知っておいた方が良いこと②

こんにちは！Sです。
前回に引き続き「開発初心者がこれだけは知っておいた方が良いこと」について書いていきます。

今回のテーマは「おかしいところの見つけ方について」です。

ネットで調べて見よう見まねで書いてみたけれど上手く動かない。。。という時に
早くどこがおかしいのかを見つける方法について書いていきます。


＜エラー画面が表示されている場合＞

①ログを見る
　新規作成の場合は自分でログをはくように設定しないといけませんが、
　既存のファイルの修正であればおそらく既にエラーが起きた際にエラーログを出力するように
　設定されているはずです。
　なのでまずはソースからログの出力先を調べて、ログを見に行きましょう！


＜エラー画面は表示されていないが、やりたいことが出来ていない場合＞

①デバッグする
　ここがおかしいのかも。という怪しい場所付近にブレークポイントを設けて、
　デバッグして下さい。きっとヒントになるはずです。
　▼最初にマスターしたいVisual Studioのデバッグ機能　-基本編-
　http://news.mynavi.jp/articles/2008/08/18/debug/

②Response.Writeを使う
複数の処理を連続して行っており、それらのどれが原因かを調べるのに便利です。
例えば...
aに対して処理B、C、Dを連続して行うのであれば一旦それらを分けてみましょう！

Response.Write(a);
Response.Write(b); 　//bはaにBの処理をしたもの
Response.Write(c);　 //cはbにCの処理をしたもの
Response.Write(d);　 //dはcにDの処理をしたもの

これでブラウザにa,b,c,dが表示されるので、処理のどの段階でおかしなことになっているのかが一目瞭然です。

Read More