ティール組織（進化型組織）について解説します 新しい組織の形とされる「ティール組織」は、近年様々なメディアに取り上げられ、日本にも浸透してきました。ティール組織は、ホラクラシーや自然経営といった進化型組織の一つとして捉えられています。 その中でもティール組織は、従来の組織モデルが抱えてきた問題点を克服できる可能性を持っていることによって、大きな注目を集めている組織モデルです。 この記事では書籍に基づき「ティール組織の概要」や「ティール組織とそれ以外との違い」「ティール組織を目指す上でのポイント」について解説します。会社経営や人事に関わる方は、ぜひご参考ください。 目次 1.　ティール組織とは？ 2.　ティール組織に至るまでの5つの段階 2-1.　Red組織（衝動型組織） 2-2.　Amber組織（順応型組織） 2-3.　Orange組織（達成型組織） 2-4.　Green組織（多元型組織）

この記事は新野淳一氏のブログ「Publickey」に掲載された「マイクロソフト、「Universal Print」を発表。プリンタサーバをクラウド化し、プリンタドライバ不要、集中管理へ。キヤノンと対応プリンタを共同開発中」（2020年3月4日掲載）を、ITmedia NEWS編集部で一部編集し、転載したものです。 アプリケーションのクラウド化や仮想デスクトップの導入などによって、PCをネットワークに接続すれば、それだけでアプリケーションが簡単に利用できるようになってきました。 これによって企業の情報部門は、社員がさまざまな業務アプリケーションをいちいちインストールしなければならない、という手間を大幅に削減できました。 しかしプリンタ周りについては、プリンタサーバを導入し、ユーザーのPCそれぞれにプリンタドライバをインストールしてもらうなどの面倒な手間がいまだにかかります。 そうした課題を解

1200人以上の全社員がリモートワーク。GitLabが公開する「リモートワークマニフェスト」は何を教えているか？ 新型コロナウイルスの影響などでいま、多くの企業がリモートワークの導入を進めており、それによって多くのビジネスマンもリモートワークへの興味を高めているところでしょう。リモートワークは従来の働き方とどう違うのか、リモートワークにおいて組織として生産性を高めるにはどうすればよいのでしょうか。 そのリモートワークを徹底的に突き詰め、そのノウハウを惜しげもなく公開している企業があります。GitLab inc.です。 社員全員がリモートワークで、今年11月には株式公開を予定 同名のソースコードの管理サービス「GitLab」を提供する同社は特定のオフィスを持たず、1200人以上いる全社員がリモートワークで働いています。 タヌキをアイコンとする同社は2011年に創業者の個人プロジェクトとしてス

CSS Flexboxを使用してWebページによく使用されるUIコンポーネント、ヘッダでロゴを左端にナビゲーションを右端に、固定幅のサイドバーと流動幅のメイン、フォームで入力欄とボタンの高さを合わせる、同じHTMLで異なるレイアウトのカードを実装するテクニックを紹介します。 CSS Flexbox: 5 Real World Use Cases by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに Flexboxでヘッダを実装する方法 Flexboxでサイドバーとメインを実装する方法 Flexboxで「Top Sellers」のグリッドを実装する方法 Flexboxでカードを実装する方法 Flexboxで検索フォームを実装する方法 はじめに FlexboxはCSSの中でも最も優れた機能の1つ

Native Application Groupの大木です。BASEでは、購入者向けのショッピングアプリ「BASE」、「BASEライブ」、ショップオーナー向けのショップ運営管理アプリ「BASE Creator」の3つのスマホアプリをリリースしております。今回は、その中の一つBASE Creatorを、React Nativeで置き換え、リリースしてみての話を、お伝え出来ればと思います。 課題と動機 https://help.thebase.in/hc/ja/articles/206417201-BASE-Creator-とはなんですか- BASE Creatorは、基本的にはWebViewで画面を表示するいわゆるガワネイティブアプリというものです。Webアプリとの違いは何処にあるかといいますと、商品が売れたり、購入者からメッセージが届くと、Push通知でお知らせ出来る機能があるところです。

CSSで要素やレイアウトのサイズを指定する方法には、幅や高さを固定値にサイズを定義する方法とその中のコンテンツに依存してサイズを決める方法があります。 この2つの方法それぞれのメリットと使い分け方、特にレスポンシブで効果的なコンテンツに依存してサイズを決める方法を使ったテクニックについて紹介します。 Intrinsic Sizing In CSS by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 CSSでのサイズ指定方法とは 外因性サイジング 内因性サイジング: min-content 内因性サイジング: max-content 内因性サイジング: fit-content ブラウザのサポート状況 実際の使用例 終わりに CSSでのサイズ指定方法とは CSSには、内因性と外因性の2つのサイズ指定方法

2020/02/13 DevSumi 発表資料

draw.io はブラウザを使用してフローチャート、プロセス図、組織図、UML 図、ER モデル、ネットワーク図などを作成できる優れたツールです。作成した図は xml ファイルとして保存でき、GitHub との連携もシームレスに行われます。3 年ほど愛用しているツールですが、隠された使い方がたくさんあります。すぐに忘れてしまうので取りまとめておきます。 「こんな使い方あるよ！オススメだよ！！」という方はぜひ編集リクエストをいただければ追記していく予定です 😊 ※ 主に参照している文献は以下、公式ブログは非常に分かりやすいのでオススメです。 ツイッター公式アカウント 公式ブログ ショートカット ショートカット集です。机の上に置いて覚えましょう。 Line / 線 まずは最も頻繁に使う Line(線)の使い方からご紹介します。 矢印をまっすぐに揃える ちまちまと矢印の線をドラッグして微調整し

Photo by Michael Coghlan こんにちは。倉内です。 東京オリンピック開催まで1年を切りましたね。2020年7月24日(金)に開会式、8月9日(日)の閉会式まで2週間あまりの期間開催されます。 ここ最近の話題といえば、観戦チケットの倍率がすごい、新国立競技場が完成間近、東京の夏がかなりヤバい……など、いろいろ盛り上がってきているなぁという感じです。 実のところ私自身そんなに興味があるわけではないのですが、ギノ（paiza）のオフィスが東京都港区に位置しているため「もしかして大会期間中、通勤とかが結構大変なことになるのでは…？」と気になったので混雑予想などを調べてみることにしました。 また、オリンピックに向けてリモートワークや時差通勤といった何らかの対策を始めている企業もあるようなので、そういった企業の施策についてもまとめました。 皆さんの会社で「もっと画期的な対策してる

ここ最近、耳にすることが増えたヘッドレスCMS。今までのCMSとの違いについて解説していきます。 ヘッドレスCMSとはヘッドレスの「ヘッド」は、ビュー（表示する画面）を指します。ヘッドレスなので、ビューの無いCMSということになります。 ビューがないとはどういう事でしょうか？ そもそもCMSとはContent Management Systemの略で、つまりはコンテンツ管理システムを指します。従来のCMSはコンテンツを入稿するシステムとコンテンツを表示するビューが合わさったものでした。 最も代表的な例としてはWordPressが挙げられます。また、はてなブログやQiita、NoteなどもCMSです。 CMSのビュー（見た目）には以下の三種類があります。 サービス固有の画面（Qiita、Note、Mediumなど）テンプレートを選択できるもの（WordPress、はてなブログなど）自由に作成

実践クリーンアーキテクチャ - 複雑化した大規模ECサイトをモダナイズしたモノタロウの事例 クリーンアーキテクチャのメリットとは？またいかにして導入するか？難解なイメージのあるクリーンアーキテクチャの概要を採用事例に学びます。今回、取材したのは工業用間接資材オンラインストアの「モノタロウ」。サービスの開発を続けていくにつれ、同社のシステムは複雑化、肥大化していき、様々な課題が生じたそうです。こうした課題に対応すべく、システムのモダナイゼーションに取り組む際、取り入れたのは、クリーンアーキテクチャでした。同アーキテクチャをどのように実装したのか、モノタロウのエンジニア3人に聞きました。 受け入れテストを自動化し、システムの正常動作を保証 ユニットテスト導入の秘訣は「テストを書くハードルを下げる」こと クリーンアーキテクチャ化は、“幹”の処理から手をつける クリーンアーキテクチャを全社的に展開

Reading back this post from December 2018, it seems that not much has changed, and many of the trends are still happening: chromeless designs, gestures, gradients, deep flat, big bold fonts, and more, they are still here and will remain dominant during 2020. Here’s a closer look at some new mobile trends that will continue to grow in 2020: 1. Dark modeYep, I know that’s old news already, but you k

ごきげんよう。mofmofのエンジニア兼代表取締役のはらぱんこと原田敦です。 mofmof inc.では今期は特に新規事業の立ち上げに力を入れて数々のプロダクトを生み出してきた。mofmof inc.はものづくりの会社で、メンバーの8割がエンジニアの会社。なので、新規事業の立ち上げもエンジニアが担当している。 新規事業立ち上げは数多のスキルが要求されるお仕事で、事業開発・開発・マーケティング・グロース、と立ち上げ期は幅広い仕事を少人数チームで、あるいは一人でやることも珍しくない。 ぼく自身、もともと普通のWEBエンジニアとしてキャリアを積み上げてきたので、マーケティングのことはチンプンカンプンだったけど、素人なりに基礎を学んで、少しずつ理解して自分でもある程度は出来るようになった。 今回は、ここまで来るまでに読んだおすすめの3冊の書籍を紹介したい。 なぜエンジニアがマーケティングを学ぶか

こんにちは。エムスリー CTO の矢崎 @Saiya です。 弊社ではクラウド環境の利用や移行を推奨しており、AWS, GCP のマルチクラウドやオンプレミス環境との相互通信を安全に行うために今回 AWS と GCP を VPN で相互接続しました。 しかし、AWS と GCP を VPN で接続する方法は調べると見つけられるのですが、例えば以下の点についてまとめて説明している資料がないため苦労しました: GCP の HA VPNでのセットアップ方法 Classic VPN と HA VPN *1 はかなり仕様が異なるのですが、Classic 前提の情報が多く惑わされやすいです 複数の VPC での推奨構成とその実現方法 GCP と AWS の VPN の IPSec のパラメーター調整の仕方 そこで、本稿では AWS と GCP にある複数の VPC を VPN で相互に接続する構成の全

架空企業「オニギリペイ」に学ぶ、セキュリティインシデント対策：徳丸浩氏が8つの試練を基に解説（1/3 ページ） ECサイトやWebサービスでセキュリティインシデントを起こさないためには何をすればいいのか。2019年12月に開かれた「PHP Conference Japan 2019」で徳丸浩氏が、架空企業で起きたセキュリティインシデントを例に、その対策方法を紹介した。 ECサイトやWebサービスを提供する会社で発生したセキュリティインシデントに関するさまざまなニュースが後を絶たない。どうすればこうしたインシデントは防げるのだろうか。 『体系的に学ぶ安全なWebアプリケーションの作り方』（通称：徳丸本）の筆者として知られる徳丸浩氏（EGセキュアソリューションズ　代表取締役）は、2019年12月に開かれた「PHP Conference Japan 2019」のセッション「オニギリペイのセキュリ

どうも！大阪オフィスの西村祐二です。 フッター、ヘッターのレイアウトなど、画面のスタイリングをする際に、CSSのFlexboxなどで記載していく人は多いのではないでしょうか。 AngularではCSSのFlexboxをCSSファイルに書かず、HTMLタグ(ディレクティブ)を設定するだけで、簡単にFlexboxを設定できるライブラリAngular Flex-Layoutが公式から提供されています。 ex) <div fxLayout="row" fxLayoutAlign="space-between"> </div> 今回はそのAngular Flex-Layoutの使い方をまとめてみます。 目次 環境 試していく環境を準備 早速試していく！ fxLayout 子要素の並ぶ向き fxLayoutAlign 要素の整列順 fxLayoutGap 要素間のマージン設定 Grid Mode fx

2019年のベストアルバム最後の50枚です。今回は最後までトップが決まらず最終的にはたったの6点差でした。2010年代、最高でした！このリストが誰かにとっての新たな音楽との出会いになることを願って！（ぴっち） このランキングについて ネットの音楽オタクが選んだベストアルバムは音楽だいすきクラブ、及びそのメンバー等の特定の誰かが選んで作ったものではありません。 Twitterのハッシュタグ、募集記事のコメント欄に寄せられたものを集計しています。 504人分のデータを集計しました。 募集期間は2019年12月1日から31日の間ですです。 同点の場合、乱数を発生させて順位づけしています。 そのため順位に深い意味はありません。気にしすぎないでください。 150位以内はすべて5人以上に挙げられたものです。 レビューは有志によるものです。500字以内ディス無しでやっています。 レビューは随時追加してい

エンジニアHub > 記事一覧 > IntelliJ IDEAをもっと便利で使いやすく！ つまずきがちな設定や、便利な機能を細かに解説します。 IntelliJ IDEAをもっと便利で使いやすく！ つまずきがちな設定や、便利な機能を細かに解説します。 Javaの統合開発環境であるIntelliJ IDEAの人気が高まっています。興味はある方や使い始めたばかりの方に向けて、つまずきがちなポイントや、地味だけど便利な機能などを、IntelliJ IDEA関連の著作も多い今井勝信さんが紹介します。 IntelliJ IDEA（インテリジェイ・アイデア）は、JetBrainsが開発・販売しているJavaの統合開発環境（IDE）です。最初に登場したのは2001年と古く、しばらくマイナーIDEとしてひっそり存在していましたが、ここ数年で知名度も上がってきました。 近年の人気も相まって、IntelliJ