広島WEBシステム勉強会で「Blockspring」と「Sheetsu」を試してみた

久しぶりに広島WEBシステム勉強会が開催されたので、参加してみました 

今回は気になっていた２つのサービスを試してみました

まずは

Blockspring

https://www.blockspring.com/

 自分でプログラムを書かなくても色々なサービスからデータを取得してGoogleのスプレッドシートやExcelにデータを取り込む事が出来るサービス
 YoutubeやTwitter,Facebookなどのサービスそれぞれ試してみたけど、データの取得件数を指定できないので使いみちなさそう
 しかし、データ件数の問題は利用するサービス（API)の制限によるものなので、使うサービスによってはかなり使える部分もありそうです
 こちらの動画をみると、色々できそう

 https://youtu.be/dutxDn9fQkk

 もう少し実験してみる価値はありそうかな

●参考にしたサイト
まだAPIで消耗してるの？　サクッとデータが欲しいなら「Blockspring」を使おう！

Sheetsu

http://sheetsu.com/

 Googleスプレッドシートのデータを簡単にAPI化してくれるサービス
たとえば、Googleのアンケートフォームを作って溜まったアンケート結果を簡単に取得できるようなAPIが作れるのでは？と、思って調べはじめました

結論としては「簡単にできそう！！」です

しかし、日本語でなければ・・・という条件がつきます

シートに含まれる日本語が全部文字化けしちゃうんですよね
Googleスプレッドシートの設定でなんとかなるのかもしれないけど、Sheetsuの方では対策の方法はなさそうです

日本語を扱わないスプレッドシートの情報をお手軽に取得したいのであれば、非常に協力なツールです

●参考にした記事
GoogleスプレッドシートをAPIにしてくれる『Sheetsu』がすごいな (100SHIKI.COM)

その他に

「GraphPaper」というサービスも触ってみました
便利そうなんですが、動作が遅いのと作成したページを公開に設定しても他からみれなかったりしたので、正直なところ使えないなー。と思いました

以上です。

勉強会の途中で記事を書いているので、もうしこし他の物も触ってみて、気になるのがあれば、また追記しようと思います。

追記

トランシーバーのように使える「Zello」というアプリを試してみました
話しした履歴が残るので、聞き逃したり聞き取れなかった時も安心
使い方やアプリの情報はこちらをみると良いと思います
以下に詳細するサイトにはiOS版のみが紹介されていますがAndroid版もあります

「トランシーバーっぽく通話できるiPhoneアプリに惚れた！」
http://weekly.ascii.jp/elem/000/000/099/99895/

広島ウェブシステム勉強会に参加してきました

3月26日に月１回開催されている広島ウェブシステム勉強会に参加してきました

前回の開催から期間が数ヶ月空いたので、今回は気になる技術情報を共有するだけで終わってしまいました
中でも気になった情報だけをメモ的に載せておきたいと思います

React.js

http://facebook.github.io/react/
触りたいなーと思っていたReact.js
今度時間を作って触りたいと思います
RxJavaも合わせて触ってみたいな

Clafu

http://www.clafu.com/
SNSで情報発信を助けあうサービス
他の人の情報発信に協力するとポイントがたまり、ポイントが貯まると自分の情報を多くの人に発信できるようになるっぽい
使ってみないとどんなサービスかちょっと分からないのですが、面白そうな取り組みですね
参考サイト：http://moneyreport.hatenablog.com/entry/2014/11/02/093129

Stackshare

http://stackshare.io/
スタートアップがどんなサービスを使ってるかが分かるサービス
これをみると今どんなサービスが注目されているかわかりますね
見てると気になるサービスがいくつかあって、知らないサービスを見つけるのにとてもいいです
参考サイト：http://plus.appgiga.jp/masatolan/2014/11/07/54360/

HEAP

https://heapanalytics.com/
このサービスは上に紹介したStackshareで見つけたサービスで、なんか面白そうな感じでした
WebサイトやiOSのアプリでユーザーがどのような操作をしたかを取得・解析ができるサービスで、ユーザーがどんなボタンを押したか、スワイプとか拡大とかの操作をどこで行ったか、みたいなことが取得できるようです
Androidに対応してないっぽいので、そこが残念

PLOGLESS

https://plogless.com/
プロトタイピングのサービス
最近こういうサービス多いですね

Eight

https://8card.net/
名刺の取込サービスです
スキャンした名刺の画像を送ると人力で中身をみて名刺情報を登録してくれます
人力なので精度高く入力されるところがいいですね
無料版ではデータがダウンロードできないのが残念です。まぁ、無料なので仕方ないですね

Facebook Messenger Platform

https://developers.facebook.com/docs/messenger
これを自分のアプリ組み込むとをFacebookのメッセンジャーと簡単に連携できるようになります
画像や動画なんかを投稿したい場合、メッセンジャーから対応したアプリを起動し加工して簡単に投稿できます
使いたいアプリをインストールしていない場合は、メッセンジャーの対応アプリ一覧からインストールを行うことができます（GooglePlayなどのStoreアプリが起動してそこからインスール）、その一覧に出ることでアプリの宣伝になるかもしれませんね

Androidの場合、SDKを入れてIntentを使って画像をメッセンジャーに渡すだけなので、組み込みはすごく簡単

D3.js

http://d3js.org/

データを視覚的に見せるときに使うと良さそうなJSライブラリですね
使えるようになると色々な場面で活用できそう！
触ってみたいです

Realm

http://realm.io/
スマートフォンのアプリに組み込めるデータベース
これは近いうちに触って別途記事を書きたいと思います



他にも色々な情報があったのですが、気になったものを一部だけ記載しました
色々な情報を得るにはイイ勉強会ですので、興味のあるかたは参加してみてください

広島ウェブシステム勉強会に参加してきました

いつもの広島ウェブシステム勉強会に参加してきました
月に１回のペースで行われている勉強会ですが、今回は前回の開催から3ヶ月以上たっての開催なので、いろいろなサービスの情報が出てきましたが、ここでは実際に触ったサービスだけ挙げておきたいと思います

VoiceTextApi

https://cloud.voicetext.jp/webapi
簡単にテキストから音声がつくれるサービスです

Webからの利用は非常に簡単です
作成される音声（音声ファイル）も比較的自然に聞こえる感じで良いです
直接音声ファイルを配布することはできませんので、サービスに組み込む形で使うなら良さそうです

しかし、Javaのライブラリをつかって試そうとしたらうまくいきませんでした
Androidでも試してみようとしたのですが、こちらもダメでした
原因を調査すると他のサービスがさわれなくなるので、また今度調べることにしようと思います

inVision

http://www.invisionapp.com/

参考にしたサイトはこちら
開発中のWebデザイン上で、多人数ブレストを実現する「inVision」が便利過ぎる！
http://plus.appgiga.jp/masatolan/2014/08/15/53298/

サイトやアプリ構築のデザインをアップロードして、コメントを入れたりすることができます
チームでデザインを煮詰めたり、デザーナーさんとやりとりしたりするのに良さそうです

実際に触ってみたところイイですね
画面の一部をボタンのようにして画面遷移させることで動作イメージがわかり
不明な所にはコメントを残してタスクとして扱うこともできます

ただ、動作させるにはプレビューモード、コメントを残すにはコメントモードと切り替えて作業するのが面倒かもしれません


Shareする際にOptionが指定できるので、最初に表示するページや、左右での画面移動禁止を指定すると画面を操作させる感覚でプレビューしてもらえます
また、コメントモードの状態でコメントが追加されると画面左上に新着のコメント件数が表示されます


ほんの数分しか触っていないですが、なかなか良さそうな印象をうけました
なにかのプロジェクトで使ってみようと思います

Editey

http://www.editey.com/

Google Driveに簡単にWebサイトを作って公開できるっぽいですね

参考にしたサイトはこちらです
Googleドライブ上に「Web開発環境」を構築できる「Editey」は、ホスティングも無料！
http://plus.appgiga.jp/masatolan/2014/09/12/53636/

GoogleアカウントでログインするとEditeyのページが表示されます
そこにはテンプレートが幾つかあるので、そこから１つ選んで[COPY TEMPLATE]を押します
すると、GoogleDriveにテンプレートがコピーされます

すると、エディターの画面が表示されるのでコードを書き換えます

コードにはコメントを入れることができるので、コードレビューに使うのも良いかもしれません
しかし、コメントの表示・非表示の切替がわからなかったので、コメントが出っぱなっぱなしで少し邪魔でした

出来たコードは、パブリッシュすればスグに公開されます
公開のURLはプレビュー画面の地球のマークをクリックするとサイトが開きますので、そのアドレスバーでURLを確認できます
（メニューからAssign custom URLでURLを変更することが可能です）

ただ、動作が少し遅いので実用には厳しいかもしれません

CodinGame

http://www.codingame.com/
ゲームをしながらプログラム言語が勉強できるというヤツみたいですけど
初学者には難しいですね
10分くらいしか触っていないので、なんとも言えませんけど、なんだか楽しそうです

また時間をつくって少し遊んでみようと思います

以上。今回さわったのは4つだけです

まとめ

日々いろいろなサービスが出てきてるものですね
少し目を話しているとすぐに古くなってたりして困ります。。。
広島ウェブシステム勉強会では、凄いことはしていませんが気になった技術やニュースなどを話ししたり実際に触ってみたりする気軽な勉強会です
雑談の中でいろいろな気付きもあったりしますので、興味のあるかたはぜひご参加ください

次回の情報はFacebookで出てくると思いますので、ときどきFacebookでチェックしてみてください
Facebook：広島ウェブシステム勉強会


スクリーンショットとか取って載せてたんだけど、保存に失敗したときに全部データがなくなってしまいました。。。残念

広島WEBシステム勉強会に参加しました

最近の広島WEBシステム勉強会はWEBまわりの気になる情報をみんなで共有して、残った時間で実際に触ってみようという勉強会になっています

今回は以下のような情報があり、一番よく触ってたのがSIGNという議事録を作成できるサービスです
こちらは、もう少し触ってみて別のブログとして使い方とかを紹介したいと思います
なお、以下の記録はSIGNを使って作成した議事録をエクスポート(テキスト形式）して少しだけ手を加えたものです（H1,H2,H3のタグを入れただけです)

　

1：ぼくのさいきょうツール

・ http://flat.is/develop/2014/02/ultimate/
　・ 色々なツールがあげられているので見てみると良い

2：GitHubがハックし放題なテキストエディタ「Atom」のベータ版をリリース

・ http://www.gizmodo.jp/2014/02/githubatom.html
　・ HTML,CSS,JavaScriptでいろいろとカスタマイズができるエディタらいし
　・ 触っていないので使いやすいかどうかは不明

3：SIGN

・ https://svgn.biz/
　・ UI、UXがわかりにくい【重要】
　・ Facebook,Twitter,Google+のアカウントなどでログインできる
　・ 利用には慣れが必要かもしれない
　・ ショートカットが使えるようになれば入力は早そうだが、ショートカットがブラウザやOSと競合してて使えない。ショートカットのカスタマイズはできるが割り当て可能なキーが少ない
　・ 顧客に共有するのが面倒かも。[ゲスト]に公開できるとあるが[ゲスト]とはアカウントに割り当てる権限なので顧客にもログインしてもらわないとダメ
　・ テキストのダウンロードが出来るので顧客にメールで議事録を送ることはできる
　・ メンバーの追加方法がわかりにくい。ログインしているユーザーのメールアドレスがわからないと登録できないのはイマイチ（メールアドレスは、画面右上の歯車アイコンからアカウント設定を開くと確認できる）
　・ 横断的に議事録を検索できる機能が欲しい
　・ 編集をロックする機能が欲しい（議事録を編集不可にしたいけど無理）

4：FastPay

・ https://fastpay.yahoo.co.jp/
　　　- 画面UIが厳しい。URLが見えないので信頼性に問題があるように思う
　　　- WebPayよりも安い（1件あたりの最低料金が不要)
　　　- 流れ
　　　　　- 1)Yahooに金額などの情報を送る(Yahooによって支払いのためのボタンと入力画面が用意されている。「支払い」ボタンを押すと固定の入力フォームがポップアップされる）【宿題】
　　　　　- 2)Yahooからトークンが発行される(hiddenに埋め込まれる)
　　　　　- 3)自前でボタンを用意。ユーザーがボタンを押したらトークンをYahooに送って決済実行
　　　　　- 4)Yahooから処理結果が返却される
　・ WebPayのパクリだろ
　　　- https://webpay.jp/

5：無料でマインドマップを作成できタスク管理や旅行の計画も立てられる「MindMaple」を使ってみまし

・ http://gigazine.net/news/20140304-mindmaple/
　・ マインドマップそのものの使いどころが難しい
　・ アイディア出しには良い
　・ 議事録に使うには難しいかも（何を話して、何が課題なのかわかりにくくなる）

6：NTTドコモ、人には聞こえない音を利用したスマホ用チェックイン機能「Air Stamp」提供開始

・ http://ascii.jp/elem/000/000/872/872775/


7：ブラックなWeb開発現場の救世主、Gruntのインストールと使い方
　・ http://www.atmarkit.co.jp/ait/articles/1403/04/news020.html

8：HTML5 Japan Cup

・ http://5jcup.org/
　・ 応募できる作品に条件があるのか不明
　・ まだ募集前なので情報がよくわからない

9：マイクロソフトがWindowsデスクトップ版 OneNote を無償化、Mac版も無償で提供開始

・ http://japanese.engadget.com/2014/03/18/windows-onenote-mac/

10：700を越えるJavaScriptライブラリを自由に試せるページを作った

・ http://motemen.hatenablog.com/entry/2014/03/25/700%E3%82%92%E8%B6%8A%E3%81%88%E3%82%8BJavaScript%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA%E3%82%92%E8%87%AA%E7%94%B1%E3%81%AB%E8%A9%A6%E3%81%9B%E3%82%8B%E3%83%9A%E3%83%BC%E3%82%B8%E3%82%92%E4%BD%9C
　・ 使いどころとか、使い方とかよくわからない

11：開発環境の情報共有会でDash,SourceTree,Alfredの話をした

・ http://blog.glidenote.com/blog/2014/03/30/tech-tool-knowledge/
　・ 開発環境などの情報共有をした際に挙がったサービスなどの記事

12：AWS コマンドラインインターフェイス

・ http://aws.amazon.com/jp/cli/
　・ AWSのサービスを他の仕組みと連動させたいときとかに使えそう


以上！

毎月開催しているので、興味のある方は参加してみてください
次回は５月開催予定ですが、日にちは未定です
開催日はFacebookで決定・発表されます