姫路IT系勉強会 2019.01
- 開催日:2019/01/19
- 司会:
- 参加者数:参加者: 7名 / 学生: 2名
- hackMd: https://hackmd.io/
- connpass: https://connpass.com/event/112475/
- ハッシュタグ:#histudy
13:30
自己紹介!
14:00
お題1:JavaScriptのお勧めの勉強方法
- 開発環境
- エディタ
- Emacs/vim でもかまわない
- VScode おすすめ + コマンド
- あたりさわりがない
- Emacsキーバインド
- JavaScript関連は設定がデフォルト
- IDEっぽくできる
- gitクライアントの連携もできる
- NetBeans
- PHPまわりがしっかりしているから
- エディタ
- TypeScriptはどうなの?
- 型システムの恩恵がある
- JavaScriptだとバグがみつけにくい
- デバッグが難しい
- 簡単なものはJavaScriptでもいい。
- JSからTSへの移行は簡単
- 型システムの恩恵がある
- Chromeの開発者ツール (Developer Tools)
- WEBページを見るには便利
- ライブラリ
- Bootstrap (CSSフレームワーク)
- jQuery
- Vue.js
- React
- https://jsprimer.net/
- Chrome / Chromium 推奨
- スラスラ読める JavaScriptふりがなプログラミング - インプレスブックス
- 人によってはRubyがわかりやすいかも?
お題2:PHPの勉強法
- やりたいこと
- Webサイト制作
- できれば仕事をしたい?
- Wordpress の勉強がメイン?
- テーマ開発のやり方の話
- WordPress Codex
- Underscores | A Starter Theme for WordPress
- テーマ制作のベース
- スターター用テーマ
- これをベースに学んで開発していけば間違いないWebpack
- WordPressユーザーのためのPHP入門 はじめから、ていねいに。[第2版] | 水野 史土
- WordpressでHIStudyのテーマなども書いてほしい
- 変更履歴はgitで管理
- PHPメイン
お題3:サーバサイドの動的ページとWebpack の組み合わせ方
- 移行したい(gulp -> Webpack)
- Webpack: JavaScriptのビルドツール
- gulp: JavaScriptのビルドツール
- Q: やりたいことは何?
- minify
- 提案: gulpでsourcemapを出力すれば解決?
- 開発中にminify前のソースを読みたい
- minify
- PHP: 動的に出力
- Webpackは万能過ぎる(サーバも兼ねてしまう)
- 役割を絞ろう(
<script
)
- 役割を絞ろう(
お題4:どういうWebサービスを作ってる?
- 例:お問い合わせフォームを作った
- backlogとchatworkを組み合わせるツール
- BacklogのWebhookを使って、チケット通知をChatworkに送る
- Lerning BOX https://learningbox.online/ (e-leaningシステム)
- WordPressの改修(既にあるシステム)
- 特定のユーザー向け
- ERPサービスの評価 (OSS) http://www.idempiere.org/
- Java+開発環境を構築するまで
- 開発環境 Gitlab, Redmine, Fossology など
- ERPサービスの評価 (OSS) http://www.idempiere.org/
お題5:RFP(提案依頼書)
- RFP(提案依頼書)とは?コンサルが教えるRFPの全知識と必要性
- 言葉にするスキルも重要
- 「日本語やから書けるやろ」となめている人も多い
- 法律文的な書き方が必要
お題6:オープンソースの広報
- LibreOfficeの広報をしたい
- LibreOffice 日本語チーム(@LibreOffice_Ja)さん | Twitter
- OSS、コミュニティが開発している
- しかし、誤解もされている
- 誤解の例
- どこかの企業が作っていると思っている
- MS Officeのパチモンだと思っている
- 「標準ファイル形式にODFを利用したオフィスソフト。MS Officeとは違います」といいたい
- よくあるユーザ
- 「お金がないので一回インストールしました。でも、Wordのファイルが崩れました。これはよくないです。」
- モノを売る広報ではない
- NPO的な広報?
- ソーシャル広報
- NPO広報
- クラウドファンディングの広報
- SNSマーケティング
- ファンマーケティング
お題7:実際にRFPを書いてみる
- テンプレートを探す
- 例: RFP(提案依頼書)とは?コンサルが教えるRFPの全知識と必要性
- ない場合は、アウトラインをざっくり作ってみる
- Dynalist(下書き)
- https://dynalist.io/d/mZO6i-Vi2lqFTC3ZkLMn8Mpg
- アウトラインを作成する
- とりあえずラフに書き出してみる
- あとで修正する
- 推敲する or 他人からフィードバックを受ける
- 必要なら、アウトラインを随時修正する
- エクスポート(今回はMarkdown)
- Markdown(清書)
- (本当は、これを本番用の文章に仕上げる)
- デモの中で作ったアウトラインの例
- 本書の目的:何のための提案依頼書なのか、本書の目的情報
- histudyのWebサイトを作成する
- 背景:システム導入を行うことになった経営的背景などの情報
- 姫路IT系勉強会 (histudy) が今何やっているか?
- 現在抱えている課題:現在抱えている解決したい課題情報
- 現状のHexoでは、限界が来ている
- 見にくい
- テーマの変更が困難
- 練習の環境
- 現状のHexoでは、限界が来ている
- プロジェクトの目的:プロジェクトの目的などの情報
- WordPressの練習台にできる
- 最低限、WordPressの練習ができる
- 特に、Webデザイン系の人が来たときに
- 勉強会を告知できる状態にしたい
- テーマをいじられる状態にしたい
- WordPressの練習台にできる
- ゴール:品質、納期などの情報
- 納期:今年中
- 品質
- ライブラリが、納品時点で最新版であること
- 外部に公開すること
- 稼働率
- プロジェクトの範囲:システム導入の範囲(システムや調達機器、保守など)の情報
- サーバ保守・運用は、加古川インフラ勉強会が担当
- WordPress開発:○○社
- 会社情報:会社の基本情報や組織図、システム利用者情報などの情報
- システム構成:現行の社内システムの情報
- 機器情報:現行PCやサーバなどの機器情報
- 用語集
- histudy(ハイスタディ): 姫路IT系勉強会の略
- 記法のルール
- 本書の目的:何のための提案依頼書なのか、本書の目的情報
- RFPとしての注意点
- 目的、背景、課題は明確に書く
- 用語集は重要
- ある用語が、各々で意味や解釈が違う場合があるので
- おまけ
- WebデザインではAdobe XDも便利
- 素早くプロトタイピングして、早い段階で見せる
- WebデザインではAdobe XDも便利
お題8: Google Earth Studioを使ったことがある人いますか?
- Google Earth Studio: https://www.google.com/intl/ja/earth/studio/
- Google Earth Studioを使ってVR動画が作れないか考えている
- でも、視点固定のビデオしか作れない
- 3Dとして動かすならOpenStreetMapのデータを使って3Dデータ化もある
- blugjpまとめサイト - OpenStreetMapとBlenderで「似非○○景観図」を作成する https://sites.google.com/site/blugjp/blenderpython/openstreetmap_blender