soussune - エンジニアわいわいポッドキャスト「そうっすね」

そうっすね制作委員会

テクノロジーと世の中についてエンジニア達が雑談するポッドキャストです。

  1. 2018/10/23

    44. モチベがなくてもやるんだよ

    trkwとmiyaokaとmasaakikunsanとnakasujiの4人で、Atomic Design、GraphQL、Tailwind CSS、チームビルディング、成長などについて話しました。## Show Notes 中筋さん近況 前回同様に中筋さんのオフィスで収録 ライフスタイルデザインから FABRIC TOKYO へ社名変更 技術顧問 知人の開発の手伝い モラトリアム期間 本業はメインサービスのフルリニューアル、開発合宿にいってきた 心躍るできごとが少ない まさあきくんがうらやましい 気づいたら自分より若い子が増えた JAMstack っぽい構成でコーポレートをリニューアル中 まさあきさん自己紹介 22 歳 大学受験に失敗し、プログラミングを始めた話 SCOUTER に入社、その後フリーランスからそしてまた SCOUTER へ 冴えカノ、氷菓のオタクをやっている 技術書典 5 も参加した デザイナーとうまく協業するにはどうすればいいのか DOM 構造だけ作って、あとでスタイルをつける 仕様策定段階から全員でプロジェクトに携わる フロントエンドとデザイナーの対談回をやりたい Atomic Design について Atomic Design by Brad Frost Brad Frost (@brad_frost) | Twitter Atomic Design ~堅牢で使いやすい UI を効率良く設計する | 五藤 佑典 GraphQL について GraphQL | A query language for your API AWS AppSync – GraphQL を基盤として、データに基づいたアプリケーションをオフライン機能でリアルタイムに構築する フロントとコンテンツの間に GraphQL data layer を持つフレームワーク GatsbyJS Gridsome - Build blazing fast websites for any CMS or data with Vue.js Apollo Client がすごい賢いので、これがあれば Redux などのストアがいらなくなるといいたい気持ちは分かるなー。 — katashin (@ktsn) September 18, 2018 完全に不要にはならないですが、賢くキャッシュしてくれるので、単純な、データ取得→整形・描画→変更をPOST みたいなやつは別に store 介さなくても良い感じです。 — katashin (@ktsn) September 18, 2018 Tailwind CSS について Tailwind CSS - A Utility-First CSS Framework for Rapid UI Development そういえば最近のCSSの話なんですが、文書構造のものだったことが起因していて表現力が以前低いHTMLの代わりに、コンポーネントの命名をCSSが担っているのはやはりおかしく、その領域はWCとかJavaScriptのUIライブラリのコンポーネントが担うので、CSSはtailwind的な設計にすると良いという感じです — potato4d (@potato4d) September 29, 2018 我々は使うときは React コンポーネントとか Vue コンポーネント単位で扱うのに、わざわざ同じ名前を BEM なりに変換したものを CSS で持ってそこに書いていくのは完全におかしくて、CSS側でAtomicな機能を無限に提供してそれを意味づけするのはJavaScriptお前がやれみたいなやつが正しいという気持ち — potato4d (@potato4d) September 29, 2018 PostCSS - a tool for transforming CSS with JavaScript Phenomic, a modular website compiler (static site generator) STUDIO をどうやって作っているのか STUDIO | コードを書かずに、 Web サイト作成を完結。 Vue.js 製の GUI エディタ Keima Kai(@keimakai1993) | Twitter が CPO Vue でデザインツールを作った話 関西から Vue.js Tokyo v-meetup #4 に参加する為だけに東京に来ました！ | NPO 法人のための IT 支援事務所 ht Vue.js Tokyo v-meetup #4 が開催されました - laiso 現状少人数で開発してるので、実装しながらちょくちょく設計について話し合ってる（めちゃ激論になる…） フロントエンドの責務が環境構築や状態管理、メンテナンスというところが重要になってきていて、相対的に UI/UX を追求できるのはエンジニアリングとビジネスと営業ができる上流デザイナーの仕事という感 でもフロント技術を使って UI/UX を作り込みたい。ただしビジネスプロダクトとしてそこを理解して追求してくれる現場は多くは無さそう。 プロダクトを作れるエンジニアにはどうやったらなれるのか エンジニアの市場価値 プロダクトを作るためにはなんでもトータルにできることが求められる 11. フロントエンドエンジニアのキャリアパス - bkkcast フロントエンドエンジニアは CTO になれない なぜCTOをキャリアのロードマップに置いているのか合意取らずに話しはじめてしまったけどこのポッドキャストのいつものノリだと金を稼ぐには――という意味だよね。フロントエンドのキャリアで超絶稼いでる人インタビューさせてくれ！ — laiso🇹🇭 (@laiso) 2018年10月11日 Firebaseで年収1000万・・‼️ 都市伝説じゃなかったのか。恐れ入りました https://t.co/AREB2lP67u — laiso🇹🇭 (@laiso) October 17, 2018 経営視点でロードマップが見えていれば足りないものが分かる たとえばハッカソンに出ると一通り経験が学べるのでは エンジニア以外のプロダクトに関わる人たちの視点も得られる チームビルディングについて スキルのばらつきを無くしたい 知見の共有が必要 → ドキュメント書け → ドキュメントを書く仕事はつらい 多少のスキル差よりは、共通の目標と目的 ルールや目的をシンプルに単純化 単一責任原則 | プログラマが知るべき 97 のこと サービスに対する期待と他のメンバーに対する期待を発表して認識の齟齬を作らない The Agile Inception Deck | The Agile Warrior プログラミング以外のビジネス系などについてどうキャッチアップするか Creative X #1 今あるデザイナの危機に立ち向かう知識　に行ってきたので軽くまとめ｜ Thingo TKSK ｜ note コトノハ - "("はカッコで")"はコッカ エンジニア社会でうまく生きていくコツは SNS でちやほやしてたり治安が悪かったりするのを見るとつらくなる ツイッターだけが世の中じゃないよ？ NuxtMeetup#5 開催しました - SCOUTER 開発者ブログ Vue or Nuxt vue-cli で作るか、nuxt-create-app で作るかの違い 嫌われる勇気: 岸見 一郎, 古賀 史健 関係が合わなくなったら、より広いコミュニティに目を向ける。人生に疲れたら宇宙 or 大地 別に死ぬわけじゃないからいいかの心理 年齢を重ねると自然とどうでも良くなってしまい、きらめきも失ってしまう 効率よく成長するためにはどうすれば良いか JSLounge - connpass うちの父が鉄道好きで昭和オリンピックによる再開発が始まる前の日本全国の鉄道を撮っていたんですが、今その写真展を新宿で開いていて新聞に載るほど好評なようです😲https://t.co/MpjtUHUF3C pic.twitter.com/a7QUWNkpHN — みやおか (@miyaoka) October 12, 2018 半世紀でいろいろ変わってしまう。記録することが大事 soussune - 38. わかばちゃんの楽しい学び方 初心者のつまずき体験を記録しているので、入門者の共感度が高い モチベーションが高い状態であることが一番成長できる 座学だとつまづきでモチベ減、OJT だと詰められてモチベ減 Introduction · Tig - Text-mode interface for Git Sourcetree | Free Git GUI for Mac and Windows スパルタに鍛えられた人は教えるときもスパルタ 自衛隊に入るとモチベに関係なく働く。娑婆っ気を抜かれる 命かかってる現場だから生物としての危機感 モチベ高い／低いと言っていられる現場は幸せ 宣伝、告知 一人暮らしを始めるのでウィッシュリストに暖かい励ましを PM をやっているback checkというサービスの紹介 日本初の月額制リファレンスチェックサービス 💬おたより募集中 soussuneでは感想や質問などリスナーからのご意見をお待ちしています。 Twitter 感想フォーム からお気軽にコメントをお寄せください

  2. 2018/10/18

    43. 技術書典振り返り、Netlifyの構想するWebの未来

    trkwとmiyaokaの2人で、技術書典5、Netlify、originless、STUDIOなどについて話しました。## Show Notes YouTube で収録しました。動画でご覧になる方は →こちら 技術書典５振り返り 技術書典５ | 技術書典 News Up 文系も知りたい「技術書典」 | NHK ニュース 「技術書典にロケットランチャー撃ち込んだら日本のＩＴ業界終わりそう」 JAMstack 完全入門 ハイパフォーマンス Web サイト構築 - soussune - BOOTH（同人誌通販・ダウンロード） 技術書典 5 に参加してみて振り返り (miyaoka) – soussune – Medium 技術書典５に参加してみて振り返り (trkw) – soussune – Medium イヌでもわかる Hyperapp - 犬テトラ+ - BOOTH（同人誌通販・ダウンロード） 技術書典 5 で、『完全 SIer 脱出マニュアル』という本を出します - #がみぶろ #完全 SIer 脱出マニュアル が #技術書典 5 から 1 週間で 800 部も売れて心底驚いている - #がみぶろ シリーズ B で$30M の資金調達を果たした Netlify Funding update: our next steps for a better web | Netlify Netlify | Crunchbase Instagram | Crunchbase GitHub | Crunchbase Instagram も GitHub もシリーズ B からの Exit Netlify の Application Delivery Network(ADN) 構想 Netlify Application Delivery Network | Netlify JAMstackは単にサイトを静的化する技法の話ではなく、NetlifyがこれからのwebというものをCDNからADN、コンテンツからアプリ配信と捉えているところから論ずるべきだったんだなあと、いう視点が見えてきた — みやおか (@miyaoka) October 11, 2018 オリジンサーバーを不要とし、Git で管理されたソースを Netlify がビルドしてエッジに配信する。JAMstack はそのための構成要素の 1 つ Netlify raises $30M to replace webservers with a global 'Application Delivery Network' | Netlify “Netlify is the clear future of the web platform. In less than five years, you'll build your next complex web application on Netlify's Application Delivery Network.” “Our goal is to remove the requirement for those servers completely. We’re not trying to make managing infrastructure easy. We want to make it totally unnecessary.” JAMstack_conf Web は Document か Application か PSA: @gatsbyjs is not just for "sites". It produces static HTML and then rehydrates into a React app.Think of it as an opinionated CRA with built-in SSR and nice integrations w/ CMSs.Please use Gatsby to build apps.Thanks for listening. Happy Friday and happy developing. — Kyle Mathews (@kylemathews) September 21, 2018 Pre-building and distributing apps ahead of time is the core concept behind the JAMstack, a modern approach to web applications. It’s an idea borrowed from mobile development that’s catching on with the web developer community. “Running any web property without origin servers is an arresting concept, but the clear future of the web platform, ネットワークの最適化を意識したアプリケーション開発 JavaScript のコードと Service Worker をユーザーに近い CDN のエッジで実行可能。Cloudflare が「Cloudflare Workers」を提供開始 － Publickey ServiceWorker 内で Babel を駆使して、JavaScript をビルドする - ログミー Tech（テック） JAMstack Radio | Ep. #31, Originless code with Cloudflare's Kenton Varda | Heavybit You write code and it just runs everywhere. That's what we call "originless," and that's what Cloudflare does. 開発中の STUDIO エディタをプレビュー STUDIO | コードを書かずに、 Web サイト作成を完結。 Vue.js で作られている Web サイト制作用 GUI エディタ 現行版をコアから作り直していて、いろいろ新機能を盛り込んだりだいぶパフォーマンスが出るようになってきた（下記ビデオ参照） 次世代の Web デザインプラットフォーム「STUDIO」、Web サイトの公開が無料に。｜ STUDIO 株式会社のプレスリリース ホームページ作成 | 無料ホームページの作り方 | WIX Responsive web design tool, CMS, and hosting platform | Webflow 次回の技術書典では STUDIO の技術本とか書いても面白いかもという話 書籍を書くのは大変 「Vue.js 入門 基礎から実践アプリケーション開発まで」の没ネタ – kazuya kawaguchi – Medium 【新刊情報】10月新刊『Nuxt.jsビギナーズガイド―Vue.js ベースのフレームワークによるシングルページアプリケーション開発』見本が届きました https://t.co/zD7GaduG8h pic.twitter.com/9ceoP0NZnV — C&R研究所の会社犬ラッキー (@lucky_CandR) October 9, 2018 💬おたより募集中 soussuneでは感想や質問などリスナーからのご意見をお待ちしています。 Twitter 感想フォーム からお気軽にコメントをお寄せください

  3. 2018/10/05

    42. JAMstack 完全入門 ハイパフォーマンス Web サイト構築

    trkwとmiyaokaの2人で、技術書典5、JAMstackなどについて話しました。## Show Notes 技術書典５ 技術書典５ | 技術書典 JAMstack 完全入門 ハイパフォーマンス Web サイト構築 - soussune | 技術書典 完全 SIer 脱出マニュアル - しがないラジオ | 技術書典 kmuto/review: Re:VIEW is flexible document format/conversion system おしながきを作りました。Docker風味。 #技術書典#マンガでわかるDocker#告白に学ぶHTTPステータスコード#わかばちゃんと学ぶサークルチェック→ https://t.co/MLn5avUxtI pic.twitter.com/aMzdvCk1qu — 湊川🌱マンガでわかるDocker② 10/8技術書典5【あ20】 (@llminatoll) 2018年10月2日 JAMstack JAMstack | JavaScript, APIs, and Markup 静的化、動的化の違い SSG(Static Site Generator) なぜ dev.to がこんなにも速く、こんなにも自分にとって感動的なのか - DEV Community TypeScript 入門以前ガイド - mizchi's blog The JAM Stack - Speaker Deck この本のターゲットは、広めに設定している JAMstack という用語は日本ではあまり広まっていない エコシステムの話 JAMstack はアーキテクチャ 技術書典４ | 技術書典 First Load と、遷移時の速さを解決できるのが JAMstack 技術書典のサークルチェック サークルチェックは予約ではないため購入できるかは当日次第です。売り切れを防ぐためにはサークルさんが強気に、少し多めに！刷る必要があります。販売予測はすごく難しいので、どの程度興味があるかを事前に伝えることは判断の一助となります。各参加サークルに判断の材料を渡すために、はやめにサークルチェックをお願いします。 技術書典ブログ soussune の宣伝が遅すぎた問題 壁サークルとは - 日本語表現辞典 Weblio 辞書 技術書典サークル初参加しました。使った物と使わなかったものをまとめます。 - kaggle 全力でやります AWS をはじめよう　～ AWS による環境構築を 1 から 10 まで～ - mochikoAsTech | 技術書典 同人誌と商業誌 Vue.js 入門 基礎から実践アプリケーション開発まで：書籍案内｜技術評論社 同人なのに、商業に近いクオリティになってしまう もっとブログくらいのノリで書ける本を出していくのも大事かもしれない話 読んでみたい本 10/8 　技術書典５に参加します｜齋藤｜ note 先人の知見を吸収すべきだった 展示ホール D - 株式会社サンシャインシティ 展示ホールご案内｜施設概要 soussune は 80 部で、弱気 知り合いに配ったり、家族に見せたり、自分で見たり、勉強会で配ったり、カンファレンスで景品にしたりと活用方法がいっぱいあるので、最低でも 10 冊は残しておかないと後悔する可能性があります。 技術書典で爆死しないために｜ erukiti ｜ note 今日からはじめる技術 Podcast 完全入門 - YATTEIKI Project | 技術書典 入稿終わって気が抜けて、技術書典楽しみでしかないのだ — trkw@技術書典5 け53 (@trkw_) 2018年10月5日 技術書典 - connpass 図やイラストについて miyaoka さんは、Flash を使って図とイラストを書いてる Amazon | WACOM FAVO ペン&マウス・タブレット A6 サイズ CTE-440/S0 シルバー (ソフト 5 種類付属) | ワコム | ペンタブレット 通販 ‎「CLIP STUDIO PAINT 漫画・イラスト制作」を App Store で おうちハック ルーティンの設定と管理 - Android - Google Home ヘルプ Nature ルーティン（元ショートカット）は、Nature の「Direct Actions」（Google Home のみ対応）であれば、アプリとの接続は不要だが、「ねぇ Google（OK Google）、ネイチャーリモに繋いで」という発言を省略させるような使い方を想定 （ルーティン機能以前にあったショートカット機能でショートカットを作成されていた方は、「カスタム」に設定済みのショートカットが表示されています） Google Home のルーティン機能を活用する — Nature nfarina/homebridge: HomeKit support for the impatient まとめ JAMstack 本は、Web サイトの価値が高めることができ、 DX が高まる本となっているというまとめ。 💬おたより募集中 soussuneでは感想や質問などリスナーからのご意見をお待ちしています。 Twitter 感想フォーム からお気軽にコメントをお寄せください

  4. 2018/08/19

    41. 楽しくて仕方がないラジオ

    trkwとmiyaokaとzuckeyとgamiの4人で、しがないラジオについて話しました。## Show Notes しがないラジオとコラボ回 しがないラジオ sp.37【ゲスト: trkw_&miyaoka】楽しい『エンジニアわいわいポッドキャスト soussune』 | しがないラジオ ポッドキャストのホストをやっている同士で、ゲスト参加は今回がお互いに初めて パーソナリティ、自己紹介するタイミングがない問題 収録環境 今日はsoussuneとしがないラジオのコラボ回をPLAIDオフィスで収録します！ #soussune #しがないラジオ pic.twitter.com/WxqAbB1KoE — soussune (@soussunefm) 2018年8月18日 gami さんの自己紹介 株式会社プレイド | データによって人の価値を最大化する インタビュー上手い人 zuckey さんの自己紹介 場の発明を通じて欲しい未来をつくる｜ tsukuruba inc.（ツクルバ） 編集する人 Podcast の話 10 日出してないとそわそわする 習慣化 収録しても編集までなかなかできてない ライブでやりたい 今どきの YouTube に比べたら Podcast って大変 習慣化 自己肯定感を爆上げする、MRM(Morning Routine Management)を始めてみた - #がみぶろ 効率厨 カレー生活 COMP 完全食 つくおき | 作り置き・常備菜レシピサイト 早朝に会議室借りて収録 結婚式話 富士山頂挙式 Node.js Tabs versus Spaces - YouTube 『しがないラジオ meetup#1』に参加してきた - dskst's diary しがないラジオコンセプト SIer で苦しんでる人に手を差し伸べる的な 聞き上手 客観的な質問をする gami さんと、勢いで質問する zuckey さん #PLAID_party に #しがないラジオ パーソナリティが揃った！ pic.twitter.com/tHloji5cCA — gami お27『完全SIer脱出マニュアル』@技術書典5 (@jumpei_ikegami) 2018年7月18日 技術話 Rails 力上がったけど、新しい技術に触れてない 技術書典 | 技術書典 kmuto/review: Re:VIEW is flexible document format/conversion system しがないラジオパーソナリティ2人に、技術書典5で書いてほしい同人誌のテーマは？#しがないラジオ #技術書典 — gami お27『完全SIer脱出マニュアル』@技術書典5 (@jumpei_ikegami) 2018年8月2日 💬おたより募集中 soussuneでは感想や質問などリスナーからのご意見をお待ちしています。 Twitter 感想フォーム からお気軽にコメントをお寄せください

  5. 2018/05/10

    40. CTOの技術選定

    trkwとmiyaokaとkotamatsの3人で、SCOUTER、Vue.js、Nuxt.js、Laravel、Android、JetBrainsなどについて話しました。## Show Notes kotamats さんの自己紹介 松本 宏太さん (@kotamats) の自己紹介 株式会社 SCOUTER の CTO 人材紹介を誰でも簡単にできるサービスを運営 会員数 3000 名を超えた 趣味は自転車 NuxtMeetup#1 を開催しました! | SCOUTER 開発ブログ SCOUTER さんが行っている技術選定 技術選定のコンセプト ゆるふわでできる物を選んでいる Laravel - The PHP Framework For Web Artisans 最近の開発では Nuxt も利用している Laravel は Rails 出身者でも開発に携わりやすい 2 年前は CakePHP で運用していてリニューアル、現在は Laravel と Vue で運用 Nuxt は、 2017 年 10 月から実際に導入している デメリットと感じる点は、ゆるく書けるのが良くも、悪くも Vue.js だとあまり、Component を許容しない タグが invalid でも通してしまう vue これvalidなの… pic.twitter.com/JctNnlLAuJ — azu (@azu_re) 2018年4月4日 別リポジトリで、ソースを共有する方法 企業側、スカウターさん、転職者さん、Admin 用でリポジトリが別れているという課題 扱っているデータは一緒なので、別リポジトリでも plugin 的に同じソースを利用したい Storybook 上で Button など、共用パーツをまとめてる storybook/addons/storyshots at master · storybooks/storybook PHP 側にはテストをいれているが、なかなか回帰テストまでには至ってない。コンポーネント集として ElementUI などを見て参考にしている Element - A Desktop UI Toolkit for Web Table Component | Element rlidwka/sinopia: Private npm repository server verdaccio/verdaccio: 📦🔐A lightweight private npm proxy registry Pricing - npm 分岐が複雑なコンポーネント v-if とかで分岐、Admin でこういうステータスだと表示しない Logic に落とし込むと v-if が多くなり複雑になる jsx の返す関数を用意して、render に渡す 愚直に JavaScript を書く v-if のネストや v-else まで入るとつらい感 後置 if 構文： If, Else, Unless, and Conditional Assignment - CoffeeScript うーん、個人的には Vue も大規模なもので十分使えると思ってるのだけど、この認識の違いはどこからきてるんだろう。 — katashin (@ktsn) 2018年4月2日 フロントエンドの Vue.js は、サーバーサイドの PHP に似ているのかも 初級者から中級者にとっつきやすいイメージがあるが、強い PHPer のような人も居る API の IO が複雑な時の開発フロー ネストが深いデータフローをどうすべきか World's Most Popular API Framework | Swagger Browser Tests (Laravel Dusk) - Laravel - The PHP Framework For Web Artisans よい API ドキュメントがあるだけで、開発意欲がわく Stripe API Reference Annict Introduction · Annict Docs Annict の GraphQL API を使ってアニメデータを取得しよう - Qiita annict/annict: The platform for anime addicts built with Rails 5.1 and Vue.js 2.5. Animetick / アニメティック - アニメ視聴管理サービス ソースコードの抽象化、責務範囲 ドメイン駆動設計（Domain-driven design, DDD） YAGNI "You ain't gonna need it" ピザを分け合うことができる人数 = チームとして成り立つ規模感： 米 Amazon の CEO ジェフ・ベゾスが提唱する｢2 枚のピザ理論｣ | ライフハッカー［日本版］ Twitter Lite の不具合報告からわずか 2 時間ほどで修正デプロイ可能な体制に感動した話 This is fixed now -- I wasn't expecting such a quick turnaround around on Friday afternoon! — Tatsuhiko Miyagawa (@miyagawa) 2018年3月24日 ReactiveX RxJS API Document Android の日本展開 iPhone を使ってた松本さんが、Android に変えた話 最近の Android は機能が充実している Pixel 2, Ask More of Your Phone - Google Store Samsung Galaxy S7 y S7 edge | Samsung CO スマートでよりシンプルな「Android P」β テスト開始　 11 機種が対象 - ITmedia Mobile Android P Preview対応機種の日本販売状況Pixel ✘Pixel XL ✘Pixel 2 ✘Pixel 2 XL ✘Xperia XZ2 △(キャリア版はおそらく不可なため)Xiaomi Mi Mix 2S ✘Nokia 7 Plus ✘Oppo R15 Pro ✘Vivo X21 ✘OnePlus 6 ✘Essential PH‑1 ○ — tomokin966 (@tomokin966) 2018年5月9日 Google Lens 日本だけ iOS シェア率高いままというのが IE の再来を想起させるので危機感 【調査】#iPhone と #Android のシェア調査です。日本と海外では両者のシェアに大きな違いがあります日本：#iOS 68.6% Android 30.4%国外： iOS 19.6% Android 71.9%https://t.co/TWw2uPqtYT pic.twitter.com/mlN5CTUrPD — XERA公式 (@xera_jp) 2017年8月10日 【iPhone VS Android】日本と世界におけるスマホ OS のシェア率分析 | XERA iOS Developers Ship 29% Fewer Apps In 2017, The First Ever Decline – And More Trends To Watch | App store Insights from Appfigures Web browser popularity change over time - Business Insider iOS 11.3 で、PWA から別アプリに切り替えて復帰した際に、状態がリセットされてしまう話 Pixel 2 /2 XL の｢Google フォト無制限使用権｣は 2020 年末まで。以降は一般ユーザーと同じ扱いに - Engadget 日本版 JetBrains 製品の機能どこまで使ってる？ Vue.js - Help | IntelliJ IDEA フロントはもう VSCode > IntelliJ系 かと思ったけど、Vueのコードジャンプのサポートでやっぱり InteliJ系 > VSCode だわ〜となった。でもReactだったらVSCodeでええな。。。 — nabepon (@nabepon_dev) 2018年4月12日 intellij、ときどきくっそ重くなって重くなるたび.idea/workspace.xmlを削除してるんだけど、どうにかならんかしら — nabepon (@nabepon_dev) 2018年4月3日 trkw の MacBook Pro で ふぁんふぁん いう プログラミング言語の使い分け Go の勉強 by miyaoka Haskell Language Hakyll - Home Web Assembly、まだ trkw、miyaoka やれてない WebAssembly cut Figma’s load time by 3x – Figma Design Expo Notifications - Expo Documentation Progressive Web Apps on iOS are here 🚀 – Maximiliano Firtman – Medium iOS ではなく、Android だと PWA でできることが結構多い記事 💬おたより募集中 soussuneでは感想や質問などリスナーからのご意見をお待ちしています。 Twitter 感想フォーム からお気軽にコメントをお寄せください

  6. 2018/05/03

    39. わかばちゃんの楽しい学び方 Aftershow

    trkwとmiyaokaとllminatollの3人で、わかばちゃん、Docker、原稿管理、Google アナリティクス、ビジネス、趣味などについて話しました。## Show Notes わかばちゃんが出る ISUCON 学習や体験のハードル下げることができる漫画 わかばちゃんの成長を感じる わかばちゃんは需要があるところに出没して、解決していく マンガで分かる Docker #マンガでわかるDocker BOOTHにてインターネットダウンロード販売はじめました🎉✨こちらからご購入いただけますhttps://t.co/GXn20eSFjk#技術書典 #技術書典4 #BOOTH — マンガでわかるDocker DL販売中！ (@webdesignManga) 2018年4月23日 Docker を使う人は自学自習していくタイプが多いと思い、「マンガで分かる Docker」は書くべきか悩んだ フロントエンドエンジニアでも開発環境を揃える為に Docker を使っているという話を聞いたため書いてみようと思った DX（Developer Experience） soussune/soussune.com: エンジニアわいわいポッドキャスト「そうっすね」 Introducing Deploy Previews in Netlify | Netlify Review Apps | Heroku Dev Center 技術に乗り気じゃない人にも読んで欲しい IFTTT/dash: A simple Docker Compose wrapper command used in developing applications at IFTTT. ansible/ansible: Ansible is a radically simple IT automation platform that makes your applications and systems easier to deploy. Avoid writing scripts or custom code to deploy and update your applications — automate in a language that approaches plain English, using SSH, with no agents to install on remote systems. https://docs.ansible.com/ansible/ GitHub で原稿を管理している textlint/textlint: The pluggable natural language linter for text and markdown. kmuto/review: Re:VIEW is flexible document format/conversion system Viewing contribution activity in a repository - User Documentation Is the punchcard graph gone now? わかばちゃんと学ぶ Google アナリティクス soussune は、Google アナリティクス を見て朝の通勤時間に聞いている方が多かった為、リリースを朝の 9:00 にしている 収益や PV をあげる為にはどうしたらいいかが書かれている 3C 分析とは・意味｜ MBA のグロービス経営大学院 4P とは・意味｜ MBA のグロービス経営大学院 Google アナリティクス は、非技術者と、技術者を戦略レベルで誘導させられるツールである 第 1 章は、いいエモい話になっている Google アナリティクス個人認定資格（GAIQ）理解度テストについて - Google Partners ヘルプ マンガでわかる Google アナリティクス 序章 「インターンシップ先は問題だらけ！？」 – KOBIT これだけ知っておけば大丈夫！校正にまつわる 7 つの専門用語 - 社内報担当者のための情報サイト SHAHOO!（シャホー！） イラスト マンガ制作ソフト・アプリ CLIP STUDIO PAINT（クリップスタジオペイント） 株式会社 C&R 研究所 Vuexの図をかいてたら途中からナナチを書いていた pic.twitter.com/p3kRHSMShD — mio (@mio3io) 2018年1月12日 技術書典 - 技術書典 人生のイベントを抑えるビジネス プログラマーのための新千歳空港入門 #love_swift from Tomohiro Kumagai ターミナル (字幕版) - 動画 - Amazon ビデオ 空港に居住した人物の一覧 - Wikipedia マーハン・カリミ・ナセリ - Wikipedia [公式]イオンのお葬式 - 葬儀・家族葬 全国の葬儀場から検索 【公式】スタディサプリ - 神授業、見放題。 【就活ならリクナビ】新卒・既卒の就職活動・採用情報サイト ウエディング、ブライダルなら結婚準備の総合サイト ゼクシィ 継続する趣味 自己肯定感を爆上げする、MRM(Morning Routine Management)を始めてみた - がみぶろ trkw - キャンプ 1 人旅行にハマってた時期 宮崎県・高千穂のパワースポット三社をめぐる開運トリップのススメ｜九州への旅行や観光情報は九州旅ネット 乾徳山 - 20m の岩を登るスリル！富士山の絶景を楽しむ日帰りルート - YAMA HACK キャンプやる キャンプ YouTuber いる話 山、ジムが続かなかった 乾徳山 - 20m の岩を登るスリル！富士山の絶景を楽しむ日帰りルート - YAMA HACK 野球 miyaoka - 映画 映画とはなんなのかという根源的な疑問から、年間 300 本くらい見るようになっていた趣味というか修行 午前十時の映画祭 - Wikipedia TOHO シネマズ では 50 本くらい（6000 分）見ると 1 か月間無料のフリーパスが貰える llminatoll - 仕事が趣味になっている ピアノをやってた 合気道をやってた 合気道は自分から攻撃せず相手を傷つけない、自分を守る為にある 社会人になると趣味を辞めてしまっているかも もくもく執筆会 REV.1 〜技術系同人誌／商業誌・発表資料・ブログ〜 - connpass ミニマリスト 山賊ダイアリー / 岡本健太郎 - イブニング公式サイト - モアイ 💬おたより募集中 soussuneでは感想や質問などリスナーからのご意見をお待ちしています。 Twitter 感想フォーム からお気軽にコメントをお寄せください

  7. 2018/03/13

    38. わかばちゃんの楽しい学び方

    trkwとmiyaokaとllminatollの3人で、Git入門、学習コスト、娯楽と学び、初心者目線、媒体の未来などについて話しました。## Show Notes わかばちゃんのGit本著者、@llminatoll さんとのsoussune収録に来ました pic.twitter.com/YITcKVVrJt — みやおか (@miyaoka) 2018年1月16日 ゲスト湊川さん フリーランスで web デザイナーと漫画家、技術書執筆 わかばちゃんと学ぶシリーズ わかばちゃんと学ぶ Web サイト制作の基本 わかばちゃんと学ぶ Git 使い方入門〈GitHub、Bitbucket、SourceTree〉 わかばちゃんと学ぶ Google アナリティクス〈アクセス解析・Web マーケティング入門〉 Git 入門書の話 出版業界的にはもともと Git 本は出尽くしていたと言われていたが、デザイナー向けにデザイナーが書いた Git 本は無かった メルカリの DQNEO さんに監修してもらう SourceTree で具体的に解説 現状 Git を導入していない会社って Windows が多い感覚なので、Windows ベースで書いてある Win/Mac でインタフェースが違うので両方紹介 入門者視点 自分のつまずきから生まれる。自分が一番の読者 こんな本が良かったのに、というフラストレーションから 全然、わかばちゃんの視点になれてない trkw 学習や教育コストを減らす 業務でエンジニアとデザイナーが Git 使っていく場合など、どっから教えればいいのか問題 Sketch の Git Plugin エンジニア的に便利なのに伝えられないもどかしさ できるエンジニアが初心者に教えるコスト 社会全体で考えてもったいないコスト。学習コストを減らしたい 娯楽と学びの境界線 マンガ読むだけである程度伝わる。もっと楽して学んでいいんだよ trkw 新人時代、JavaScript 本（サイ本）を写経 娯楽と学びの境界線をいかに無くすかというのがテーマ マンガ読んでる間に Git ってこういうものだと分かる 写経など、いろんな選択肢の中でもわかばちゃん本はぬるま湯というスタンス 技術を無理やり使わされるとモチベーションが地に落ちてしまう 概念をイメージで解説 pull = fetch + merge の話を電線で解説 マンガでわかる Git 9 話「pull の正体は fetch ＋ merge だった？」｜ CodeIQ MAGAZINE イメージで考える湊川さん エンジニアはふだん映像流れるか？ miyaoka の場合、Git の解説にまず.git/の中から解説した 入門 Git 入門 Gitで内部構造を知って理解した amazon のレビューで評価が低いので悲しかった Git という仕組みに入門する本であり、初心者向けと思われてしまうターゲット読者のズレ Git に詳しい人が書くと専門的に書いてしまう 濱野さんではないオリジナリティとして、初心者目線を持っているからこそのわかばちゃん 新しい技術を使うメリットを提示 何ができるのか分からないユーザーに、先にメリットを提示する 現場にコミットしていない上司とかにも読んで欲しい svn から Git に乗り換えたいユーザーも想定 エンジニアは新しい技術に興味があるが、その他の人に対してどう伝えていくか メリット、もしくはデメリットを提示。脅しはやりたくないので、いかに楽しい世界を見せるか 技術だと楽しさを見せるのって難しい。やりたいだけだろ、と思われてしまいがち 技術変化に対する世間の反応 昨今のフロント技術の場合、周りから見て変化が速いと言われがち 新しいほうが便利になっていくのに、技術の陳腐化を心配する声が多い 一定数辛辣なコメントは言われるもの。でも興味を持たれているのは無関心よりよいともいえる 発言までするというのは、その人の立場としての恐れや焦りの心理 古い技術のままのほうがつらい。学習コストはかかるが新しいものを追ったほうが楽になる 書籍での情報更新について 書籍はアップデートができない Git 本発売後に SourceTree の UI が大幅に変わってしまった 増刷がかかったタイミングでキャプチャの撮り直しを行った 初心者は UI が変わると分からない 増刷やブログでサポート Twitter で質問が来るのに答えるとそれをそのまま解説記事にできる Windows 版 SourceTree が Ver 2.1 系列になって、ローカルリポジトリの作り方がわからなくなった方へ | マンガでわかる Web デザイン 読者じゃない人にもリーチして導入になる 湊川さんのポートフォリオ Ai Minatogawa github.io を使ってるとオッて思う esa から CI 使ってデプロイしてる GitHub Webhook (β) で GitHub のリポジトリに md ファイルを push できるようになりました - docs.esa.io 初心者として聞いていく 分からないものを分からないと初心者として聞いていくスタンス trkw がキャンプに興味を持ち出したので、初心者としてブログ書いてほしい エンジニアが技術話だと初心者の立場は難しい 初心者だと言っていったほうがアドバイスをもらえて得かもしれない 初心者目線での発見 分からなかったポイントと感動したポイントをちゃんと記録しておくことで楽しく共感できるように見せる daemon が分からなかったという初心者のつまずき 初心者が学びを得たときに感じた嬉しいポイント、プラスの感情 玄人から見たら当たり前でも、初心者は発見だらけ 初心者であることは大事だけど、本当にただわかりません、だとつらい どこまでやってどうつまずいてどう分からないかというのが明確だと教えがいがある 漫画で分かる ○○ 今後のわかばちゃん展開 アンケート結果出ました！得票数が多い順に1. 絶対に学ばないわかばちゃん（日常マンガ）29%2. マンガでわかる確定申告 27%3. マンガでわかるDocker 25%4. マンガでわかるRuby on Rails 19%でした！投票いただいたみなさま、ありがとうございます！https://t.co/DdOwuc7MKx pic.twitter.com/yijT6b8i9u — 湊川🌱わかばちゃんと学ぶGA3/27発売 (@llminatoll) 2017年12月12日 絶対に学ばないわかばちゃん マンガで分かるキャンプ → ゆるキャン 学びたいもの、ハマってるもの ハマってるもの：vtuber シロちゃん壺回を深夜に 3 回繰り返し見て頭がおかしくなった 普通の youtuber も面白い よきき - YouTube 小峠英二 - Wikipedia vtuber ばっかり見てたら普通の youtuber が生身でリアルすぎる 不気味の谷現象 - Wikipedia さすが尻P先生。追記しました。（多くのアーティストやクリエイタが狙ってる領域ですね） pic.twitter.com/3UpjUN0Q9p — 八谷和彦 (@hachiya) 2017年11月29日 不気味の谷の手前にはかわいいの丘がある 媒体の未来の話 YouTube、Podcast は誰でも個人で配信できる時代 soussune で自作キーボードの組み立てを配信してみたい 自作キーボードクラスタが去年末にコミケで活躍 BUILD YOUR OWN KEYBOARDs [compiled] - plus TK2S KbD C93 - たのしい人生 ねこでも作れる！オリジナルキーボード - ゆかりや ロープロファイル対応、左右分割型自作キーボードキット「Helix」 Helix キーボードキット | 遊舎工房 SHOP リアルの価値はどうなるか マンガや YouTube は自分のペースで見れる 勉強会、キャンプとかその場に行くことの体験 リモートでモクモク執筆会 VR でのライブ アウトプット 評価されるためにはアウトプットしないと誰も見てくれない 読みたくなるようなコメントをちゃんとする 1 ツイート 1 テーマに絞って紹介 💬おたより募集中 soussuneでは感想や質問などリスナーからのご意見をお待ちしています。 Twitter 感想フォーム からお気軽にコメントをお寄せください

  8. 2018/02/09

    37. デザインエンジニアのワークフロー

    trkwとmiyaokaとoligin020の3人で、RIA、フレームワーク、デザインシステム、Figmaなどについて話しました。## Show Notes soussune、今日も収録してます。菅原( @oligin020 )さんのオフィスにおじゃましてますー #soussune pic.twitter.com/Ya3NpVAY77 — みやおか (@miyaoka) 2018年1月17日 菅原さんの自己紹介 株式会社ファームノート - クラウド牛群管理システム 牧場の営業管理ツール デザイナーとプログラマをやっている 管理画面がまるでリアルなダビスタ エンジニアとしてどうやってきたか 中村勇吾さんへのあこがれ UI デザイン 派手な EC サイト作り。コンペ向きな演出 RIA: リッチインターネットアプリケーション - Wikipedia フレームワークが無いので自作 ビジュアル表現 Flash はドキュメントではなくアプリケーション 最近のフロントはマイクロインタラクション 作り手のエゴイズムは満たされにくい データビジュアライゼーション Visual Data 〜データや映像で体感：日本経済新聞 データビジュアライゼーションの作り方 from 清水 正行 Vue と React Native で D3 を動かす DOM 操作を D3 ではやらない D3 はサンプルが豊富 アニメーション CSS Transition React Native はアニメーションが大変 SVG の面白さ コードで生成した SVG をファイル化してエディタに持っていく Introduction · react-sketchapp Sketch のプラグインで React Component を Sketch のシンボル化 Lint 話 eslint-config-airbnb Editorial: Add Automatic Semicolon Insertion hazard clause by bmeck · Pull Request #1062 · tc39/ecma262 Prettier · Opinionated Code Formatter How to change tab size on GitHub? - Stack Overflow フレームワーク The PureMVC framework MVVM のはしり、Windows Vista の XAML XAML とは XML ベースでデータバインディング Mobile App Development & App Creation Software - Xamarin Unity - Services - Cloud Build メディアアートの世界 群衆リファレンス ① - nisshi.yugop 群衆リファレンス ② - nisshi.yugop GUI デザインツール React Studio STUDIO | The next generation design tool for digital products SortableJS/Vue.Draggable: Vue component allowing drag-and-drop sorting in sync with View-Model. Based on Sortable.js デザインシステム 自作の Atomic Design Playground Atomic design Vue.js からみた AtomicDesign – Takanori Sugawara – Medium デザインシステムとコードを密結合するワークフロー エコシステムを作ってデザインとプログラム両方やる Figma Figma: the collaborative interface design tool. Sketch + Google Docs デザインが仕様書。実装との協議を Figma でやる Google: Gallery Figma のメリット Sketch より大量の画像でも問題ない プロトタイピングも可能 バージョン管理なども一式揃ってるのが楽 ツール TypeScript alpha 版から使ってた GitHub Projects vs ZenHub GitHub Marketplace: tools to improve your workflow · GitHub 💬おたより募集中 soussuneでは感想や質問などリスナーからのご意見をお待ちしています。 Twitter 感想フォーム からお気軽にコメントをお寄せください

すべて見る（45）

評価とレビュー

4.1
5段階評価中
8件の評価

番組について

テクノロジーと世の中についてエンジニア達が雑談するポッドキャストです。

情報