Gist 使ってますか？ Gistとはコード断片の共有サービス。 Qiitaでも記事投稿時の共有先に組み込まれているけど、あまり活用している人を見かけたことはない。というか全然ない。 特にインターフェイスが優れているわけではないし、ソーシャルサービスでもないし、レポジトリ管理の方法はドキュメントにさえ書かれていないし、なんだかんだと微妙な感じはある。 だが工夫次第では活用方法はあるはず。僕は好きです。嫌いじゃないです。 良いところ とにかく手軽にコード公開、ファイル公開が出来る 1個のGistがレポジトリとして管理されている (つまりcloneやpushが出来る) (本来はファイル共有サービスではあるが) markdownファイルを使って、何かコンテンツを書くことも出来る GistのURLをそのまま貼り付けることで、Mediumなどのサービスでの埋め込みが可能 「記事としてはMediumの

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

Easily find the best Material color for your projects. Here is 30 color combination based on material design color palette. By clicking color sample bar, You can check usage example in material design UI. Each of color combinations consists of following three kinds of colors. (1) Main (2) Optional (3) Accent For details, see Google Guideline. Contents

Material Design Google I/O 2014 で新しいデザインガイドラインが発表されました。 Google Design その中で注目されるキーワードが「Material Design」です。これは直訳すると「素材のデザイン」という感じになりますが、これは現実世界の素材をメタファーとすることでユーザーにとってわかりやすくなるように考えられたデザインのようです。 ということで、Material Design について簡単にまとめつつ、どうやってデザインを始めていけばいいか考えていきたいと思います。 Google Design のガイドラインを個人的に解釈した内容を掲載しています。誤解などありましたらコメント欄にて連絡ください。喜んで修正します。 イントロダクション まずはじめに Material Design の概要です。本文をそのまま引用します。 We challenge

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

You looked around, you saw all the arguments on why to use a grid, how to set one up, and you’re totally on board with all of that, but nobody told you how to use one. Same. Technically this article can be applied to grids in print but for our purposes, I’m specifically talking about web responsive grids for desktop, tablet, and mobile. Before we get into the nitty-gritty, let’s get our terminolog

あらすじ Google先生に教えてもらったmixinライブラリがどれもしっくりこなかったので、擬似多重継承ライブラリを自作したお話。 プロローグ ECMA6のClass構文を利用してHTML5 Canvasを便利に使うためのライブラリを作成しようとしていてふと手が止まった。 やりたいことは単純で、Canvas上にイメージライブラリを模したWindowを表示して、Window内のイメージをCanvas上にドラッグドロップするというだけのもの。で、早速Classを設計してみた。 コード共有と汎用性を考えて、CanvasとWindowはContainer、ImageはPlaceableのサブクラスとした。何の工夫もないが、極めて妥当な設計だ。またResponsible Web Designに対応できるよう、Containerには基本的なAnchorレイアウト（描画オブジェクト間の関係を定義してサ

前書き フロントを全く触ってこなかった私は、なぜか現在Vueでフロントを作っています。 コーディングに慣れていない私でも比較的スムーズに導入できたのですが、 最近知ったミックスインという機能をもっと早く知っておけばよかったと思ったので共有します。 Vueについて Vue (発音は / v j u ː / 、 view と同様）はユーザーインターフェイスを構築するためのプログレッシブフレームワークです。他の一枚板(モノリシック: monolithic)なフレームワークとは異なり、Vue は少しずつ適用していけるように設計されています。中核となるライブラリは view 層だけに焦点を当てています。そのため、使い始めるのも、他のライブラリや既存のプロジェクトに統合するのも、とても簡単です。また、モダンなツールやサポートライブラリと併用することで、洗練されたシングルページアプリケーションの開発も可

VueComponent間で再利用可能な部品を実装するための機能がmixinです。mixinを使った共通化の例はよく見かけますし、私もしばしばやってきました。ただ、どうも自分の実装方法だと後々不便になったり見通しが悪かったりと、使い勝手の悪いものになってしまうことが多かったです。 そこで今回は自分の過去の実装例を見返しながら、なぜ失敗したのか、mixinをどうを使うべきかについて、現時点の考えをまとめてみます。 この記事で紹介する失敗例は、私が携わったプロダクト開発においてデメリットの方が大きかった実装例です。 便宜上「アンチパターン」「失敗例」といった表現をしていますが、あくまで個人的にやりたくないパターン程度の意味合いです。 失敗例1. Template Methodパターンを意識したmixin 暗黙的挙動の危うさ OverrideではなくMergeしているだけ Classの継承とmi

「税務調査が来る」というと何か悪いことをしてしまったのではないか、と思う方が多いようです。 税務調査に来るのは何か証拠を掴んでいるからではありません。 税務署はいつくか所得を把握する手段がありますが、全てを把握しているわけではないのです。 この記事の内容について簡単にお話ししました。 税務署はすべてを把握しているわけではない 私が税理士業界に入ったときに「クロヨン」とか「トーゴーサン」という言葉を聞かされました。 今ではあまり聞きません。 「トーゴーサン」が何かというと、 給与所得者は10割（トー）、自営業者は5割（ゴー）、農業などは3割（サン）という意味です。 それぞれ税務署が把握している所得のことです。 昔の話なので今はどうかわかりませんが、 給与所得者は10割つまり100%税務署に所得を把握されているのです。 自営業者は5割、農業は3割の所得を税務署が把握していると言われています。

The Blog | Welcome to Adobe Blog アドビのブログでは、Creative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。

Velocityっていうアニメーション用のライブラリがある。 最初からいろんなイージングが使えて、jQuery UIのイージングの一部が入ってるんだけど、Back系、Elastic系、Bounce系のやつは入ってない。 Velocityは独自にイージングを拡張することもできるので、jQuery UIで使えるイージングは全部使えるようにしてみた。 'use strict'; import Velocity from 'velocity-animate'; let baseEasings = {}; baseEasings.Elastic = p => { return p === 0 || p === 1 ? p : -Math.pow(2, 8 * (p - 1)) * Math.sin (((p - 1) * 80 - 7.5) * Math.PI / 15); }; baseEasin

英語がペラペラになりたい…… 英語を早くマスターしたい…… このように考える英語学習者はたくさんいるでしょう。英語のペラペラの定義はさておき、なかなか思うように英語を取得することができない日本人が多くいるのが現状です。 では、なぜ日本人は思ったように英語を取得できないのでしょうか？ 今回は、その理由についてお話します。 英語をペラペラになるには？英語と日本語の違いを理解することがポイント 早速ですが、英語と日本語でもっとも異なる部分はなんだと思いますか？ 英語の特徴は、「重要な結論から先に伝える」ことにあります。そしてこれは例えば１文でも、段落になっていても同様です。例を見ていきましょう。 I go to the supermarket everyday. I went to the supermarket yesterday. I will go to the supermarket t

www.goodbyebluethursday.com is using a security service for protection against online attacks. This process is automatic. You will be redirected once the validation is complete.

www.goodbyebluethursday.com is using a security service for protection against online attacks. This process is automatic. You will be redirected once the validation is complete.

www.goodbyebluethursday.com is using a security service for protection against online attacks. This process is automatic. You will be redirected once the validation is complete.

人に教えてもらったことはある程度しか頭に入らないが、自ら手を動かして発見したルールや手法は強く記憶に残る。デザインの仕事でも、ネットで情報を読んだり良いデザインを見たりしたときは、刺激を受け、今後うまく活用できそうな気がする。しかし、いざという時に思い出せない。真似してみてもうまくいかない。 一方、実際に手を動かして、真似してみれば、自分の身になり、その体験を仕事で活かすことができるようになる。さらに多くの参考デザインを見た上で、そこに共通するセオリーやルールを自分で導き出した時には「なるほど！」という深い理解と共に、長く使える自分の知識として定着する。 このように知識として定着させる一つの方法は、情報をただ受信するだけでなく、実際に手を動かしてデザインしてみる、感じたこと、思ったことを自分の言葉で文章にまとめるなど、自分の意志でアウトプットすることである。 「会社の仕事だって毎日がアウト