CINXE.COM

<!DOCTYPE html><html lang="ja" data-scope-path="layouts/application"><head prefix="og: http://ogp.me/ns# article: http://ogp.me/ns/article#"><link crossorigin="" href="https://www.google-analytics.com/analytics.js" rel="preconnect" /><link rel="preload" href="/fonts/noto-sans-jp-v24-japanese-regular.woff2" as="font" type="font/woff2" crossorigin="anonymous"><link rel="preload" href="/fonts/noto-sans-jp-v24-japanese-700.woff2" as="font" type="font/woff2" crossorigin="anonymous"> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-25666851-3"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-25666851-3'); </script> <link rel="stylesheet" media="all" href="/assets/ress-d1ba3a251927ab1f2bcc841c9a810109355bcb4260a522a0f76452fdc2fe6095.css" /><link rel="stylesheet" media="all" href="/assets/scopes/layouts/application-dda4ec688c139c8f29c39a2a795bcf4af04c4326643549a37f5d8843fffaebab.css" /><link rel="stylesheet" media="all" href="/assets/scopes/articles/show-37905516c06229c8fde10714e660fc48bc7b6ce7881755707db8b0327ceb5bf1.css" /><link rel="stylesheet" media="all" href="/assets/scopes/partials/_viewer-3a78a10250bb498047a06b71271b62ea949e304d25b9781c4450cf998aa2640c.css" /><link rel="stylesheet" media="all" href="/assets/scopes/layouts/_header-db87b54171cc020758ab7d1494677f8f6c2e9c93b453e896af82e4814eaacc7c.css" /><link rel="stylesheet" media="all" href="/assets/scopes/layouts/_breadcrumbs-744a099ab0b9eb5c4bd45215617e267c7d7c404ddddce8810eead5335512e637.css" /><link rel="stylesheet" media="all" href="/assets/scopes/layouts/_footer-a06961717440c6d0183c582c7f21768011f334d368f51b614eabc87bb17b3bbf.css" /><script src="/packs/application-02365dbc4dc28919eee1.js" defer="defer"></script><link href="/icon.png" rel="icon" type="image/png" /><link href="/apple-touch-icon.png" rel="apple-touch-icon" type="image/png" /><link href="/feed" rel="alternate" title="RSS2.0" type="application/rss+xml" /><title>第15回TGIF 事業部自慢 | Basicinc Enjoy Hacking!</title><meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token" content="upZOED2T5Ykz5EUSwNE+aQoFaGTjSHdI8meJ94p/JyNFM7JTiOoaTxY0q0fAEp3QqZM7UDxjrpoauAFG+qZvwQ==" /><meta content="width=device-width,initial-scale=1" name="viewport" /><meta content=" 第15回TGIF 事業部自慢 | Basicinc Enjoy Hacking!" property="og:title" /><meta content="article" property="og:type" /><meta content="2016-12-07T09:00:00+09:00" property="article:published_time" /><meta content="tkhr0" property="article:author" /><meta content="Technology" property="article:section" /><meta content="https://tech.basicinc.jp/articles/54" property="og:url" /><meta content="https://tech.basicinc.jp/uploads/720d3525224c89dc0b0f6bc64af8e350.jpeg" property="og:image" /><meta content="image/jpeg" property="og:image:type" /><meta content="1200" property="og:image:width" /><meta content="630" property="og:image:height" /><meta content="みなさまこんにちは。第15回TGIF-LTのオーガナイザーを務めた唐澤です。 2代目TGIF委員会が開催するTGIF-LTも3回目となりました。ところで、僕たちはこの会のことを「TGIF」と呼んでいますが、TGIFというのは形容詞だそうです。「TGIF-LT」になって..." property="og:description" /><meta content="ja_JP" property="og:locale" /><meta content="summary_large_image" name="twitter:card" /><meta content="@tkhr0" name="twitter:creator" /></head><body><header data-scope-path="layouts/_header"><div class="header-contents"><a class="root-link" href="/"><svg class="site-logo"><use xlink:href="/assets/icons-5bbe775037b55281ef0bc50d30a51f69c7c3914d399c7107e37f0702d98ae8a2.svg#logo"></use></svg><div class="site-title">Enjoy Hacking!</div></a><div class="site-desc">Basicinc エンジニアブログ</div></div></header><nav data-scope-path="layouts/_breadcrumbs"><ul class="breadcrumbs" itemscope="itemscope" itemtype="https://schema.org/BreadcrumbList"><span class="pretext">% cat </span> <li itemprop="itemListElement" itemscope="itemscope" itemtype="https://schema.org/ListItem"><a itemprop="item" href="/"><span itemprop="name">~</span></a><meta itemprop="position" content="1" /></li>/<li class="current" itemprop="itemListElement" itemscope="itemscope" itemtype="https://schema.org/ListItem"><span itemprop="name">第15回TGIF事業部自慢.md</span><meta itemprop="item" content="https://tech.basicinc.jp/articles/54" /><meta itemprop="position" content="2" /></li></ul></nav><div data-scope-path="articles/show"><article class="article"><h1 class="article-title"> 第15回TGIF 事業部自慢</h1><div class="article-desc"><a class="article-author" href="/authors/5"><img class="article-author-avatar" src="https://tech.basicinc.jp/uploads/909284ed0c2d297ecacb5230440540ae.png" /><span class="article-author-name">tkhr0</span></a><div class="article-date-info"><time class="article-posted-date">Posted 2016-12-07</time></div></div><div class="article-body"><div data-scope-path="partials/_viewer"><p><img src="https://tech.basicinc.jp/uploads/88ca1b27434f3f05156ebdb3072f7422.jpeg" alt=""><br> みなさまこんにちは。<br> 第15回TGIF-LTのオーガナイザーを務めた唐澤です。<br> 2代目TGIF委員会が開催するTGIF-LTも3回目となりました。</p> <p>ところで、僕たちはこの会のことを「TGIF」と呼んでいますが、TGIFというのは形容詞だそうです。<br> 「TGIF-LT」になって初めて名詞になるそうです。　<br> 日本語で例えると、「楽しいLT」のことを「楽しい！」「今日楽しいの日だよ！」ということになりますね。<br> 想像したらなんとも微笑ましいですね。</p> <p>そんな(?)自由な僕らのLTにテーマは不要です。<br> 事業部自慢ということで登壇者を募集しましたが、気づけばテーマが息してませんでした。</p> <p>でもそんなことは問題ではないです！ <strong>話したいことを話しましょう！</strong><br> ということで今回のトーク内容です。</p> <ul> <li>唐澤 kuraveil体質改善 frontend編 JSをやっつけろの巻</li> <li>ギア自己紹介</li> <li>森 ferretリファクタリング計画</li> <li>タイン仕事の時間を減らす</li> </ul> <p>先日ギアさんがベトナムからKKに仲間入り！ということで自己紹介をしていただきました。</p> <h2>今回のTGIFもお寿司とともに</h2> <p><img src="https://tech.basicinc.jp/uploads/2e5bea7e910fe61e2a8a063a108a2a9a.jpeg" alt=""><br> 前回&前々回に引き続き、お寿司を用意しました。<br> ツキイチで美味しいお寿司を食べられるのは嬉しいですね。</p> <p>今回はお寿司の量を減らして、ちょっぴりいいお酒も用意しました。<br> ビールに加えてクラフトビールを。</p> <p>そしていつも通り、 <strong>CTO</strong> (Cheaf Tgif Officer)の川又さんの乾杯です！</p> <p><img src="https://tech.basicinc.jp/uploads/1281a36190e5afb9eb53394324ee68e6.jpeg" alt=""></p> <h2>1人目唐澤 kuraveil体質改善 frontend編 JSをやっつけろの巻</h2> <p><img src="https://tech.basicinc.jp/uploads/a97e33a2332f154fb27d1f2afe3f30fd.jpeg" alt=""><br> 最初は僕です。<br> webpackを導入して、JSをリファクタリングした（している）という話です。</p> <p>kuraveilと言うのはライフメディア事業部で運営している比較サイト群を指します。<br> これらはCakePHPで構成されているのですが、ViewにJS直書き&コピペの嵐。。。<br> なんとも歴史を感じる状態でした。</p> <p>そこでwebpackを使ってJSを単体管理&モジュール化することで体質改善を図りました。<br> 10ファイルほどにあった約20行のコピペコードをまとめることで、200行もスリム体型になりました。</p> <h2>2人目ギア自己紹介</h2> <p><img src="https://tech.basicinc.jp/uploads/829486b8fe8ef3d53b6528bdca97994b.jpeg" alt=""><br> お次は、2週間前ほどにベーシックに来たギアさんの自己紹介です。<br> ferret Oneの前身のHomeup!の立ち上げから関わる数少ないメンバーのお一人です。</p> <p>ロゴが写ってますが立命館に留学しており、数学の世界大会にも出場したことがあるとか。ハンパないです。<br> コーディングのスキルもハンパないらしいです。<br> 名前を漢字で書くと「義」だそうです。まさにそんな人柄の方です。</p> <h2>3人目森 ferretリファクタリング計画</h2> <p><img src="https://tech.basicinc.jp/uploads/7610cfaad5ab6db00f03967a65a0cddf.jpeg" alt=""><br> 3人目は、ferretの森さんのオリジナルMarkdown実装のお話です。</p> <p>ferretでは、記事の執筆にMarkdownを利用しているそうです。<br> ですが、オリジナル機能を追加しまくった結果コードがマトリョーシカになってしまったのでリファクタリングに取り掛かったとのことです。<br> ※ マトリョーシカ：hoge(fuga(foo(bar(piyo(baw(mew(text))))))) ← これを整形してみてください。これがたくさんありました。</p> <p>Qiitaでも使用している、HTML-Pipelineを使ってマトリョーシカをFilterにすることで手なずけることに成功したそうです。</p> <h2>4人目タイン仕事の時間を減らす</h2> <p><img src="https://tech.basicinc.jp/uploads/c79ee6104ada22a932aa5e5411f80067.jpeg" alt=""><br> 最後は、とても話したがっていたタインさんです。<br> 仕事の効率化や、業務後の自分の時間をいかに作るかというお話でした。</p> <p>彼曰く</p> <ul> <li>モチベーションを作る<br> それぞれモチベーションを見つけるといい。それが、早くお家に帰りたいということでも。新しい技術の勉強や家族とのコミュニケーションの時間は貴重な時間です。</li> <li>やりたいことをやるアセンブリとCSSが好きで、JSとRailsは好きじゃない。でも最近は楽しくなって来たそうです。</li> <li>ルールを作る自分の中で思考のルールを作ってそれに従うようにすると悩まなくていい！</li> <li>専門的な人に尋ねるわからないことがあったら知識がある人に聞いたほうがいい。そして自分の糧にしていく</li> <li>仕事に集中する gulpのコンパイルの間は休憩してもいいよ</li> </ul> <p>というとても濃い内容のお話をいただきました。<br> 専門的な人に尋ねるというお話の中で、同じチームのエンジニアをみんな挙げていて、チームの絆を感じました。</p> <h2>終わりに</h2> <p><img src="https://tech.basicinc.jp/uploads/8d9c1ebddd258eca998d09b66da48817.jpeg" alt=""><br> <a href="http://hrblog.basicinc.jp/entry/2016/11/02/185852">ベーシックのオフィスを改装しました！ - べーシック人事・HRブログ</a><br> ということで前回は本社ビルで行いましたが、今回はKKビルで行いました。<br> いつも仕事をしているちょっとだけ狭いKKビルの隅っこに集まってのTGIFも秘密基地感があって好きです。</p> <p>近日、2回目となる他社さんとの合同TGIFが計画されています！<br> また違ったテイストのTGIFをお届けできるのでは、と思います。</p> <p>また、最近つぶやき勉強会なるものが開催されております。<br> 呟くようにライトで気軽な内容の勉強会です。<br> こちらもみてみてください。<br> <a href="http://qiita.com/search?utf8=%E2%9C%93&sort=&q=%22%E3%81%A4%E3%81%B6%E3%82%84%E3%81%8D%E5%8B%89%E5%BC%B7%E4%BC%9A%22">「"つぶやき勉強会"」の検索結果 - Qiita</a></p> <p>Qiitaアドベントカレンダーに今年も参加しています！<br> こちらもみてみてください。<br> <a href="http://qiita.com/advent-calendar/2016/basicinc">ベーシック Advent Calendar 2016 - Qiita</a></p> <p>次回開催はもう年の瀬です。<br> TGIFを心の糧にして今年も最後まで気を抜かずいきます！<br> それでは！</p> <p><img src="https://tech.basicinc.jp/uploads/db9a8a33fe4019c0ce55359144098d19.jpeg" alt=""></p></div></div><div class="article-sns-share-buttons"><a rel="nofollow" target="_blank" class="pocket-share sns-share-button" href="http://getpocket.com/edit?title=+%E7%AC%AC15%E5%9B%9ETGIF+%E4%BA%8B%E6%A5%AD%E9%83%A8%E8%87%AA%E6%85%A2+by+tkhr0+%7C+Basicinc+Enjoy+Hacking%21&url=https%3A%2F%2Ftech.basicinc.jp%2Farticles%2F54"><svg class="sns-icon pocket-icon"><use xlink:href="/assets/icons-5bbe775037b55281ef0bc50d30a51f69c7c3914d399c7107e37f0702d98ae8a2.svg#pocket"></use></svg></a><a rel="nofollow" target="_blank" class="hatena-share sns-share-button" href="http://b.hatena.ne.jp/add?mode=confirm&title=+%E7%AC%AC15%E5%9B%9ETGIF+%E4%BA%8B%E6%A5%AD%E9%83%A8%E8%87%AA%E6%85%A2+by+tkhr0+%7C+Basicinc+Enjoy+Hacking%21&url=https%3A%2F%2Ftech.basicinc.jp%2Farticles%2F54"><svg class="sns-icon hatena-icon"><use xlink:href="/assets/icons-5bbe775037b55281ef0bc50d30a51f69c7c3914d399c7107e37f0702d98ae8a2.svg#hatena"></use></svg></a><a rel="nofollow" target="_blank" class="twitter-share sns-share-button" href="https://twitter.com/share?text=+%E7%AC%AC15%E5%9B%9ETGIF+%E4%BA%8B%E6%A5%AD%E9%83%A8%E8%87%AA%E6%85%A2+by+tkhr0+%7C+Basicinc+Enjoy+Hacking%21&url=https%3A%2F%2Ftech.basicinc.jp%2Farticles%2F54"><svg class="sns-icon twitter-icon"><use xlink:href="/assets/icons-5bbe775037b55281ef0bc50d30a51f69c7c3914d399c7107e37f0702d98ae8a2.svg#twitter"></use></svg></a><a rel="nofollow" target="_blank" class="facebook-share sns-share-button" href="http://www.facebook.com/share.php?u=https%3A%2F%2Ftech.basicinc.jp%2Farticles%2F54"><svg class="sns-icon facebook-icon"><use xlink:href="/assets/icons-5bbe775037b55281ef0bc50d30a51f69c7c3914d399c7107e37f0702d98ae8a2.svg#facebook"></use></svg></a></div></article></div><footer data-scope-path="layouts/_footer"><div class="footer-contents"><a class="root-link" href="/"><svg class="site-logo"><use xlink:href="/assets/icons-5bbe775037b55281ef0bc50d30a51f69c7c3914d399c7107e37f0702d98ae8a2.svg#logo"></use></svg><div class="site-title">Enjoy Hacking!</div></a><ul class="link-list"><li class="link-list-item"><a class="link" href="https://basicinc.jp/" rel="noopener" target="_blank">株式会社ベーシック</a></li><li class="link-list-item"><a class="link" href="https://basicinc.jp/enjoy-hacking" rel="noopener" target="_blank">エンジニア募集</a></li><li class="link-list-item"><a class="link" href="https://qiita.com/organizations/basicinc" rel="noopener" target="_blank">Qiita</a></li><li class="link-list-item"><a class="link" href="https://www.wantedly.com/companies/basicinc/projects" rel="noopener" target="_blank">Wantedly</a></li></ul></div></footer></body></html>