ひと昔前といろいろ違う、Webサイトを公開した時に確認しておきたい項目のまとめ -Web Launch Checklist | コリス に書いてあることを調べてみる その１
ひと昔前といろいろ違う、Webサイトを公開した時に確認しておきたい項目のまとめ -Web Launch Checklist | コリス
やばいぞ。最近の勉強不足が…
やったことないの何個かある。
単語ぐらいとかふわっとしたやつもあるからメモしながらお勉強。
デスクトップアプリケーション
あまり使わない単語だ。WEBとの対比でインストールしたりするローカルで使うAPのことね。
デスクトップアプリケーションとは - IT用語辞典 Weblio辞書
スプライト画像
小さい画像をひとまとめにしてCSSで分割して表示することでrequestの数を減らす。
画像ファイルの最適化とスプライト画像の作り方 - さくらのナレッジ
アセット
あまり使ったことなかった。
ゲームやデジタルコンテンツの開発では、その構成要素となる画像や3Dモデル、音楽、効果音などの素材のことをアセットということがある
gzipで圧縮
サーバのレスポンスの圧縮ですね。
speed/gzip.md at master · t32k/speed · GitHub
HTTP/2
サーバ側でHTTP/2を設定。streamの使い方とかも覚えなきゃなあ
HTTP/2を実際に使用するためのサーバー設定 - さくらのナレッジ
Async属性やDefer属性
Javascriptの非同期読み。やるなら最初から非同期でもいいやつと描画に関係するやつにわけるのかな。
scriptのdefer/asyncを理解し、ページの高速化方法を探る | ゆっくりと…
rel属性
リンク先の位置づけを表す
rel 属性 | HTML5 タグリファレンス | W3 Watch Reference
パフォーマンスの部分は以上。
とりあえず疲れたのでいったんここまで。気が向いたら続きもやろう。
マイクロソフト、AIでソフトウェアのバグや脆弱性を探る「Microsoft Security Risk Detection」を発表 － Publickey
マイクロソフト、AIでソフトウェアのバグや脆弱性を探る「Microsoft Security Risk Detection」を発表 － Publickey
こうやって仕事がなくなっていくんだろうなぁ～開発と言いつつ工数の半分はテストだし。
まだ見つけるをがんばっているだけだからFindbugsとかのパワーアップ版ってだけなんだろうからそのあとの直しは人間なんだろうけど。そうやってAIに支配される時代がやってくるわけですね。
とりあえず使ってみたいなぁ～
Livedoor reader
今日もIT系のニュースを見てたら
14年に名前変えて継続も：「livedoor Reader」後継版もサービス終了 利用者減で（要約） - ITmedia ビジネスオンライン
Livedoor reader終了のおしらせ。
ついに来てしまったか…
LivedoorからDwangoに譲渡されて長くないだろうな～と思ってたけどやっぱり…
rssの一覧とかはエクスポートできるし、移行はいいんだけどさびしいなぁ…けっこう愛用してたので。
まあWEBのサービスの宿命ですね。
割り切って移行先を考えることにします。
開発した人とか運用してくれてた人とかありがとうございました！＆お疲れさまでした！
テレワークデイ
今日はテレワークデイだそうです。
2020年の東京競技大会でも、国内外から大勢の観光客が集まり、大会会場周辺で大変な交通混雑となることが予想されるため、ロンドン大会の成功にならい、2017年から2020年までの毎年、開会式に相当する7月24日を「テレワーク・デイ」と位置づけて、テレワーク一斉実施の予行演習を呼び掛けて参ります。オリンピック・パラリンピックを契機として、全国的にテレワークの普及が進み、働き方改革のレガシーとなることを目指します。
だそうです。オリンピックなのに満員電車や渋滞だと困るので家から出ないでね！
的なやつですね。テレワークと言いつつ時差出勤とかもありのようです。
週末会った方は上記の影響で7:30出社だ！て言ってました。
個人的にはそうなったらへろへろになってしまう！わたしはいまは朝はゆっくりで電車も比較的空いてますが早いと…
あ、でも極端に早いと空いてるのかな。
とりあえずSEは朝に打ち合わせとかなければゆっくりでいいでしょ！と思うのでゆとりができるといいなあ。
ただ以前の職場でテレワークできるPCをもらっていましたがいつでもできる分いつでも気になってしまうので制度とかいろいろしっかり作ってもらえるとうれしいです。
WEBエンジニア勉強会02に行ってきました
WEBエンジニア勉強会02
ついった #WEBエンジニア勉強会02 - Twitter Search
資料とかもみんなあげているみたい。
大したこと書いてないですが聞きながらメモ的に書いていたので 一応残しておきます。
1. HTML 5.1 と AMP の概要を学ぼう
OSCA先生の発表。
HTML 5.1
- HTML5.1のメニュータグについて。VBのアプリとかみたい。業務APでは使っても良いような。ただユーザの意識はないので、右クリックしてね！みたいになるからなかなか広まるのが難しいかもなぁ
- HTML5.1の仕様は決まったが、ブラウザの実装はまだの部分も多い。w3cのページを見れば実装可否がわかる
- 5もあるのかな。見てなかったなぁ。。。
AMP
- 低スペックの携帯への対応。軽量なサイトに対応。
- CSSやJavaScriptの使用に制限がある
- 対応するとGoogleのCDNにキャッシュしてくれる
Let’s Encrypt
- 無料でサーバ証明書を発行できる
- デモやってくれた！
ブラウザ自動テストツール Selenium
- コードの説明すごくわかりやすかったです！個人的には知っている所でしたが。
- WebDriverってただのSeleniumの機能だと思ってた。w3cで定義してたのそもそもしらなかった。。。。
- Seleniumのメンテナンス問題はあるよなぁ。。。現場で導入したけど結局メンテナンスしないとかいろいろあった。。。。
- ページオブジェクトパターンを使うときれいになる。
- 1Javaクラス１ページに切り出す。そのページで行えることをメソッドに定義する。
- フィールドに要素を入れる。Byクラスのオブジェクトをフィールドにおいてしまう。
- zalenium dockerファイルを準備して録画してエビデンスの検索とかもできる
LTの方々
ごめんなさい。メモとってなかったので省略！
自分のLT
5分のLT実施。エラー画面について。
いつも通り早口になってしまった・・・つい忘れてしまう。気を付けなければ。 資料は勉強として面白くないのと人のサイトのキャプチャを勝手に使っていて 全体公開していいのか微妙なところなのでパスしようかと思います。ごめんなさい！ まあネタ見せみたいなもので多少は笑い取れたのでいいかな！
端的にいうとこれだけ。
- エラー画面を見ても怒らない
- せっかくエラー画面を作るならユーザのことを考え、遊び心を！
あまり内容書いてないし、面白くなくてごめんなさい！
とりあえず若い人も多いし、個人的に良く行くJava系の勉強会と違い、 自分が知らない単語も多く出てきたりして、楽しかったです！
また次回。 9月は今の案件のリリース？があるのでどうなるかわかりませんが。。。。
LTやらせてもらうことになりました
WEBエンジニア勉強会 #02
https://connpass.com/event/60947/
5分のLTやらせてもらうことになりました。
エラー画面について
の予定。まだ資料ほぼ作ってないとか言えない…
急遽思い立ったので社内勉強会の焼き直しも考えましたが一応新ネタで。
がんばりますー！
予定がつく方はぜひよろしくおねがいします
