デザイナー向けにReactでUIを組んでみるワークショップをやってみた - freee Developers Hub
こんにちは、freeeのUXチームの id:ymrl です。 今日はアウトプット→思考デーということで、デザイナー向けにReactでUIを組むワークショップをいきなりやってみた話を書こうと思います。 私は昨年、エンジニアからデザイナーになりました 。そしてデザイナーの側に立ってみると、いろいろと効率が悪いなと思うところが多く、そこをどうにか打開できないかと思ってやってみたのがこのワークショップです。 しかしまだその状況は打開できていません。この記事はそんな中途半端な状態の話です。 freee のUI開発の現場、私の問題意識 前提として、freeeのUI開発について説明しなければいけません。 私がメインでやっているのはVibesというデザインシステムの開発です。VibesはfreeeのWebアプリケーションのUIを爆速でハイクオリティに開発できる状態を目指しています。それ以外にも、社内のアク
商業メディアと個人ブログから見るエンジニアのアウトプットの面白さとは～CodeZine編集長×はてなCTO対談～ - 週刊はてなブログ
ブログやSNS、そしてイベントでの登壇・発表など、ITエンジニアがその知識や知見をアウトプットできる場所は大きく広がりました。企業が運営するテック系のブログやメディアも増えてきています。 「ITエンジニアのアウトプットを支える立場」として、ソフトウェア開発者向けのWebメディア「CodeZine」（翔泳社）編集長で、はてなブロガーでもある近藤佑子（id:kondoyuko）さんと、はてなブログを運営するはてなのCTO・大坪弘尚（id:motemen）が対談。近藤さんは商業メディアを運営する立場から、はてな大坪はブログサービスを通じてエンジニアのアウトプットを支援する立場から、それぞれの領域でエンジニアがアウトプットを行うことの良さについて語ってもらいました。 ITエンジニアのアウトプットの広がりと商業メディアの関係性 はてなが技術者コミュニティへアウトプットを促す背景とは 技術記事を書く際
今週のお題「自由研究」 自由研究と言えばアウトプットのことです。現代社会では、常にアウトプットが求められています。さて、そのアウトプットを、どのようにすれば他（笑） 【1.本書の紹介】 【2.本書のポイント】 【3.本書の感想】 【4.関連書籍の紹介】 【1.本書の紹介】 「仮説思考」「右脳思考」でおなじみの著者の最新作です。 短時間で他の人とは違うアウトプットを出すにはどうしたらよいのかを説明しています。 今までのように、まずはしっかりと情報収集から、というスタンスではダメだそうです。 では、一体、どのようにすれば、他人とは違うアウトプットが得られるのでしょうか？ 【2.本書のポイント】 人と同じ情報源をもとに、人と同じような発想をしていけば、仕事で差別化する事は、今後ますます難しくなり、より若い人やAIに置き換えられてしまう可能性が高くなる。だからこそ、どれだけ他人や他社と異なるものの
今まで新規事業の立ち上げをいくつか支援してきて、自分の中でデジタルプロダクト（アプリやWebサービスなど）を構想段階からリリースまで持っていくときの大枠フローがある程度定まりつつあるので、自分のために言語化しておくと共に、これからこんなコロナ禍においてなお新規事業を立ち上げようとする勇敢な方々にとって少しでも参考になればと思い、記します。 👤この記事の対象者 ・新規事業企画したことないけど会社で新規事業をまかされた方 ・これから初起業しようとしている方 ・以前新規事業立ち上げたけどなぜかうまくいかなかった方 ・未来の自分📝この記事に書いてること ・右脳と左脳をバランスよく発揮させる新規事業企画のプロセス ・量産型にならないアイデアの出し方 ・企画と制作物のギャップをなくすコンセプトの固め方 ・事業企画の大雑把な進め方❌この記事で触れないこと ・デザイン思考関連の形式化されたプロセス ・
『書き出す・見直す「アウトプット思考」を通じてＧＴＤを実践するｉＰａｄ手帳術』とは、どんな本なのか？
実は、この本の概要については、CHANGESの情報管理LOG別館でも書かせていただきましたが、改めてこちらでも少し視点を変えて紹介させていただきます。 ちなみに、CHANGESでは、今回の著作をある程度を読むことができます。これから、さらにいくつか記事を追加していきますので、そちらの方もお楽しみに！ 現在、皆さんは日々大量の情報の洪水に押し流されそうになっていませんか？ たぶん、PCが一般化する1995年前と比較すると、幾何級数的に情報量が増大しています。 Windows95以降のPCの一般化そして、Webの一般化によって、普通の人が触れる情報量が増大しました。そして、2000年代に入って、さらにスマートフォンの登場によって、情報爆発と思われるぐらいの勢いで情報量が増えています。さらに、最近だとSNSの誕生により、さらに接する情報量が増大し続けているはずです。 これは、一昔前だったら、研究
前回と前々回で、freeeのQAの目指す姿について、QAチームのみんなと話がながら私が考えたことを書いてきました。 developers.freee.co.jp developers.freee.co.jp そして、前回の最後でいきなりジャンプはできないと書きました。いきなりジャンプして、品質が低下してしまったら本末転倒だからです。本末転倒とは、以下の図のような状態です。 これでは、サービスを使ってくれる人たちに価値をあたえられないだけでなく、品質でも選んでもらえるプロダクトを作るというかっこいい世界からは遠のいてしまいます。 品質は意識して引き上げていないと簡単に劣化してしまいますので、品質を適切なレベルに引き上げて、かつ簡単には品質が低下しないようにしていくことがfreeeのプロダクトが品質でも選んでもらえるプロダクトであるために必要だと思います。 理想の状況に持っていくためには、いろ
【新社会人向け】メモには何を書くべきか
情報管理LOGの@yoshinonです。 新社会人の皆さんおめでとうございます。 さて、社会人としての生活が始まってから２週間ぐらい経過したでしょうか？少しずつ緊張も取れ、心にほんの少しだけ余裕が出てきた頃かもしれませんね。 さて、社会人の基本のキとして、よく言われるが、 「報連相」と「メモを取れ」ですよね。 どちらもとても大事なスキルです。 「報連相」は、どちらかといえば、スキルというより心がけに近いものですが、メモを取るは、完全にスキルが必要とされます。しかし、案外真面目に「メモを取る」という行為と向き合っておらず、「一体どうすれば…」と悩んでいるひとも多いのではないでしょか？ 今回は、そんな社会人としての必須のスキルでありながら、曖昧な「メモを取る」ことについて書いていきます。 上にも書きましたが、社会人になってすぐに言われることとして、 「報連相」と「メモを取れ」 があります。 「
もはや「インプットでは差がつかない時代」なのに…残念なビジネスマンがハマる「網羅思考のワナ」（内田 和成） @moneygendai
いまや机の前に座っているだけで、世界中のあらゆる情報が得られる時代。だからこそ気をつけるべきことがある。時間がいくらあっても足りないという人は、このワナに陥っているかもしれない……。早稲田大学名誉教授で、著書『アウトプット思考』を発刊した内田和成氏が、ビジネスパーソンがハマりがちな「網羅思考のワナ」と、その解決策について解説する。 情報は集めれば集めるほどいい？ 情報をいくら集めてもアウトプットは生まれない。とはいえ、それでも「インプット（情報）は多ければ多いほどいいはずだ」と考える人はいるだろう。だが、私はそれこそが「インプット重視の最大の弊害」だと思っている。 確かに現代は、あらゆる情報が以前と比べ格段に集めやすくなっている。すると、すべての分野において、情報をしらみつぶしに調べないと気が済まなくなってくる。これを私は「網羅思考のワナ」と呼んでいる。 網羅思考がなぜ問題なのかといえば、
こんにちわ。freee でコアエンジンという金融機関とのデータ連携部分を担当するチームに所属している mine です。 今日は「アウトプット→思考デー」ということで、普段の業務でのちょっとした困り事を解決してみました。 本番作業手順書 freee では本番環境でのオペミスを撲滅するため、本番環境で作業を行う場合は必ず手順書を作成し、事前準備・自己管理を行っています。 この本番作業手順書は作業種類ごとにテンプレートが用意されていて、所定の Google Form から必要事項を記入するとテンプレートを元に最低限必要な情報が埋められた作業手順書が自動で作成される仕組みが既に作られています。 通常の頻度で本番作業を実施する分には何も問題がないのですが、コアエンジンチームでは金融機関とのAPI接続を今後100近くリリースすることになっており、同じようだけどちょっと違う手順書をリリースごとに作成する
おはこんばんちは、ソフトウエアエンジニアの橋本（GitHub: @af12066）です。 「アウトプット→思考デー」にちなんで、この記事では、かつて私が社内のLT大会である「真剣.js」向けに「五反田のランチ事情について考える」というタイトルで話した内容を、公開できる範囲でアウトプットしてみます。「真剣.js」の概要および過去の内容については、以下の記事をご参照ください。 developers.freee.co.jp developers.freee.co.jp freeeと五反田 私が入社前にfreeeにてインターンをしていた頃、五反田駅周辺の飲食店の多さに驚きました。もともと五反田がオフィス街でないために、小さい建物がぎゅうぎゅう詰めになっており、それにフィットするように個人経営の小規模な店舗が高密度で集まっているように思えます。 なお、CEOの佐々木はインタビュー記事「ライフスタイル
これを聞かれると誰もがひと言話したくなる…田村淳が初対面の人に投げかける必ず盛り上がる"絶妙な質問" 全世代に通じて､誰も傷つけることのないネタ
第1位：『人生をガラリと変える「帰宅後ルーティン」』（リュ・ハンビン著、小笠原藤子訳、文響社） 第2位：『これからの生き方図鑑』（樺沢紫苑著、光文社） 第3位：『朝イチの「ひとり時間」が人生を変える』（キム・ユジン著、小笠原藤子訳、文響社） 第4位：『超コミュ力』（田村淳著、すばる舎） 第5位：『話し方すべて』（桐生稔著、かんき出版） 第6位：『堀江貴文のChatGPT大全』（堀江貴文／荒木賢二郎著、幻冬舎） 第7位：『仕事ができる人が見えないところで必ずしていること』（安達裕哉著、日本実業出版社） 第8位：『ちょっとお疲れのあなたが読むだけでフワッと癒やされる本』（樺沢紫苑著、マイナビ出版） 第9位：『感情的にならない本』（和田秀樹著、PHP研究所） 第10位：『1300万件のクチコミでわかった超優良企業』（大澤陽樹著、東洋経済新報社） 第11位：『メタ思考』（澤円著、大和書房） 第12
分析組織の話｜s_kamata
こんにちは。Analytics Groupでマネージャーしているkamataです。 この記事はfreee データに関わる人たち Advent Calendar 2019の最終日です。 今回のアドベントカレンダーは、弊社の「アウトプット→思考」という行動指針を体現すべく突発的に始めました。私の至らぬ点が多々ありつつも、分析チームの内外を問わず非常に多くの方にご協力いただき、無事最終日までに24の記事が並びました。寄稿してくださった方々、そして何よりこの記事を読んでいただいてる皆様に深く御礼申し上げます。 めちゃくちゃ堅苦しい文章から始めてしまいました。この記事では、自分が入社してから今に至るまでの分析チームの動きを振り返りたいとおもいます。 開き直ってはいけない ざっくりサマリいきなり限界。集計地獄で大変だった 独立チームを立ち上げたけどなかなか楽にならない データの民主化を通して人と会社と
Re:visionとアウトプット思考法
さて、情報管理LOGが提唱する「アウトプット思考法」は、どういう考え方かというと、こういう図に集約されます。 これを説明すると、この５つの考え方からなります。 ＜アウトプット思考法の考え方＞ ・まず、「考え」や「気になること」、「やるべきこと」などを書き出こと ・ツールは問わないが、先人達が良いといっている方法をなるべく採用する ・必ず見直す ・熟成期間をつくる ・書き足し、書き直し、削除は自由 アウトプット思考法は、上の図で見ると分かるとおりSTEP1とSTEP2という2つのフェーズで成り立っています。 STEP1では、とにかく書き出すことを至上の命題にしています。その際に放り込む先は、信頼するツールであれば何でも良いです。あなたが、書き出すときに信頼が置けると思っているならば、そこにまずは書き出すことと推奨しています。 STEP1と2の間には、「熟成期間」がおかれます。これによって、S
ブレインストーミングはアイデアを発想するための手法で、チームなどの集団、または個人で活用することができる。創造的なアイデアを生み出し、革新的なコンセプトを見つけることが重要な新規事業のアイデア出しにも非常に有効である。この記事では、新しい良質なアイデアの創出に有効なブレインストーミングについて、そのメリットや進行上のルール、進め方、そして関連する効果を高めるためのフレームワークも合わせて解説する。 新規事業のアイデアは3つのステップで考える！ 市場と結びつけて考えるためのポイントを解説！ ▶️解説資料のダウンロードはこちらから ブレインストーミングとは？ ブレインストーミング（Brainstorming）とは、1950年頃に米国の実業家アレックス・F・オズボーンによって提唱された、新規のアイデアを発想するための手法である。この手法は、集団思考や集団発想法とも呼ばれ、略して「ブレスト」や「B
情報を一箇所に集めない整理法
情報管理LOGの@yoshinonです。 拙著「書き出す・見直す「アウトプット思考」を通じてGTDを実践するiPad手帳術: 文章を書き、考える人のための「iPad」活用術 情報整理大全」が何気にダウンロード数が伸びていてありがたい限りです。そんなわけで、「書き出す・見直す～」で書いていた情報のフローで反響があったのが、ツールを１つにしていないという部分でした。 私自身は、色々な経過を経てそういう情報整理に行き着いたのですが、色んな方から「１箇所に集めなくて良いのですね。安心しました」的なお言葉をいただきました。なるほど、自分の中で自明なことでも、テキストとして書き起こすことで新たな発見につながることもあるのだなと思った次第です。 そういうわけで、今回は「情報を一箇所に集めない整理法」について書いていきます。 まず、日常的に生み出したり、インプットしたりする情報の種類をまとめてみます。そう
手帳選びのシーズン到来です 手帳とノートの違いは何だ？ 昔は全部「帳面」だったのだ 日本を代表する売れ筋手帳 あわせて読んでいただきたい僕の文房具ブログ 手帳選びのシーズン到来です もうすでに世間では手帳商戦が真っ盛りで、来年の手帳を何にするかという人たちで殺気立っているそうです。僕も昔は真剣に悩んでいました。手帳の選択で、その年そのものが決まってしまうかのような、そんな気がしていたのです。本気でした。 ４０歳を超えた頃から、手帳よりもノートを中心に考えるようになりました。美崎栄一郎さんの『「結果を出す人」はノートに何を書いているのか 』という恐ろしい本に出会ってしまったからです。メモ、手帳、ノートでアウトプット思考に変わりました。 「結果を出す人」はノートに何を書いているのか (Ｎａｎａブックス) 作者: 美崎栄一郎 出版社/メーカー: ナナ・コーポレート・コミュニケーション 発売日:
８月にfreeeに入社しました、あこぽんです。 日々、freeersが働きやすい環境をつくる仕事をしています。 新しく設置したコーヒーサーバーの点字表示の仕方が社内で少々話題に上がったので、この件を振り返りながら記事を書きたいと思います。 ※freeers＝freeeで働く人 全freeersが使えるオフィス環境をととのえることの発端はチームメンバーに「あこぽんお手すきで新しいドリンクサーバーに点字打っといて」とトスを上げられたことでした。 そもそも、点字を打ってねと気付ける＝全freeersが使えるオフィス環境にするという意識がある。これが一番の賞賛すべきポイントだと思っています。 悩むよりサクッと解決！はて、点字ってどうやったら使ってもらえるのだろう。 新しく導入したコーヒーサーバーは高感度の感圧式タッチパネルなので「点字どこかなーあ、あったあった、どの飲み物にしようかなー」と触ってい
← マーケティングを成功させる ドラッカーの名言１２選 このページでは、これまで取り上げたドラッカーの名言を全てまとめました。 マネジメント・マーケティング・イノベーション・生産性・リーダーシップに関するドラッカーの名言を厳選して12個ずつ掲載しています。 経営の神様・ドラッカーの名言はあなたの経営に大きなヒントを与えてくれるでしょう。 【経営・マネジメントの本質が分かる ドラッカーの名言１２選】 ■１ マネジメントとは人のことである。 マネジメントとは、人にかかわるものである。 その機能は人が共同して成果をあげることを可能とし、 強みを発揮させ、弱みを無意味なものにすることである。 出典:「マネジメント」 P.F.ドラッカー ドラッカーの経営の本質にあるものは、人間の尊厳です。人がいかに幸せになれるか、自らの強みを用いて世の中に貢献する創造的な存在に成長できるかを説く人間学的な要素もあり
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【書評】アウトプット思考 内田和成 PHP研究所 - 京都のリーマンメモリーズ
ロジカルとクリエイティブの間隙を目指す新規事業のつくりかた｜広野 萌
freeeのQAの目指す姿-3/3 - freee Developers Hub
Google Docs API を使った手順書の自動化 - freee Developers Hub
五反田のランチ事情について考える（2020年版） - freee Developers Hub
ブレインストーミングの効果的なやり方とは？ | ストックマーク株式会社
手帳とノートの違いって、何なの？ - 『本と文房具とスグレモノ』
【動画あり】サクッとオフィス環境をととのえたらこんな社内反応がきた。｜あこぽん@freee
ドラッカーの経営者を成功に導く名言まとめ|日本リーダーシップ