---
title: 姫路IT系勉強会 2019.01
langs: ja-jp
GA: UA-39104128-6
---

# 姫路IT系勉強会 2019.01

* 開催日：2019/01/19
* 司会：
* 参加者数：参加者: 7名 / 学生: 2名
* hackMd: https://hackmd.io/
* connpass: https://connpass.com/event/112475/
* ハッシュタグ：[#histudy](https://twitter.com/search?q=%23histudy&src=typd)

## 13:30

### 自己紹介！

## 14:00

### お題１：JavaScriptのお勧めの勉強方法

* 開発環境
* エディタ
* Emacs/vim でもかまわない
* VScode おすすめ + コマンド
* あたりさわりがない
* Emacsキーバインド
* JavaScript関連は設定がデフォルト
* IDEっぽくできる
* gitクライアントの連携もできる
* NetBeans
* PHPまわりがしっかりしているから
* TypeScriptはどうなの?
* 型システムの恩恵がある
* JavaScriptだとバグがみつけにくい
* デバッグが難しい
* 簡単なものはJavaScriptでもいい。
* JSからTSへの移行は簡単
* [JavaScriptのライブラリを徐々にTypeScriptに移行する | Web Scratch](https://efcl.info/2017/07/17/javascript-to-typescript/)
* Chromeの開発者ツール (Developer Tools)
* WEBページを見るには便利
* ライブラリ
* Bootstrap (CSSフレームワーク)
* jQuery
* Vue.js
* React
* https://jsprimer.net/
* Chrome / Chromium 推奨
* [スラスラ読める JavaScriptふりがなプログラミング - インプレスブックス](https://book.impress.co.jp/books/1117101139)
* 人によってはRubyがわかりやすいかも？
* [ゼロからわかる Ruby 超入門：書籍案内｜技術評論社](https://gihyo.jp/book/2018/978-4-297-10123-7)

### お題２：PHPの勉強法

* やりたいこと
* Webサイト制作
* できれば仕事をしたい？
* Wordpress の勉強がメイン?
* テーマ開発のやり方の話
* [WordPress Codex](http://wpdocs.osdn.jp/Main_Page)
* [Underscores | A Starter Theme for WordPress](https://underscores.me/)
* テーマ制作のベース
* スターター用テーマ
* これをベースに学んで開発していけば間違いないWebpack
* [WordPressユーザーのためのPHP入門 はじめから、ていねいに。[第2版] | 水野 史土](http://www.amazon.co.jp/dp/4844366580/)
* WordpressでHIStudyのテーマなども書いてほしい
* 変更履歴はgitで管理
* PHPメイン
*

### お題３：サーバサイドの動的ページとWebpack の組み合わせ方

* 移行したい(gulp -> Webpack)
* Webpack: JavaScriptのビルドツール
* gulp: JavaScriptのビルドツール
*
* Q: やりたいことは何？
* minify
* 提案: gulpでsourcemapを出力すれば解決？
* 開発中にminify前のソースを読みたい
* PHP: 動的に出力
* Webpackは万能過ぎる（サーバも兼ねてしまう）
* 役割を絞ろう（`<script`）

### お題４：どういうWebサービスを作ってる？

* 例：お問い合わせフォームを作った
* backlogとchatworkを組み合わせるツール
* BacklogのWebhookを使って、チケット通知をChatworkに送る
* Lerning BOX https://learningbox.online/ (e-leaningシステム)
* WordPressの改修（既にあるシステム）
* 特定のユーザー向け
* ERPサービスの評価 (OSS) http://www.idempiere.org/
* Java+開発環境を構築するまで
* 開発環境 Gitlab, Redmine, Fossology など

### お題５：RFP（提案依頼書）

* [RFP（提案依頼書）とは？コンサルが教えるRFPの全知識と必要性](https://it-koala.com/rfp-629)
* 言葉にするスキルも重要
* 「日本語やから書けるやろ」となめている人も多い
* 法律文的な書き方が必要

### お題６：オープンソースの広報

* LibreOfficeの広報をしたい
* [LibreOffice 日本語チーム(@LibreOffice_Ja)さん | Twitter](https://twitter.com/LibreOffice_Ja)
* OSS、コミュニティが開発している
* しかし、誤解もされている
* 誤解の例
* どこかの企業が作っていると思っている
* MS Officeのパチモンだと思っている
* 「標準ファイル形式にODFを利用したオフィスソフト。MS Officeとは違います」といいたい
* よくあるユーザ
* 「お金がないので一回インストールしました。でも、Wordのファイルが崩れました。これはよくないです。」
* モノを売る広報ではない
* NPO的な広報？
* ソーシャル広報
* NPO広報
* クラウドファンディングの広報
* SNSマーケティング
* ファンマーケティング

### お題７：実際にRFPを書いてみる

* テンプレートを探す
* 例: [RFP（提案依頼書）とは？コンサルが教えるRFPの全知識と必要性](https://it-koala.com/rfp-629)
* ない場合は、アウトラインをざっくり作ってみる
* Dynalist（下書き）
* https://dynalist.io/d/mZO6i-Vi2lqFTC3ZkLMn8Mpg
* アウトラインを作成する
* とりあえずラフに書き出してみる
* あとで修正する
* 推敲する or 他人からフィードバックを受ける
* 必要なら、アウトラインを随時修正する
* エクスポート（今回はMarkdown）
* Markdown（清書）
* （本当は、これを本番用の文章に仕上げる）
* デモの中で作ったアウトラインの例
* 本書の目的：何のための提案依頼書なのか、本書の目的情報
* histudyのWebサイトを作成する
* 背景：システム導入を行うことになった経営的背景などの情報
* 姫路IT系勉強会 (histudy) が今何やっているか？
* 現在抱えている課題：現在抱えている解決したい課題情報
* 現状のHexoでは、限界が来ている
* 見にくい
* テーマの変更が困難
* 練習の環境
* プロジェクトの目的：プロジェクトの目的などの情報
* WordPressの練習台にできる
* 最低限、WordPressの練習ができる
* 特に、Webデザイン系の人が来たときに
* 勉強会を告知できる状態にしたい
* テーマをいじられる状態にしたい
* ゴール：品質、納期などの情報
* 納期：今年中
* 品質
* ライブラリが、納品時点で最新版であること
* 外部に公開すること
* 稼働率
* プロジェクトの範囲：システム導入の範囲（システムや調達機器、保守など）の情報
* サーバ保守・運用は、加古川インフラ勉強会が担当
* WordPress開発：○○社
* 会社情報：会社の基本情報や組織図、システム利用者情報などの情報
* [姫路IT系勉強会 - connpass](https://histudy.connpass.com/)
* システム構成：現行の社内システムの情報
* 機器情報：現行PCやサーバなどの機器情報
* 用語集
* histudy（ハイスタディ）: 姫路IT系勉強会の略
* 記法のルール
* RFPとしての注意点
* 目的、背景、課題は明確に書く
* 用語集は重要
* ある用語が、各々で意味や解釈が違う場合があるので
* おまけ
* WebデザインではAdobe XDも便利
* 素早くプロトタイピングして、早い段階で見せる

### お題８： 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

### お題９：

*
*

## お知らせ

*
*