a-blog cms 勉強会 in 広島に参加してきました(2017/06)

以前から興味のあったa-blog cmsの勉強会が開催されるということで参加してきました
https://ablogcms-hiroshima.doorkeeper.jp/events/61602

参加理由は２つ

• 自社サイトを新しくしたい
• お客さんへ提案していきたい

自社サイトは、HP作成用のソフトで5年前に作成したもので古くなっており、また更新がしにくいという問題があったので、以前からCMS化したいと思っていました

そこで候補に挙がっていたのがa-blog cmsとconcrete5

a-blog cms は赤木さんから話しを聞いてて興味があったのですが、手を付けるきっかけが掴めず今日まで眺めているだけでした

concrete5も同様に興味はあったが・・・

また、お客さんから相談される案件も以前から「これ a-blog cmsで作れるんじゃない？」と思いつつ、なかなか提案できていなかったので今後は「これ、a-blog cmsでやりましょう！」と提案していきたいという思いで情報収集してきました

勉強会の内容

私がほとんどa-blog cmsの事を知らないので他の参加者の方には申し訳なかったのですが、a-blog cmsの構成とか、設定のこととなどの入門的なことを教えて頂きました

a-blog cmsの印象

カスタマイズ性が高く、顧客要望の多くの場面で対応できそう

これまでオリジナルのシステムを作っていたいくつかの案件はa-blog cmsで良かったんじゃないか？と思いましたね

これは、使わんとだめだー。という印象

今後は積極的に提案していく予定！

勉強会後

つい先ほど、a-blog cmsをインストールしてみました

現在のHPがあるhetemlに簡単にインストールする事ができました

これから、現在の自社HPの内容をa-blog cmsに移していきながら使い方を勉強して行こうと思います

問題は、どのタイミングでドメインを切り替えるか・・・

と、ライセンスをどうするか

WEB製作者向けのライセンスがあるとの事なので、申請したら審査とおるかな？

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

いつもの広島ウェブシステム勉強会に参加してきました
月に１回のペースで行われている勉強会ですが、今回は前回の開催から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で決定・発表されます