2017年2月のてげWebまとめ

鹿児島市で毎月開催しているてげてげなWebのなんでも勉強会「てげWeb」の2017年2月開催分まとめ。
0
森 史憲🍛🍻🍫 / コーディングデザイン @mr_moo555

2017年2月のてげWebは2/28(来週火曜日)!前回はおやすみしてしまいすみませんでした…。場所は鹿児島初のMake施設「モノづくりスペース TUKUDDO」!内容は通常のてげWeb+レーザーカッターの講習会(持ち帰り品アリ)tegeweb-201702.peatix.com/view

2017-02-20 12:00:10
リンク Peatix てげWeb @ モノづくりスペース TUKUDDO 2017年はモノづくりしよう!(写真の紹介)前回森がかぜを引いてしまっておやすみしてしまったてげWeb、今月はちゃんと開催するべく体調を整えております!(^_^;)てげてげなゆるー... powered by Peatix : More than a ticket. 65
t_furu ♨ @t_furu

2-28 鹿児島市 #TUKUDDO / Web系の話 + レーザーカッター講習/今年はモノづくり テーマとの事で お手伝い。 / “てげWeb @ モノづくりスペース TUKUDDO | Peatix” htn.to/gVm6hv

2017-02-21 16:20:47
TUKUDDO -鹿児島のモノづくりスペ @tukuddo

フィルターテストも兼ねて、レーザー加工機でアクリル板(3mm厚)を加工してみました。細い「る」の文字は折れてしまいましたが、中々綺麗に加工出来たのではないでしょうか?#TUKUDDOblog.tukuddo.com/2017/02/26/%e3… pic.twitter.com/z34CnFi3iN

2017-02-26 14:33:36
拡大
TUKUDDO -鹿児島のモノづくりスペ @tukuddo

レーザー加工機の加工見本を追加で作ってみました。奥からコルク(1.5mm厚)、フェルト(ポリエステル100%・1mm厚)、アクリル板(3mm厚)です。それぞれの特性がよく表れた仕上が… blog.tukuddo.com/2017/02/28/%e3… pic.twitter.com/85IJcNEQMx

2017-02-28 13:36:54
拡大
森 史憲🍛🍻🍫 / コーディングデザイン @mr_moo555

まずは忙しい時期の息抜きに柴犬の動画からスタート。クッション大好き、柴犬りょう! youtube.com/watch?v=ls-xk-… #tegeweb

2017-03-01 12:13:48
拡大
リンク YouTube クッション大好き、柴犬りょう!(16年7月30日) クッション大好き柴犬りょう1歳(黒)。 突っ込んだり、ホリホリしたり、ハッスルしております。 最後は柴犬ゆず1歳(茶)をクッションにしてネムネム。 56
森 史憲🍛🍻🍫 / コーディングデザイン @mr_moo555

2017年のてげWebはものづくりをしよう!ってことでTEDの動画をみました。テクノロジーにを面白いと思ってもらうにはどうしたらいいのか。 フォーン・チョウ: 青少年向けの簡単なDIY課題の作り方 ow.ly/yeEH309sy87 #tegeweb

2017-03-01 12:16:08
リンク www.ted.com 青少年向けの簡単なDIY課題の作り方 TEDレジデントのフォーン・チョウは、生徒たちが工学技術に触れられるよう、身の回りにある紙や布を使った、費用のかからない、面白い課題を考案しています。この短く、鋭いトークで、チョウ自身が実施しているような、従来の枠にとらわれない斬新なワークショップをもってすれば、生徒たちのテクノロジーに対する先入観を取り払い、テクノロジーの創造に関心を持たせられるとチョウは語ります。 1 user 9
t_furu ♨ @t_furu

ハードルを下げる/天井を高くしておくこと/カスタマイズできる事 / “フォーン・チョウ: 青少年向けの簡単なDIY課題の作り方 | TED Talk | TED.comhtn.to/52Vxck5Fr3u

2017-02-28 19:23:30
TUKUDDO -鹿児島のモノづくりスペ @tukuddo

本日のイベント、「てげWeb at モノづくりスペースTUKUDDO」が始まりました!まずは皆で、壁にプロジェクターで投影した動画を見ています。#TUKUDDO #モノづくりスペースblog.tukuddo.com/2017/02/28/%e6… pic.twitter.com/IWJmhBR7C6

2017-02-28 21:39:15
拡大
TUKUDDO -鹿児島のモノづくりスペ @tukuddo

動画を観たあとはピザやポテトをつまみつつ、コーディングの知識を勉強中。時折、皆さんからは感嘆の声が上がっています。#TUKUDDO #モノづくりスペース #てげweb #コーディングblog.tukuddo.com/2017/02/28/%e5… pic.twitter.com/2UAJSjIQul

2017-02-28 21:43:03
拡大
森 史憲🍛🍻🍫 / コーディングデザイン @mr_moo555

[コーディングネタ] columnプロパティ使用時にカラムの区切りがおかしくなるときはbreak-insideプロパティも一緒に使うとちょっと幸せになれるって話。 codepen.io/moonglows76/pe… #tegeweb

2017-03-01 12:17:40
リンク CodePen columns and break-inside ... 1
リンク www.htmq.com break-inside-CSS3リファレンス CSS3のプロパティ解説 2 users 1
森 史憲🍛🍻🍫 / コーディングデザイン @mr_moo555

[コーディングネタ] transformプロパティでタブの形を変形。タブの見た目はbefore擬似要素をで表示。 codepen.io/moonglows76/pe… ネタ元は書籍「CSSシークレット」oreilly.co.jp/books/97848731… #tegeweb

2017-03-01 12:20:00
リンク CodePen transformed button ... 1
リンク www.oreilly.co.jp CSSシークレット 本書はデザインの手引書ではありません。――「はじめに」より 本書では、デザインに焦点を当てるのではなく、「いかに問題を解決するか」がコードで示されます。視覚効果、ページ構造、ユーザーエクスペリエンスといった8つのカテゴリーから47の項目を挙げ、日々直面する現実的な問題――同じことを繰り返さず(DRY)、保守性、柔軟性に富み、軽量かつ標準に準拠したCSSスタイル設計を実現する――をコーディングで解決していくテクニックを学ぶことができます。解決策を発見するまでのプロセスを理解することが課題解決までの近道であ 1 user 57
t_furu ♨ @t_furu

transform translate / “【CSS3】Transform(変形)関連のまとめ - Qiita” htn.to/VqM3zPo

2017-02-28 19:48:33
リンク Qiita 【CSS3】Transform(変形)関連のまとめ - Qiita #**はじめに** この記事は、HTMLとCSSの基礎知識がある方向けの内容です。 CSS3から要素の変形が指定できる、transform(トランスフォーム)プロパティが追加されました。 transformプロパティを使うことで、要... 7 users 2
森 史憲🍛🍻🍫 / コーディングデザイン @mr_moo555

[コーディングネタ] transformプロパティで上下左右真ん中寄せ。3パターンお見せしました。 codepen.io/moonglows76/pe… #tegeweb

2017-03-01 12:21:11
リンク CodePen centered box ... 1
森 史憲🍛🍻🍫 / コーディングデザイン @mr_moo555

[コーディングネタ] flexboxの孫要素で高さ100%が効くようにする方法。子要素にdisplay: flex;を入れる。マップ表示など孫要素の高さに%指定をできないときに有用です。 codepen.io/moonglows76/pe… #tegeweb

2017-03-01 12:23:08