Contrast is the difference in luminance or color that makes an object (or its representation in an image or display) distinguishable. In visual perception of the real world, contrast is determined by the difference in the color and brightness of the object and other objects within the same field of view. “If one says ‘Red’ (the name of the color) and there are 50 people listening, it can be expect

Anima Animations Editor (was Timeline) is a tool for animation design, right inside Sketch. On this post we’ll explore the key components of Anima animation editor. Update: Timeline is now part of Anima Toolkit — Allowing designers to create Responsive and Interactive High-Fidelity Prototypes, all inside Sketch. We also introduced Anima for Adobe XD, and Figma. Anima Animation EditorSelecting a Gr

Ultimate library of UI elements, app templates, and style guides combined into high-quality source files for Sketch.

正規表現って便利ですが、いつも忘れてしまいますよね？って自分だけでしょうか。 メモを兼ね、Visual Studio Code(VScode)でよく使う、正規表現をを用いた検索置換方法を紹介します。 前提 VScodeの検索で「.*」をクリックして有効にすれば、正規表現による検索置換が利用できます。 よく使う正規表現 HTML,Javascript,PHPなどコード置き換えでよく使う正規表現を記載。今のところ置き換え作業に於いて、これ以外の表記はあまり使わないです。ここではHTMLを例として紹介します。 表記 意味 使用例

基本的なgitコマンドまとめ。 そもそも自分用に作ったものなので見づらいです。 init $ git init ディレクトリにリポジトリを作成. $ git init --bare ベアリポジトリの作成 $ git init --shared グループ書き込み権限を有効にする. add $ git add [filename] ファイルやディレクトリをインデックスに登録. $ git add -A すべての変更を含むワークツリーの内容をインデックスに追加. $ git add -u 以前コミットしたことがあるファイルだけインデックスに追加. commit $ git commit インデックスに追加されたファイルをコミットする. $ git commit -m “[comment]” コミットメッセージを同時に指定. $ git commit -a 変更されたファイル(新規を除く)をインデ

grepはファイル中の文字列に対して正規表現を使って検索し表示するLinuxコマンドだ。 このページではgrepの基本操作を解説する。Linuxコマンドの中では使用することが多いコマンドだ。 ぜひ、この機会に使い方を理解してしまおう。 grepコマンドの基本 grepコマンドの基本動作 grepはファイル中の文字列を検索するコマンドだ。使い方は、次のとおりシンプルなものになっている。 $ grep 検索正規表現 ファイル名 grepでファイル内の文字を検索するにはこれだけだ。 例えば、workディレクトリ内のファイルすべての中からaという文字を検索する場合は、次のコマンドだ。 $ grep a work/* aの文字があるファイルとそれぞれの該当箇所が表示できた。 上記grepコマンドを試すなら下のコマンドをLinux上で実行すればすぐに再現可能だ。以下も同様。 mkdir work ec

Let’s break this down element-by-element and look at illustrated examples. We’ll cover not just the actual font sizes, but also how Apple thinks about text styles. Titles iOS has some big chunky titles, like “Inbox” below – at 34pt, it’s about the biggest text you’ll see on an iPhone. But once you scroll, titles morph to 17pt, the default size for text-based actions as well. Note that the title sh

テクノロジー×クリエイティブ がもたらす新しい未来を 全ての企業へ oRoは“Technology × Creative”をスローガンに テクノロジー・オリエンテッド・カンパニーとして、 最先端の技術分野に挑戦し続け、 企業のトップマネジメントが抱える課題に対して、 企業価値を最大に高めるソリューションを提供します。 oRoは“Technology × Creative”をスローガンにテクノロジー・オリエンテッド・カンパニーとして、最先端の技術分野に挑戦し続け、企業のトップマネジメントが抱える課題に対して、企業価値を最大に高めるソリューションを提供します。

BFF（Backends For Frontends）超入門――Netflix、Twitter、リクルートテクノロジーズが採用する理由：マイクロサービス/API時代のフロントエンド開発（1）（1/2 ページ） マイクロサービス/API時代のフロントエンド開発に求められる技術の1つBackends For Frontends（BFF）について解説する連載。初回は「超入門」としてBFFの概要や事例を中心に紹介する。 本連載「マイクロサービス/API時代のフロントエンド開発」では、今注目のBackends For Frontends（BFF）について数回にわたって解説します。初回である今回は「超入門」としてBFFの概要や事例を中心に紹介します。第2回はBFFの作り方について、第3回はBFFを使ったフロントエンド開発者主導のマイクロサービス／API化の手順について解説します。 想定読者は、Webア

Google をいつでも安心してお使いいただけるよう、あらゆるプロダクトにおいてユーザーの プライバシーとセキュリティを保護することは Google の責任です。

Works at any scale Angular lets you start small on a well-lit path and supports you as your team and apps grow. Loved by millions Join the millions of developers all over the world building with Angular in a thriving and friendly community.

OS X 10.11 El Capitanのシステム整合性保護機能「Rootless」を無効にする方法です。詳細は以下から。 OS X 10.11 El CapitanではOS Xの新たなセキュリティ整合性保護機能（SIP: System Integrity Protection）通称”Rootless”が導入されており、例え管理者権限(root)であっても、 システム整合性保護は、OS X El Capitan 以降で採用されているセキュリティ技術です。Mac 上の保護されたファイルやフォルダを改ざんしようとする悪質なソフトウェアからデータを守ります。システム整合性保護では、ルートユーザアカウントに制約を課し、Mac オペレーティングシステムの保護されている部分に対してルートユーザが実行できる操作を制限します。 Mac のシステム整合性保護について – Apple /System /bi

Material Designを使いこなすための最速の手順を紹介します。最近UIデザインを始めた方、iOSアプリのデザインはしていたけどAndroidのデザインも行う必要になった方、WebサービスでMaterial Designを使ってみたい方、Androidエンジニアでデザイン方面ももっと知りたい方などは参考にしてみてください。 Material DesignとはMaterial DesignとはGoogleが構築したUIデザインフレームワークです。Androidだけでなく、WebやiOSのデザインにも活用できます。 ざっくりとした内容は「Material Designとは」でググってみてください。基本理念をわかりやすく解説している記事が並んでいます。この段階ではなんとなくMaterial Designってこんなんだなって理解したら十分です。 それではガイドラインを読み込む前に、まずは準

はじめに Pythonを使ってSlackに送信する方法について書いていきます まずは、Slackへ送信するためのURLを取得し、 次に、送信するための簡単なPythonスクリプトを書き、 最後に、投稿されるイメージを載せておきます 手順 1.Slack側の設定 1.画面の左上にあるメニューを開きます 2.「App管理」を選択する 3.上部の検索バーに「incoming」と入力し、「webフック」を選択する 4.Webフック画面で、「設定を追加」を選択する 5.「チャンネルへの投稿」で、投稿したいチャンネルを選択する ※例ではtestチャンネルを選択 6.「Webフックインテグレーションの追加」を選択する 7.「Webhook URL」をメモする 2.Pythonの設定 2-1.requestsライブラリのインストール terminalを起動し、 pip install requests で