YukiOzasa

CEO & VPoE of Anti-Pattern Inc.

Twitter Facebook

2023年12月10日

SaaSにおけるフィーチャーフラグ活用とその考え方

こんにちは、小笹です。 SaaSus Platform(https://saasus.io/ )についてお客様とお話をさせていただきますと、「うちはお客様ごとにカスタマイズをしているのでSaaSにしていくのは難しい」というお声をいただくことがあります。その際にプロダクトマネジメントのお話やフィーチャーフラグのお話をさせていただくのですが、その場その場でお話しする形になってしまうので、振り返りやすいコンテンツとして本ブログを執筆することにいたしました。なお、本記事は「BtoB SaaSがカスタム開発の要望と向き合うには( https://saasus.io/blog/how-btob-saas-can-stand-up-to-the-demands-of-custom-development )」という拙作と合わせて参照いただくとより理解が進むかと思います。 Twelve Factor Appについてまず、コードベースを一つに保つということについてです。これはTwelve Factor Appというものでもその重要性が説かれています。 Twelve Factor Appは、

GitHubAgile2023年3月30日

自称日本一GitHub Projectsを使っているのでどう使っているか紹介する

こんにちは。自称日本一GitHub Projectsを活用している CEO兼VPoEの小笹です。本稿では、株式会社アンチパターンにおいて、実際にどのようにGitHub Projectsを使っているのかについて共有させていただきます。 ■目次 * 何故GitHub Projectsなのか * ISSUEラベル * イテレーション * Workflows * ビュー * Task lists(親子ISSUE) * マイルストーン * ISSUEテンプレート * Insights * 今後やれるといいなと思っていること何故GitHub Projectsなのか * ソースコードの管理と同じプラットフォームでネイティブに連携していること * 複雑な要求に応えようとすると管理も複雑になるが、機能がシンプルなため思考の制限がかかってちょうど良かったから * 定期的にアップデートがあって今後も期待できる上記理由からGitHub Projectsをどこよりも活用してみるぞ！という意気込みで頑張りました。 ISSUEラベルまずは基本となるラベルの設計です。

2022年4月6日

Amazon QuickSightと仲良くなるためのTips

こんにちは。小笹です。最近は、Amazon QuickSightを使って事業の分析を行って経営に活かそうと頑張っています。 QuickSightとはAmazon Web Servicesが提供しているビジネスインテリジェンスツールです。詳しくは公式サイトをご覧くださいませ。 https://aws.amazon.com/jp/quicksight/ 結論 Amazon QuickSightと仲良くなるにはデータセットの「計算フィールド」を上手く使うのが大事。やりたいこと AWSエンジニア特化型のマッチングプラットフォーム「engineed」では弊社独自の実技試験を提供させていただいています。その実技試験結果をもとに利用企業はユーザーに対してスカウトを送ることができるので、よりその人に合った良い機会をエンジニアに届けられると思っています。その中で受験済みのユーザーと未受験のユーザーで、どういう差異が生まれているのかを分析したい気持ちになりました。(ex.スカウトの受信率など。) なのでAmazon QuickSightでも受験しているかどうかのフラグを見たい気持ちになりま

GitHub2021年10月20日

GitHubのprojects(beta)を触ってみたらプロダクトの思想が見えて嬉しくなった話

こんにちは、小笹です。スクラムマスターとして日々より良い開発者体験を追求しております。その中でGitHubの新機能を触ってみたのでブログにしてみました。触ってみた感想もう少し機能が拡充したら積極的にこちらへ載せ替えたいです。具体的にはWorkflowの設定が細かくできるようになって自動化できそうになったら移行します。 projects(beta)について Issueをトラッキングできるシート機能で、パブリックベータ版として一部機能が利用できるようになっています。 Organizationの下にあるProjectsページで新しいprojects(beta)を作りましょう。 ISSUEのインポート機能が現状はないのでISSUE側からポチポチ紐付けていきます。 ISSUEを紐づけるとスプレッドシートが展開されます。デフォルトで * Title * Assignees * Status が表示されます。ここでいうStatusはこのprojects(beta)で扱うデータになります。デフォルトで * Todo * In Progress * Do

gulpPug2021年8月31日

gulp-sitemapを使ってsitemap生成を自動化する

やりたいことページが追加される度にsitemap.xmlをいちいち手入れするのは面倒なので自動化したい。対象サイトの状況パーツを共通化したかったのでPug+Scssを使っています。それをgulpを使ってビルドするようになっています。元から使っているパッケージ(一部) gulp gulp-pug やったこと gulp-sitemapの導入ちょうど良さそうなパッケージがあったので利用することにしました。 gulp-sitemapGenerate a search engine friendly sitemap.xml using a Gulp streamnpm [https://www.npmjs.com/package/gulp-sitemap]使い方は見ていただいた通りです。シンプルな機能なので、基本的には困らないと思いますが、コツはhtmlファイルがビルドされてから動作するようにすることです。そうでないと実行のタイミング次第では抜け漏れが出てしまいます。今回対象の環境では、アウトプット先を一回空にして、その後各種ファイルをビルドするような処理の流れにして

2021年7月8日

アンチパターン社における非同期的なプロダクト開発のナレッジ(202107スナップショット)

こんにちは。株式会社アンチパターンのCEO兼VPoEの小笹です。株式会社アンチパターンでは、「日本のソフトウェアエンジニアを憧れの職業へ」を目指して、AWSエンジニア特化型のマッチングプラットフォーム「engineed」を開発しています。 engineedの開発は、フルタイムのメンバーだけではなく、社内のメンバーがサイドプロジェクトとして関わっていたり、外部の副業やフリーランスの方々が多数関わっていたりします。前提として、優秀なソフトウェアエンジニアは生産性が非常に高いです。なので、少ない時間でも優秀な人がプロダクト開発に関わってくださることは、大きな価値を生みます。しかしながら、多くの企業がまだ副業者の活用に関して、ネガティブなイメージを持っていたり、うまく活用するイメージをもっていないように思います。 (私自身がengineedの営業を行う中で感じていることなのでやや定性的ですが) そこで、非同期的なプロダクト開発を進めていくナレッジをシェアすることで、少しでも啓蒙活動になればいいなというのと、より多くの優秀なソフトウェアエンジニアに参画いただきたいと思い、筆

Gatsby2021年5月17日

Contentful Gatsby Starter Blogを使うときの注意点

■今やっていること Gatsby + ContentfulのJAMstackなブログサイトを構築しています。 ■使っているスターターキット Gatsbyには素早くデプロイできるようにスターターキットがいっぱい用意されています。好みのものを採用してみてください。 Starter LibraryGatsby Starters: LibraryGatsby [https://www.gatsbyjs.com/starters/?v=2]今回はcontentful [https://github.com/contentful]が提供しているキットを採用しています。 GitHub - contentful/starter-gatsby-blog: Gatsby starter for a Contentful project from the community.Gatsby starter for a Contentful project from the community. - GitHub - contentful/starter-gatsby-blog: Gatsby start

2021年4月5日

Figmaを使ってAtomicDesignを導入したWebアプリケーションのデザイン設計をする

オザサです。 engineedというAWSエンジニア特化型マッチングプラットフォームでは、Atomic Designを導入しています。フロントはNuxt.js(TypeScript)/Vuetifyで実装されており、デザインの段階ではFigmaを使用しています。デザインの段階からコンポーネントの設計をできれば、実装の段階で行われる議論の濃度を高めることができるのではと思い、デザインワークフローを整えてきまして、ある程度形になってきたのでシェアしようというのが本稿の趣旨です。 ■前提ライブラリをフル活用して開発を進めていくことで、開発のスピードをあげようというのが基本的な考え方にありました。 ■下準備・FigmaのPagesにComponentsとAppを作成します。 ComponentsはNuxt.jsプロジェクトのcomponentsディレクトリと対応させています。 AppはNuxt.jsプロジェクトのpagesディレクトリと対応させています。・ComponentsにAssets/Atoms/Molecules/Organismsというフレームを作成します。 ■デ

Figma2021年2月24日

細かすぎて伝わらないFigmaのVariants機能小ネタ

最近はFigmaで機能のデザインを行っています。とっても便利ですね！最近触ってみて知った小ネタを紹介します。 Variantsについて前回のブログを参照してください！ figmaのVariantsでコンポーネントの状態管理をする手順こんにちは。オザサです。anti-pattern-engineering小笹佑京(Yuki Ozasa) [https://medium.com/anti-pattern-engineering/figma%E3%81%AEvariants%E3%81%A7%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%E3%81%AE%E7%8A%B6%E6%85%8B%E7%AE%A1%E7%90%86%E3%82%92%E3%81%99%E3%82%8B%E6%89%8B%E9%A0%86-82cea3dd5e21] 見つけた小ネタ属性に対してTrue/Falseの状態を定義すると、アイコンがスイッチになってくれます。細かすぎて気がつける人いるのか疑問ですが嬉し

ScrumAgile2021年1月13日

スクラムの歴史と3本柱について

はじめにあけましておめでとうございます。オザサです。昨年の12月に認定スクラムマスター研修を受け、試験も合格、無事に認定スクラムマスターとなりました。研修を受けた後、スクラムに関わるあらゆることが気になりだし、様々な書籍を横断的に読んでまいりました。その中で得た学びを社内外に発信すべく本ブログを執筆しました。あまりにも多くのことを学んだので何遍かに分けるつもりです。研修においては、James Coplien氏と川口恭伸氏、また同時翻訳をしてくださった方、また、同じ研修を受けた方々に感謝申し上げます。スクラムの歴史スクラム以前ソフトウェア開発の話 > 1968年、NATO後援の国際会議にて、ソフトウェア開発を職人芸的な作成方法から工業製品としての作成方法に変える方法として、製品製造過程のように開発をいくつかの工程に分け、各工程の終了を意味する文書を作成することで進捗を管理し、早いうちから品質の作りこみをしようとするウォーターフォール・モデルの原形が提唱された。( https://ja.wikipedia.org/wiki/%E3%82%A6%E3%82%A9%E3

2020年11月23日

FigmaのVariantsでコンポーネントの状態管理をする手順

こんにちは。オザサです。巷でFigmaが流行っているようなので自分で触ってみることにしました。 Variantsという機能があって面白そうだったので今回はその記事になります。 https://help.figma.com/hc/en-us/articles/360055471353-Prepare-for-Variants できたもの画質が荒くてすいません。やっていることとしてはインスタンスのプロパティを変えると、矩形が変化したり色が変わったりするものを作った感じです。下記の画像のように整理しておくと使い勝手がいいかと思います。手順まずはまっさらなFrameを作って作業場を確保しましょう。次に矩形を設置します。そのままの勢いでコンポーネントに設定しましょう。最初はこんな感じでFrameの中にRectangle(コンポーネント)があって、その中にRectangle(図形)があるという構造になります。では早速Variants機能を触っていきます。画面右側にあるVariantsの「＋」ボタンを押します。押下するとデフ

GoogleChromeLighthouse2020年10月13日

Google ChromeのLighthouseを使ってWebサイトの評価を確認する

やりたいことこんにちは。オザサです。自社サイトを最適化してユーザーのエクスペリエンスを向上させたい。ので、まずはどこを改善すればいいかを確認したい。 Lighthouseとは Chrome DevTools に統合されているオープンソースのサイト分析ツールです。 https://github.com/GoogleChrome/lighthouse 開発者ツールを立ち上げましょう。最初は「Elements」が表示されていますが、「Lighthouse」タブを選択します。下記のことを設定します。 Categories：どの指標で評価をするか。 Device: どのデバイスでの評価を受けるか。 Publisher Ads: コンテンツ内の広告に関する評価をするか。こちらはまだβ版の様子。「Generate report」を押下すると処理が始まりますので、待ちましょう。レポートが出来上がると、下記のような画面になります。簡素なサイトなのでもっと評価高いかと思っていたのですが、まだまだでした・・・ SEO は100点なので嬉しい！ですが、コンテ