2018年6月のてげWebまとめ

鹿児島市で毎月開催しているてげてげなWebのなんでも勉強会「てげWeb」の2018年6月開催分まとめ。
1
しげっち法師さん@ドリームプレゼンター @kshigeyama

今月のてげWeb用の資料作り終わった気分(・∀・) #tegeweb

2018-06-23 07:56:15
森 史憲🍛🍻🍫 / コーディングデザイン @mr_moo555

明日6/28木曜日は引越し後のTUKUDDOが入るビルの地下にて19時からてげWeb開催!森からコーディングネタ、しげやまさんからプロジェクトマネジメント(今回は交渉術)、古川さんからWebVR の簡単な作り方(Oculus Goで体験)の予定。皆さんのご参加をお待ちしております! tegeweb-201806.peatix.com/view

2018-06-27 12:50:03
TUKUDDO -鹿児島のモノづくりスペ @tukuddo

移転先での初のイベント、 #てげweb が始まりました。本当は地下会場での開催だったのでが、ネットが繋がらなかったため急遽1階で開催中。まずはいつものように動画鑑賞から。 #TUKUDDO #tegeweb pic.twitter.com/BGHiKBNt2r

2018-06-28 19:17:25
拡大
森 史憲🍛🍻🍫 / コーディングデザイン @mr_moo555

6月のてげWebはこの動画から。ジャック・マー youtube.com/watch?v=JXjdEj… 力強い言葉がどんどん出てきます。 #tegeweb

2018-07-01 20:13:51
拡大
森 史憲🍛🍻🍫 / コーディングデザイン @mr_moo555

今回は動画を2つ観ました。悪い習慣を断ち切るシンプルな方法 ow.ly/rL4o30kKq8a 森としては「行動」がキーワードというセレクトでした。 #tegeweb

2018-07-01 20:17:56
リンク www.ted.com 悪い習慣を断ち切るシンプルな方法 つい引きずっている悪い習慣を新たな視点から捉え直すことで、その悪習を断ち切れるとしたらどうでしょう。 精神科医ジャドソン・ブルワーは、喫煙から過食に至るまで、よくないと自覚していても、どうしてもやめられない習慣、つまり依存症と「マインドフルネス」との関係を研究しています。習慣形成のメカニズムをまず詳しく学び、その知識をもとに、簡単に実行できるのに実は深い意味のある、悪習への対策を見つけましょう。今度こそ、つい一服、ほんの一口、車の運転中に一瞬だけメール…という誘惑に勝てるかもしれません。 3 users 21
リンク meyerweb.com CSS Tools: Reset CSS 7 users 52
森 史憲🍛🍻🍫 / コーディングデザイン @mr_moo555

次はsanitize.css github.com/csstools/sanit… normalize.cssベースで便利な設定を詰め込んであります。2015年くらいに出てきました。 #tegeweb

2018-07-01 20:20:31
リンク GitHub csstools/sanitize.css sanitize.css - A best-practices CSS foundation 1
森 史憲🍛🍻🍫 / コーディングデザイン @mr_moo555

去年出てきたReboot.css v4-alpha.getbootstrap.com/content/reboot/ こちらもnormalize.cssベース。Bootstrapに組み込まれる前提なのでBootstrapっぽいリセットがされます。 #tegeweb

2018-07-01 20:21:59
リンク v4-alpha.getbootstrap.com Reboot Documentation and examples for Reboot, Bootstrap's collection of element-specific CSS that builds on Normalize.css. 1 user 3
森 史憲🍛🍻🍫 / コーディングデザイン @mr_moo555

reboot.cssにはタッチデバイスのリンクやボタンの反応向上のために touch-action: manipulation; という指定があるのが興味深いところ。このプロパティ、初めて知りました。 #tegeweb

2018-07-01 20:23:09
森 史憲🍛🍻🍫 / コーディングデザイン @mr_moo555

番外編としてMinimal barebone CSS Reset github.com/vladocar/CSS-M… リセットしすぎなんじゃないの?というところから元になるリセットスタイルをなるべく少なくする試み。 #tegeweb

2018-07-01 20:24:23
リンク GitHub vladocar/CSS-Micro-Reset CSS-Micro-Reset - Minimal barebone CSS Reset 2 users 24
リンク CodePen Comparing CSS Resets This pen is a demo by scotch.io to demonstrate different CSS resets and how they are used.... 1
森 史憲🍛🍻🍫 / コーディングデザイン @mr_moo555

(余談)スタイルが当たらない時に、知っておきたいCSSテクニック qiita.com/BYODKM/items/e… :not(:root)を使うと、構造や自分の要素に縛られずに詳細度が上がって上書きできるよ、というもの。 #tegeweb

2018-07-01 20:27:04
リンク Qiita スタイルが当たらない時に、知っておきたいCSSテクニック - Qiita 今日、仕事仲間に**あるテクニック**を紹介したら、意外と喜ばれたので、22ヶ月ぶりにQiitaに投稿してます @BYODKM です。 以前に書いたCSS系の記事は、こんな感じでした。(カッコ内の数字は現時点のもの) - [破綻し... 20 users 7
森 史憲🍛🍻🍫 / コーディングデザイン @mr_moo555

森のreset.css話の後はしげやまさんからマネジメント話。交渉術#tegeweb

2018-06-28 19:59:52
森 史憲🍛🍻🍫 / コーディングデザイン @mr_moo555

攻撃すると反発するもの。そうならないように交渉する。交渉が上手い人ってどんな人だろう? #tegeweb

2018-06-28 20:01:21
森 史憲🍛🍻🍫 / コーディングデザイン @mr_moo555

アンカリング、交渉ゾーンの理解、BATNA(交渉が決裂したときの対処作としての最善案)の準備をしておく。 #tegeweb

2018-06-28 20:04:18
森 史憲🍛🍻🍫 / コーディングデザイン @mr_moo555

ポイントは理解度の確認、質問、議論の要約、ノンバーバルコミュニケーション、情報の適切な開示 #tegeweb

2018-06-28 20:08:29