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

# 姫路IT系勉強会 2019.02

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

## 13:30
* ChromeCastがなかなか繋がらないようです。ようやくできました。
* WindowsでHashicorp Packerが動かんぞ。なぜだ
### 自己紹介！
* 確定申告やりました。が何人かおりました。
* HackMD(ここ)みんな書いてくださいね。
## 14:00

### お題１：学生のうちにIT系で働きたい
* 責任のあることをやってみたい
* インターンやってみてはどうか
* Sakura インターネットのインターンの例
* 以前、営業とカスタマー方面でやってたことがあります。
* 夏休みのエンジニア向けインターンはあります。
* だいたい毎年募集しているので採用情報をチェックしてください。
* https://www.sakura.ad.jp/recruit/internship/
* 自分にあわなくても気にしなくていい
* 合わなければ違う仕事を探せばいい
* 見込まれればオファーがあるかも
* 受け入れ体制の整ってない会社だと行く意味ないかも(放置されるだけだったり)
* テストエンジニアならバイトもあるかも
* ただし、テスター舐めちゃだめです
* バグレポートなど、まともな文章をかけないと叱られます
* 学校でのレポート（感想文でない文章）を書いていれば役立つかも
* コミュ力大切
* inputボックスにプログラマの思いつかないような文字列を入力できる人がいいです
* テスターに関していろいろ熱い話が出てきました

### お題２：きれいなCSSを素早く書きたい

* 見たものはたいていぐちゃぐちゃ、綺麗に書かれたSass見たことないです
* ぐちゃぐちゃ構成・コードは反面教師にしましょう
* 「俺ならこうする！」精神で読む
* ジュンク堂で技術書を立ち読みしてきました
* 定番 [CSS設計の教科書](https://www.amazon.co.jp/Web%E5%88%B6%E4%BD%9C%E8%80%85%E3%81%AE%E3%81%9F%E3%82%81%E3%81%AECSS%E8%A8%AD%E8%A8%88%E3%81%AE%E6%95%99%E7%A7%91%E6%9B%B8-%E3%83%A2%E3%83%80%E3%83%B3Web%E9%96%8B%E7%99%BA%E3%81%AB%E6%AC%A0%E3%81%8B%E3%81%9B%E3%81%AA%E3%81%84%E3%80%8C%E4%BF%AE%E6%AD%A3%E3%81%97%E3%82%84%E3%81%99%E3%81%84CSS%E3%80%8D%E3%81%AE%E8%A8%AD%E8%A8%88%E6%89%8B%E6%B3%95-%E8%B0%B7-%E6%8B%93%E6%A8%B9/dp/4844336355)
* [はじめてのCSS設計 フロントエンドエンジニアが教えるメンテナブルなCSS設計手法](https://www.amazon.co.jp/%E3%81%AF%E3%81%98%E3%82%81%E3%81%A6%E3%81%AECSS%E8%A8%AD%E8%A8%88-%E3%83%95%E3%83%AD%E3%83%B3%E3%83%88%E3%82%A8%E3%83%B3%E3%83%89%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2%E3%81%8C%E6%95%99%E3%81%88%E3%82%8B%E3%83%A1%E3%83%B3%E3%83%86%E3%83%8A%E3%83%96%E3%83%AB%E3%81%AACSS%E8%A8%AD%E8%A8%88%E6%89%8B%E6%B3%95-WEB-Engineer%E2%80%99s-Books/dp/4798143154/ref=pd_sbs_14_45?_encoding=UTF8&pd_rd_i=4798143154&pd_rd_r=0cc7b913-3232-11e9-b400-996e825b4074&pd_rd_w=uJYkd&pd_rd_wg=GRuNB&pf_rd_p=ad2ea29d-ea11-483c-9db2-6b5875bb9b73&pf_rd_r=XKAN10510JHXQSA4NWSS&psc=1&refRID=XKAN10510JHXQSA4NWSS)
* 新しいCSS設計の本ではこれが良さそうでした。
* [Web制作者のためのSassの教科書 改訂2版](https://www.amazon.co.jp/Web%E5%88%B6%E4%BD%9C%E8%80%85%E3%81%AE%E3%81%9F%E3%82%81%E3%81%AESass%E3%81%AE%E6%95%99%E7%A7%91%E6%9B%B8-%E6%94%B9%E8%A8%822%E7%89%88-Web%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%81%AE%E7%8F%BE%E5%A0%B4%E3%81%A7%E5%BF%85%E9%A0%88%E3%81%AECSS%E3%83%97%E3%83%AA%E3%83%97%E3%83%AD%E3%82%BB%E3%83%83%E3%82%B5-%E5%B9%B3%E6%BE%A4-%E9%9A%86/dp/4295002356/ref=pd_sbs_14_11?_encoding=UTF8&pd_rd_i=4295002356&pd_rd_r=0cc7b913-3232-11e9-b400-996e825b4074&pd_rd_w=uJYkd&pd_rd_wg=GRuNB&pf_rd_p=ad2ea29d-ea11-483c-9db2-6b5875bb9b73&pf_rd_r=XKAN10510JHXQSA4NWSS&psc=1&refRID=XKAN10510JHXQSA4NWSS)
* Sassの機能「こんなことができます」なら網羅的
* 書き方についてはあまり内容がない、文法はカバーしてるけど
* [今すぐ使えるCSSレシピブック](https://www.amazon.co.jp/%E4%BB%8A%E3%81%99%E3%81%90%E4%BD%BF%E3%81%88%E3%82%8BCSS%E3%83%AC%E3%82%B7%E3%83%94%E3%83%96%E3%83%83%E3%82%AF-%E3%81%9F%E3%81%8B%E3%82%82%E3%81%9D/dp/4863542623/ref=sr_1_1?s=books&ie=UTF8&qid=1550352907&sr=1-1&keywords=CSS)
* 今の定石がいろいろと
* こういうのをスニペット化したり、[Emmet](https://docs.emmet.io/css-abbreviations/)で展開できるようにしておくとスピーディ

* ここでひとしきり、CSSの設計やSassのお話
* [恐竜に教える現代のCSS – Part 1 | POSTD](https://postd.cc/actualize-networkmodern-css-explained-for-dinosaurs/)
* [恐竜に教える現代のCSS – Part 2 | POSTD](https://postd.cc/modern-css-explained-for-dinosaurs-2/)
* [恐竜に教える現代のCSS – Part 3 | POSTD](https://postd.cc/actualize-networkmodern-css-explained-for-dinosaurs-3/)
* CSSアーキテクチャは国内だと[FLOCSS](https://github.com/hiloki/flocss)が定番化してる印象
* CSSから派生した話 エンジニアに画面設計させると、しばしば「痛い!」です(特に色彩が)
* 色彩検定の公式ドキュメントが有用です
* [Amazon 「色彩検定」検索結果](https://www.amazon.co.jp/s/?ie=UTF8&keywords=%E8%89%B2%E5%BD%A9%E6%A4%9C%E5%AE%9A+%E5%85%AC%E5%BC%8F%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88&index=aps&jp-ad-ap=0&tag=googhydr-22&ref=pd_sl_19rki4lzgc_e&adgrpid=56072716249&hvpone=&hvptwo=&hvadid=259524600624&hvpos=1t1&hvnetw=g&hvrand=511380159853465929&hvqmt=e&hvdev=c&hvdvcmdl=&hvlocint=&hvlocphy=1009557&hvtargid=kwd-387888901367)
* 色を多く使い過ぎない。
* 資料を作る際にも応用できます。
* 「色彩のセンス」を磨くというより、おかしな色の組み合わせを外すこと
* エンジニアも読んでおくと有用 [ノンデザイナーズ・デザインブック \[第4版\]](https://www.amazon.co.jp/%E3%83%8E%E3%83%B3%E3%83%87%E3%82%B6%E3%82%A4%E3%83%8A%E3%83%BC%E3%82%BA%E3%83%BB%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%83%96%E3%83%83%E3%82%AF-%E7%AC%AC4%E7%89%88-Robin-Williams/dp/4839955557/ref=sr_1_1?ie=UTF8&qid=1550294948&sr=8-1&keywords=%E3%83%8E%E3%83%B3%E3%83%87%E3%82%B6%E3%82%A4%E3%83%8A%E3%83%BC%E3%80%80%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%83%96%E3%83%83%E3%82%AF)
* Sassだと、色相環で180度の位置の色にするとか指定できる
* こういう機能をCSS自身も取り込んできてます
* 普通の人は「カーニング」やらない方がいい(日本語での組版にはない)
* コーダーが手を出すと泥沼、デザイナに任せるかブラウザに任せましょう

* 派生した話2 ブラウザの下限はどこまでサポート?
* シェアを調べる
* [Statcounter](http://gs.statcounter.com/)で古いブラウザのシェアを確認
* Google Analyticsでトラッキング
* 「これ以下は切ります」という論拠として
* 特定企業内であれば、要件で決まるので一概には言えない部分も
* 「同じ」IE11でも、Windows10とWindows7ではレンダリングが違ってたりします
* MSもEdgeをChromeベースになるとか?
* Firefoxのシェア低下(5%未満...)にはなにか理由がありそう(品質以外で)
* VivaldiやSleipnirもまだ生きてますよ
* Bootstrapなどのフレームワークはソースを読めない人のためにあるんじゃないぞ
* ドキュメントを読んで使おう、できればフレームワークのソースも読もう

### お題３：Webアプリの寿命はどのくらいですか
* 病院の電子カルテなら7年くらいは使います。
* クローズな環境でも5年くらい
* オープンなら2年程度しかない
* 特にフロントエンドのJS、寿命激短
* React/Angular/Vue.js どんどんトレンドが変わる
* そしてみんなJQueryに回帰？
* JQueryもう戻れません
* バージョンアップのことを考えてない環境のPHP7化は地獄
* ブラウザのバージョンは勝手にどんどんあがる1年で4Verぐらい
* Windows7あたりまでのIEの感覚とは違ってくる
* 世間のセキュリティ要件もどんどんきつくなっていってます
* HTTPでなくHTTPS(SSL)が事実上のデフォルトに
* [IPAのセキュリティ情報](https://www.ipa.go.jp/security/)が一つ根拠に使えます
* PHPも「ゆるふわ」から「がちがち」になりつつあります。
* レベルの高いお客さんも低いお客さんもいます
* 古い環境での動作を維持したければ、相応のコストをいただきましょう
* Redhatはそのビジネスモデルをとってます
* どこまでカバーするかは経営判断にも関わります
* リプレース周期はPCの買い替えとかディストロのリリースサイクルに合わせませう
* Ruby(というよりRails)をdisる話題は秘密にしましょうか

### お題４：VSCodeでRemoteのインテリセンスが効きません

* [ランゲージサーバ](https://docs.microsoft.com/ja-jp/visualstudio/extensibility/language-server-protocol?view=vs-2017)のエクステンションでいけませんか
* 基本的にローカルのファイルを解析してるので難しいのでは
* リモート上で直接いじるのは稀では
* sshfsとかでやればどうでしょうか。遅い?
* Windowsのsshfsメンテされてるの?
* https://codeyarns.com/2018/05/03/how-to-mount-remote-directory-on-windows-using-sshfs-win/
* ftp-simpleならできそう
* ftpのほうがいいかしら?
* いまどきftpサーバ立てるんですか
* Ansibleの出番ですな
* [Big Sky :: Visual Studio Code で ssh 先のファイルを編集する方法](https://mattn.kaoriya.net/software/lang/go/20170711163119.htm)
* インテリセンスは言及なし

### お題５：USB の LTE が動かない

* Windows の デバイスマネージャでは確認できる
* デバイスの認識、接続の正常動作を確認しています
* 資料として、製造元(Telit)のPDFドキュメントを見ました
* https://www.telit.com/wp-content/uploads/2018/03/Telit_LN940_Linux_SW_User-Guide_v1.2.pdf
* シリアルデバイス、もしくはQMI protocolを認識するネットワークデバイスとして機能するらしい
* https://www.wdic.org/w/WDIC/QMI (2012/12/15)
* https://osmocom.org/projects/quectel-modems/wiki/QMI
* Linux上では、ip(8)でネットワークデバイスとして見えてはいます
* でもそこからが謎
* Linux の /dev にデバイスファイルはない
* ドキュメントではあるはずの、シリアル/もしくはqmiのデバイスは作られてなかった
* すみません。言い忘れてました。ディストロは debian busterです
* lsusb でベンダーIDなどで検索する
* 「モデムマネージャ」パッケージでつながらないか？
* modem-manger-gui パッケージ入れて起動させてみました。
* デバイスが見えてないようでした
* 低レイヤーで認識してないのでどうにもならない
* Raspberry Piで、L-03DをEthernetとして認識する - Qiita https://qiita.com/air-gh/items/6add3c0b19e8fe9469aa

* ファームウェアのバージョンが違うと繋がらない場合がある
* OSに見えている型番では分からない場合も

### お題６：PITAPAのCSVを掃き出したい

* PITAPAのチャージ履歴が6ヶ月で消えてしまう
* 申請ｰ>照会可能になるまで1ヶ月！
* 確定申告に間に合わない
* ブラウザ自動化してサイトからPITAPAのサイトから取得
* wgetとかでは荷が重いのでPythonのmechanicalsoupを使おうかと思案中
* https://github.com/MechanicalSoup/MechanicalSoup
* でもなんか良いのないすかね?
* https://codecept.io/
* 構文が自然言語に近いです
* $I->amOnPage('/login');
* ログインページを開く
* WEB制作でCSSデグレのチェックにも便利
* サイトの全ページを走査してスクショとかも楽々
* https://devexpress.github.io/testcafe/
* 操作したらそのまま記録される。Seleniumに近い？
* ドライバを使わず、PCにインストールされているブラウザ全て切替可能

### お題７：Red Hat の Ansible 推し

* 電話をとったらRed Hatだった
* わざわざ電話くれるってことは、Ansible Tower売れてないから?
* そんなのを用意できる「企業文化」のある会社って日本にどのくらい?
* それを地道に開拓している段階なのかも
* Ansibleゴリゴリやってるひとは、もう既に次のプロビジョニングツールを探してそう
* 「冪等性なんて幻想です」(某社の格言)
* 手順書さえろくにかけてないのに、構成管理ツールなんて使えるわけがない
* 構成管理ツールはインフラ屋より、下のレイヤに降りてきたプログラマの得意なところ
* AnsibleをRed Hatが推しているのは確かだけど、コミュニティはコミュニティで自立してほしい
* 楽をするのに努力することができる人
* メンテナスコスト? Ansible使わなくっても発生するでしょ
* 日本語のドキュメントでも更新するコストはあるでしょ
* テスティングフレームワークがある

### お題８：AOSP(Android)の古い仕様のAPIについて

* 非SDKインターフェースの制限
* AOSPのAPI を40万を4種類に分類し以降の使用を制限する
* White ：これだけ使って!!
* Light Gray ：使わないでほしいが今は使っていい
* Dark Gray ：使うなよ? 条件次第でエラー
* Black ：使うな。問答無用でエラー
* アプリ開発者対応
* veridex
* AOSPが出したツール
* アプリのapkが使用しているAPIをチェックする
* アプリはこれでOK
* AOSPのアプリより深い部分を開発する人はむり
* ライブラリ開発者対応
* AOSPの開発はJava/C++/C言語
* オブジェクト指向なのでソースコード検索でこまる
* クラスとメンバ、クラスとメソッドが離れているため全文検索は困難
* どうしたらいいのか詰んだ
* そもそも数が多い

### お題９：お前らの開発環境を教えやがれください

* php
* NetBeans + plugin
* pluginは落している
* Eclipseは汎用的すぎまして
* Ansible
* atomと関連するプラグインでやってます(シンタックスハイライトとかlintとか)
* VirtualBOX + Vagrantで
* プラグインは入れ替わりが激しいです
* 便利そうなのが出ると、さらに便利そうなのがでてきたりします
* VSCode+Ansible向けプラグインは入れています(使ってないけど)
* Java
* Eclipse
* JavaScript
* vim
* plugin Managerの沼にはまった
* Emacs よりは vim
* Go
* 言語自体がサポートしているので、それを使う。クオリティに差がない。
* PHP, css, JavaScript
* Neovim + TerminalがPowerShell（他にこの組み合わせの人に出会ったことがない）
* pluginはちまちま足して、できるだけデフォルトで行く方針です
* 作成はしない、issueをたてることはある
* https://github.com/akiya64/init.vim
* シンタックスハイライトはフォークして手を入れたのを使ってます
* https://github.com/akiya64/soifon
* 日本語(PlantUML, Markdownなど)
* VS Code
* Atom
* ほぼノーマル
* [Simplenote](https://simplenote.com/)
* デスクトップアプリより、ブラウザベースの方がよいです
* 履歴が取れる
* [Jopline](https://joplin.cozic.net/)
* Markdownで書けてPCとスマホで使えるのがいいです
* Markdown [Boostnote](https://boostnote.io/ja/)
* SYNTAXチェック用にプレビュー
* 3カラムが便利
* プレビューをコンフルーエンスに投げる
* [Evernote](https://evernote.com/intl/jp)
* 重くて使うのやめた人が何人か
* Webクリップ機能は便利だが、クリップしても情報の鮮度がすぐ落ちる
* Processing
* Atom に Processingプラグインがありました
* Processingのエディタは使って使えなくもなかった
* Raspberry Pi
* vim
* 今はともかく、RaspberryPi Bあたりは非力でしたので、vim-tinyだったかも
* 秀丸
* ライセンス持ちが何人かおりました
* マクロあるけれど?
* ユーザーが少ない、高齢化もあるかも
* SakuraEditor
* そこそこ機能ある
* 「タダだから」使う企業ユーザが多いかも
* EmEditor
* でかいファイルを開くとき
* Emacs
* なら [Spacemacs](http://spacemacs.org/) 入れるでしょ

* チームだとVisualStudio・AndroidStudioで統一されることも
* 設定とか手順書で全員同じ環境に揃えたい
* コーディング規約を守れない人がいても大丈夫（？）

* エディタの定義が変わってきている
* 秀丸、EMEditorなどはスクリーンエディタの延長
* 今は「エディタ」といえば「モダン・エディタ」

### （Appendix的に）お題10：Linuxの勉強方法

* [UNIXという考え方―その設計思想と哲学](https://www.amazon.co.jp/UNIX%E3%81%A8%E3%81%84%E3%81%86%E8%80%83%E3%81%88%E6%96%B9%E2%80%95%E3%81%9D%E3%81%AE%E8%A8%AD%E8%A8%88%E6%80%9D%E6%83%B3%E3%81%A8%E5%93%B2%E5%AD%A6-Mike-Gancarz/dp/4274064069)
* 偶然にも名著の持参者が
* 勉強する内容はLinuxで何をしたいかによる

## お知らせ

* 3月2日 [OpenStreetMap Japan](https://openstreetmap.jp/)のイベントあります @加古川
* International Open Data Day 2018に合わせて
* 内容はこれから決めます
* https://www.facebook.com/events/386731805462348/
* 2/21(木) sakura.ioハンズオンやります
* https://sakura.doorkeeper.jp/events/86675

* Raspberry Pi 7周年記念(大阪、東京)
* https://bitkids.sakura.ne.jp/wp/2018/12/02/rjam_birthday2019_ja/
* https://www.raspi.jp/2019/01/raspberry-jam-big-birthday-weekend-2019-in-tokyo/