コインチェック株式会社（代表取締役社長：和田晃一良、以下：当社）が運営する仮想通貨取引所サービス「Coincheck」において発生した仮想通貨ＮＥＭの不正送金に伴い、対象となる約26万人のNEMの保有者に対し、以下の通り、補償方針を決定いたしましたので、お知らせいたします。 1月26日に不正送金されたNEMの補償について 総額 ： 5億2300万XEM 保有者数 ： 約26万人 補償方法 ： NEMの保有者全員に、日本円でコインチェックウォレットに返金いたします。 算出方法 ： NEMの取扱高が国内外含め最も多いテックビューロ株式会社の運営する仮想通貨取引所ZaifのXEM/JPY (NEM/JPY)を参考にし、出来高の加重平均を使って価格を算出いたします。算出期間は、CoincheckにおけるNEMの売買停止時から本リリース時までの加重平均の価格で、JPYにて返金いたします。 算出期間　

Perfect your photos instantly with Instaflash Pro. Instaflash Pro gives you more photo editing control with Pro photo adjustments including: Shadows, Highlights, Light EQ, Tone EQ, Color EQ, Split Toning, Fill Light, Soft Light, Clarity, Vignette, Focus, Noise Removal, White Balance, and more. Simulate depth of field like an SLR or tilt-shift lens using the focus tool. Fine tune your photo's light

CSSだけで、ルートのフォントサイズを元に最小値と最大値を指定し、その間のサイズはビューポート幅（vw）に対して自動で変化させるスタイルシートの記述を生成するオンラインツールを紹介します。 例えば、768px以下はすべて1rem、1920px以上は2rem、その間はvwに対して変化する、という指定が簡単にできます。 Responsive font calculator ツールの使い方は、簡単です。 Units フォントのサイズ指定に使う単位を「px, rem, em」から選択。 Selector 「font-size」を適用するセレクタを記述（id, class など)。 Font-size フォントが拡大縮小する範囲を指定。 Viewport width フォントのサイズに対応するビューポート幅を指定。 Options コメントの有無、サイズの最大値を超えないように指定 スタイルシートは

RETRIP（リトリップ）は旅行・おでかけメディアです！インターネット上で見つけた、あらゆる旅行・おでかけ情報を自由に組み合わせ、保存、紹介することが出来ます。

Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences.

海外サイト Envato Blog で公開された「25 Free Web-Based Apps & Tools For Working With CSS」の著者 Paul Andrew より許可をもらい、翻訳転載しています。 CSS スタイルシートを作成していると、時間ばかりかかる退屈な作業をこなさなければいけない時があります。 たとえば、CSSアニメーションや FlexBox レイアウトを作成、調整したり、モダンブラウザ対応の書き方を思い出したり、レスポンシブ用にemをpxへの変換や CSS ファイルの圧縮やクリーンアップ、画像をデータURIへ変換など、どれもクリエイティブとは程遠いものばかり。 今回は、作業時間を大幅に短縮し、より快適なスタイルシートの作成ができる便利なツール25個をまとめてご紹介します。 紹介するツールを活用することで、これまで時間がかかっていた頭の痛くなる作業も、ボ

身につける服でも仕事のプレゼンテーションでも、何かの見た目を良くしたいのなら、色は大切な要素です。ですが、オレンジと青が完璧な組み合わせだなんて、誰もが直感的に知っているわけではありません。自分の直感を信じられないなら、色彩理論の基本を理解して、それをもとに正しい色を選んでみてはどうでしょうか。 色相環を知る 上の図は基本的な色相環で、色を選ぶ際の指針になるものです。学校で見たことがあるかもしれませんが、忘れている方のために、簡単におさらいしておきましょう。 赤、青、黄色の3色が原色です。赤と黄色を混ぜると橙になります。青と黄色を混ぜると緑になります。赤と青を混ぜると紫になります。そのため、橙、緑、紫は二次色と呼ばれています。赤紫や青紫などの三次色は、原色と二次色を混ぜたものです。 すべての色には明色（明度の高い色）と暗色（明度の低い色）があります。明色は元の色に白を混ぜてできる色、暗色は

注）本文中の「コンテナ」「アイテム」について 本文中でいう「コンテナ」「アイテム」は、flexコンテナとflexアイテムのことを指しています。 コンテナ display: flexや、wrap指定などをする 複数のアイテムを含む アイテム flex: 1 0 0%などの指定をする 1. アイテム潰れる問題（Safari） Chrome Safari 潰れてますね。 起きる条件 Safari なぜ コンテンツの最小サイズを尊重してくれない模様 どうすればいいのか flex-shrinkに0を指定 flex-basisにautoを指定（デフォ値なので、指定がなければそのままでOK） Safari10にて修正済み（つまり、SierraとiOS 10以降では対応不要） 2. align-items:center はみ出す問題 Chrome IE11 はみ出てますね。 起きる条件 IE10-11 f

CSSプロパティの1つである display は、CSSレイアウトに用いるプロパティの中でも極めて重要なものです。よく使われているのは、 block や inline 、 none あたりでしょう。 table や inline-block も、今ではかなり一般的になってきたと言えます。一方、 flex は新たに登場したものです。きっとユーザに気に入られるでしょう。これはレイアウト用に特別に作られたdisplayプロパティです。さらには、この先、 grid がまもなく私たちの秘密兵器となるでしょう（現在、盛んに取り組まれています）。これもまた、レイアウトに特化したプロパティです。 本記事は、当初予定していたよりもずっと長くなりました。ご希望に応じて、自由にサブセクションに飛んでお読みいただければと思います。もし、お時間を割いて全体を読んでいただけるのでしたら、大変嬉しく思います???? 目

かつて、有名な手品師Dariel Fitzkee氏は「マジックは細部と演じられるパフォーマンス、それら両方にあるのです」と言いました。インタラクションデザインもそれに似ています。デザイナーは全体像を正しくしようと努力するかもしれません。しかし、細部が適切なものからほど遠ければ、結果は失敗に終わるでしょう。マジックは細部にあります。それが、丁寧にデザインされたマイクロインタラクションが、体験の満足度を高める理由です。 この記事では、モバイルアプリに見られるアニメーション付きのマイクロインタラクションが、使い易さに加えて、否定しがたい楽しさももたらす理由を探求します。もし、まだ未読であれば、前回の記事”マイクロインタラクションのユーザー体験への大きな影響”を最初にお読みください。 マイクロインタラクションは、モバイルアプリ体験の中で起き得るあらゆる行為の周辺の様々な場所で使用されます。一般的に

インフラについて、何となく理解しているつもりでも、「インフラとは何か？」と聞かれると、こういうものであると明確に答えるのは案外難しいものです。 そこで、インフラの基礎がわかるスライドシェアを10個ピックアップしてご紹介します。 インフラエンジニアの定義、インフラの基礎、手順書の書き方、インフラ自動化など、初心者から中級者向けの内容となっています。 Web業界で働くなら、システムの基盤となるインフラについて学んでおいて損はないはずです。

React.js（以下、React）は、Facebookが作ったJavaScriptのビュー・ライブラリです。最近よく耳にするけどあまり理解していないという人も多いのではないでしょうか。 そこで今回は、 「Reactって最近よく聞くけど一体何？」 「jQueryと何が違うの？」 といった疑問にこたえてくれる初心者向けのスライドを厳選して紹介します。JavaScriptは苦手だけど概念だけは理解したいといった人のために、なるべくわかりやすいものを選んでいます。 ＊もし、「このスライドもおすすめ」というものがあったら教えてください。 Reactとは？ なぜ人は必死でjQueryを捨てようとしているのか なぜjQueryを捨て、Reactを採用しようとするのかについて説明してくれるスライドです。ページ遷移のないシングルページアプリケーション（SPA）への需要が増えてきているといった最近のトレンド

ユーザーが迷うこと無く自然に操作できるようにユーザーインターフェース（UI）をデザインすることは、簡単なように見えてとても難しいことです。この連載では、まず普段使い慣れたiPhoneの基本的なUIアニメーションや画面遷移を見ていきます。何気ないアニメーションに隠れた意味や効果を知ることは、これから作るアプリのUX（ユーザー体験）のヒントになるはずです。今回は、iOS標準アプリに使われているアニメーションを紹介します。 アプリ内アニメーションの重要性とは 近年、モバイルアプリやWebサイトのUIデザインは平面的な表現が特徴のフラットデザインが主流となって、静的なデザインだけでは直感的に使いやすいUIを作ることが難しくなってきています。使いやすく楽しいアプリケーションを作るためには、トランジションやアニメーションを効果的に取り入れることが重要です。 また、フラットな

2016 - 07 - 08 読みやすいコードを書くポイントをまとめてみた [PR]　 ⇒女性に好かれない原因を知りたい方はこちらから @tora_snsさんをフォロー list Tweet Share on Tumblr 仕事にこだわりをもってやると、 仕事が面白くなります。 自分は特に、コーディングには こだわりを持ってやっています。 良いコードとは何か？ というのは永遠のテーマですよね。 これが正解とは思っていませんが、 自分が普段どんなところに気を付けているか、 書いていこうと思います。 当初は、良いコードとは？ というタイトルにしようと思ったのですが、 長くなり過ぎたので区切ることにしました。 読みやすさ 他の誰かがメンテナンスをするということを忘れない システムは、 基本的に動き続けます 止まる場合は、それなりの理由があるはずです。 ※言語がサポートされなく

Liberato 自然素材をアップサイクルしたサステナブルなシューズブランド「Liberato(... 詳細を見る

最近ウェブサイトやUIデザインなどを見ていると、ふわりと浮いているような奥行き感を表現しているものがあります。これは拡散型シャドウ（英: Diffuse Shadow）と呼ばれる新しいグラフィックトレンドで、2016年に入って多く見かけるようになっています。 今回は、この拡散型シャドウの基本的な使い方や、PhotoshopやHTML/CSSなどによるさまざまなデザイン方法を、参考にしたいUIデザインと一緒に見ていきましょう。 拡散型ドロップシャドウって何？ 英語でもきちんとした名前はまだ決まっていないようですが、この拡散型シャドウ（英: Diffuse Shadow）と呼ばれるこのテクニックは、通常のドロップシャドウに比べ、奥行き感をより表現できます。フラットデザインから派生したスタイルのひとつとも言え、今のデザイントレンドを反映しています。 Image Source: VOID Conf

セリフやストローク、ステムなど、タイポグラフィにはその文字の一部分を表す用語があり、デザイナーであればある程度耳にしたことがあると思いますが、今回紹介するのはタイポグラフィの用語が学べる「TYPETERMS」です。 アクセスすると一つの文字が描画されており、その文字の中の一部をどのように呼ぶのかなどが一望できるようになっています。 詳しくは以下 それぞれの部分についてはクリックできるようになっており、その説明を見ることができます。意外とデザイン業界にいても知らない単語があったりここの部分はこういう呼び方をするんだなど発見がありました。もちろん言葉は相手も知っていることが前提で、伝わらなければ意味がないとは思いますが、なんとなく理解していた部分などが詳しく解説されているのは良いですね。 また「TYPETERMS」は埋め込むことが可能とのことで、下記に埋め込んでみました。書体についてタイポグラ

今まで、やらなきゃいけないと思いつつもプラグインでちょこちょこ対応していた程度だった「表示速度の高速化」ちゃんと取組もうと思い、いろいろとやりました。 表示速度を改善する為には、キャッシュをいじるので下手するとWEBサイトが表示されなくなったり、WordPressが壊れたりするのでドキドキでした。 なぜ高速化が必要なのか？ 一般的にWEBサイトを訪問して最長3秒で閲覧を続けるか、ほかのWebサイトに移動するかを判断されるといわれており、Webページを表示するだけで４秒も５秒もかかっていたのでは、機会損失なわけです。 GoogleもWEBページの表示速度は評価ポイントとして見ているので、速ければ速い方がいいわけです。 ブログの表示速度をチェックする PageSpeed Insights（Google Developers） PageSpeed Insights GTmetrix GTmetr