こんにちは、スタメンCTOの松谷(@uuushiro) です。 7/25に、 和田卓人さん (以下、t_wadaさん)をお呼びし、「質とスピード」の社内講演会を開催しました！ t_wadaさんにご依頼したきっかけ スタメンが提供する「エンゲージメントプラットフォーム TUNAG(ツナグ)」はスタメンの創業事業で、サービス提供から約7年が過ぎました。この約7年間、プロダクト成長に注力してきた中で、内部品質や開発効率などに関する課題が後手に回っていました。 TUNAGが成長軌道に乗ってきた今、今後もエンジニア組織をスケールさせながら、継続的にプロダクトの価値を素早く世の中に届けていくために、開発者体験(DevEx)に関する明確な戦略が不可欠だと考えており、この課題に集中して取り組むために、今年の4月からCTO室にDevEx(Developer eXperience)チームを立ち上げ、2023年

これはなに？ こんにちは、リファクタリング大好きなミノ駆動です。2023年7月より株式会社スタメンにジョインしました。 コミュニケーションには会議体やテキストベースなど様々な手段があります。 その中で雑談がなぜ重要であるかについて、私の考えを記したものです。 大事な前提　〜目的と手段の関係〜 人々の活動には目的があります。そして目的を満たすための手段を追い求めています（ここでいう手段とはシステムであったり情報であったり、「目的の役に立つもの」と考えてください）。 目的と手段の関係性を次の図で表現します。目的と手段それぞれの円の重なりが大きいほど、目的に対して相応しい手段である、ということをここでは表します。 この図を使った例を出します。 今の時期、だんだん暑くなってきましたね。「暑さを解消したい」という目的に対して、「扇風機を点ける」「エアコンを点ける」「かき氷を食べる」「南極に送り込む」

1. これはなに こんにちは、リファクタリング大好きなミノ駆動です。2023年7月より株式会社スタメンにジョインしました。 この記事は、今後スタメンにおいてサービスの技術的負債を解消する設計戦略についてまとめたものです。 2. 背景、課題 株式会社スタメンは2016年創業。主要サービスであるTUNAG（ツナグ）は、企業のエンゲージメントの構築、つまりお互いを知って理解し、信頼し合う組織を作るための社内コミュニケーションを活性化させるプロダクトです。TUNAGのバックエンドはRuby on Railsで開発され、ローンチから7年をむかえつつあります。 これまでTUNAGは、プロダクトをいかに伸ばすかに注力してきた一方、内部品質や開発効率など「開発者体験」に関する課題が後手に回っていました。本来プロダクトチームはユーザーにとっての本質的な価値にのみフォーカスできる状況が理想ですし、開発者体験が

こんにちは、株式会社スタメンでTUNAGのiOSアプリエンジニアをしている青木 (@38Punkd)です。 何気に今回の記事がこの Tech Blog への初投稿で、ワクワクしています。 TUNAGのiOSアプリは、これまでリアクティブプログラミングの手法として、RxSwiftを導入してきました。 そして今年度から、アプリがサポートするOSバージョンの下限を13.0に引き上げたため、Apple公式の非同期フレームワークCombineが使えるようになりました。 アプリに対してサードパーティ製のライブラリであるRxSwiftへの依存度を下げたかったことと、純粋に新しい技術を試してみたいという好奇心も相まって、アプリにCombineを導入することを試みました。 実際にCombineを導入してみた感想と、導入する際の注意点をお伝えできれば思います。 SingleからFutureへの移行 通信は大別

はい。どうもこんにちは。ベトナム帰りのナカムラです。 突然ですがオフショア開発...と聞いてディレクターの皆さんが思い浮かべるイメージってどんな感じでしょう？ まぁそう思ってない人もかなりの数いると思うんですが、大抵の人は上記のようなイメージを持っているか、もしくは「検討すらしたこと無いので考えたことなかった」ではないでしょうか？ とか言いながら、最近まで僕自身も似たような考えだったんですけどね。 突如舞い込むベトナム現地でのアプリ開発企画 実は海外自体行ったことがないという出不精なナカムラ。 加えて上記みたいな偏見ゴリゴリな脳内をしていたので、普通にやってたらオフショアやラボ開発（オフショア拠点に直接ディレが行ってなんとかするやりかた）について知ることも調べることもしなかったかも知れません。 ところが、今回本当にひょんな事からセカイラボさんから声をかけてもらい、ベトナム ダナンのチームと

*]:h-full xl:cursor-pointer xl:before:z-[-1] xl:before:content-[""] xl:before:block xl:before:w-[calc(100%+(0.65rem*2))] xl:before:h-full xl:hover:before:bg-global-nav-hover-background-accent [&[data-active="true"]]:xl:before:bg-global-nav-hover-background-accent xl:before:absolute xl:before:top-1/2 xl:before:left-1/2 xl:before:-translate-x-1/2 xl:before:-translate-y-1/2 xl:before:rounded-xl xl:tr

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

オンボーディングのUXデザインの参考になる海外Webサイト 「オンボーディング」とは、初めてサービスや製品を使うユーザーがヘルプや説明書を読まなくても使っていくうちに操作方法がわかるように設計する手法のことです。 いかに素晴らしいプロダクトであっても、初めて使用するユーザーにストレスを与えてしまい、すぐにアンインストールされてしまっては意味がありません。 オンボーディングのUXデザインで参考にしたいのが、以下の2つのWebサイトです。 アプリデザインまとめ①　User Onboarding 「User Onboarding」は海外のアプリや有名Webサービスのオンボーディングについて紹介しているWebサイト。 オンボーディングを画面単位で切り分けて、参考になる点と改善が必要な点をピックアップしています。 サンプルはスライド形式で表示されます。簡単な英語で解説されているので、英語が苦手な人で

今回は、プレゼン資料の作成において重要な「配色」について取り上げました。 以前の記事「心理学から読み解く！資料作成で知っておくべき”色”の使い分け」（https://sket.asia/magazine/kotsu/color/）でも記載した通り、資料において色が与える効果というのは非常に大きいものがあります。 一方で、多くの人が資料作成の際に配色について悩んでいるのも事実。 「コーポレートカラーに合う色ってどんな色だろう？」 「今回の提案に沿ったカラーパターンを試したい」 そんな疑問を解決する優れたサイトをご紹介します！上手く活用し、資料のビジュアルを向上させてみてください！

今回は、デザイン性に優れたメディア企業の広告媒体資料についてまとめてみました。 そもそも媒体資料とは、主にメディア（代理店）が広告主向けに提案する営業資料のこと。 「出稿すると費用対効果が合う！」「広告主が狙いたいターゲット層へのアプローチが可能！」ということを伝えるために使用しますが、各社の特色がうまく反映されており、資料としての完成度が高いものが幾つもあります。 それでは、どんな媒体資料があるのか見ていきましょう！

ONE COMPUTER MOOKのご紹介 ONE COMPUTER MOOKをシリーズごとにご紹介いたします。

ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. インフォグラフィックは、あなたの読者やファンを楽しませるコンテンツとして最適なものの一つだ。 さらに、ソーシャルメディアエキスパートのDan Zarrellaは、１万のFacebookページの中から合計１３０万の投稿を調べた結果、最も安定して多くのシェアを生み出すコンテンツは、画像コンテンツだということを発見した。 ※画像コンテンツの平均的なシェア率は0.25%、次に文字投稿で0.17%、３番目は動画投稿で0.1%。単なるニュースなどへのリンクの場合だと、0.04%しかない。 そして、ソーシャルメディアを有効活用するための、最も効率的な戦略は、見た目にも面白く、人の役に立つ画像コンテンツを定期的に提供することだという結論を出している。 こ

今回は、マッキンゼーやボストン・コンサルティングといった、有名外資戦略コンサルティングが作成した資料を解説していきます！ 外資戦略コンサルティングといえば、【ナゾの組織？】最強組織マッキンゼーの正体〜6800万円のプレゼンをする会社〜にまとめられるように、企業の相談役として、論理的かつ明快なプレゼン資料を作成しています。 そんな資料作成のプロフェッショナルは、一体どのようなプレゼン資料を作成しているのでしょうか！？

本連載では、JavaScriptライブラリとして利用頻度の高いjQueryとそのプラグインに着目して、その利用例を紹介します。今回はWebページのスクロールに応じて画像を遅延読込させるLazy Loadプラグインを用いて、多数の画像を含むWebページで効率よく画像を読み込む方法を紹介します。 はじめに 一般に画像を含むWebページをWebブラウザで表示する場合、画像が表示されるかどうかに関わらず、すべての画像がWebサーバーからダウンロードされます。そのため、縦に長いWebページに多数の画像が配置されている場合、スクロールしなければ表示されない多くの画像を読み込むために多くのロード時間を費やすことになります。この事象は特に、端末の処理能力が相対的に低く、ネットワーク状況も不安定になりがちなスマートフォンにおいて、より深刻な問題です。 そこで本記事では、Lazy Loadプラグインを用いて画

みんなのやさしさで目から汁があふれて画面が見えない…。 今朝方、ここ半年ぐらいずっと困ってたことを改めてブログにして吐き出したのがこちら。 それが世間の皆様の心あたたかいご助言により、めでたく解決したので感謝と感謝と感謝の意をこめて、他の困ってる方々にもお伝えするべく、教えてもらった内容以下にすべてまとめます。 第1希望の「AdobeだけRetina切る方法」 困ってますエントリーの希望としてあげさせてもらった第1希望「AdobeだけRetina切る方法」を、そのものズバリ教えてくださったのはこちらの方。 高橋としゆき（@gautt） Finderの［情報を見る］で［低解像度で開く］にチェックを入れておけばいいのでは https://twitter.com/gautt/statuses/449434490176143360 はてなダイアリーだとツイート埋め込めないんだね… 高橋としゆき (

英語（欧文）のフリーフォントのなかでも、「これはぜひとももっておきたい」プロフェッショナルなフォントがというものが存在します。 そんなプロフェッショナルなフリーフォントが商用利用OKだったとしたら、これほどありがたいことはありません。 そこで今回は、海外のデザインブログが紹介しているプロフェッショナルなフリーフォントのうち、商用利用可能な英語フォントをコレクションしてみました。 「1. セリフ」「2. サンセリフ」「3. スラブセリフ」「4. スクリプト」「5. 手書き」「6. その他（デザインされたオシャレなフォント群）」の6カテゴリーがあります。 ただ、フリーフォントもいいですが、こちらもご参考にしていただきたいです。 「3000円で150万円の価値！欧文フォント本「TrueTypeフォント パーフェクトコレクション」は無料フォント以上だ」もぜひご覧ください！ なお、ライセンス形態は作

ビジョンラダー：ブランドパーパスとプロフィットを両立し、理想を現実に変えるためのフレームワークブランドパーパスブランディングビジョンラダー ビジョンは組織の共有する目標であり、人々を束ね、活気づけるものです。ビジネスの理想の形の定義であると同時に、持続的な成長の原動力にもなり得ます。この貴重な資源を最大限に... 続きを読む 逆境のいまこそ見直したい、ブランドの「設計図」とは？：ブランドホロタイプ・モデルの基本ブランドホロタイプ・モデルブランディング この異常な状況の下で、多くの人が通常どおりの広告に多少ながらの違和感を感じていると思う。パンデミックによって私たちの環境は劇的に変化し、広告の大半がその文脈から外れてし... 続きを読む パーセプションフロー・モデルとは？10年以上の経験に基づくナレッジパーセプションフロー・モデル マーケティングは複雑なチームプレーを要する企業活動であり、個