前回、WEB上で画像やテキストなどのカラーを識別できるGoogle Chromeの機能を紹介しましたが、今回は色を識別してから、 色彩センスがないけど、きれいな配色が作りたい！！ この色には何色と合うんだろう？ とお困りではないですか。 【色を識別する記事】これ何色？画像やテキストなどWEB上の色を簡単に識別するGoogleChromeの機能 今回は、どんな色か特定できてもその色がどんなものなのか、相性の良い色はどの色なのか、配色を検討する参考にできる無料のオンラインツールを紹介します。 紹介する記事の中でこのサイトのロゴなどのテーマカラー「#d86e3a」をもとに紹介します。 簡単にきれいな配色デザインが作れるColorHexaって？ 前述していますが、「どんな色か特定できてもその色がどんなものなのか」、「相性の良い色はどの色なのか」、配色を検討する際に参考にできる無料のツールで、色彩セ

ページ上のさまざまな要素やコンポーネントにclassを加えるだけで、CSS3アニメーションを適用できるスタイルシートを紹介します。 既存のナビゲーションやボタンにちょっとアニメーションを与えたい時にも最適です。 HTMLにclassを加えて汚したくない人は、jQueryやスクリプトでclassを加えて、クリーンな実装もできます。

お探しのページはみつかりません一時的にアクセスできないか、移動、削除された可能性があります。

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

ライフスタイルに合わせて 必要なスキルを最短距離で！ スクールでしか得られない 確実に副業/転職に繋がる学びを。

iMacのMid 2011を利用していますが、利用するアプリの数が増えるに従って、メモリ解放によるぐるぐるが増えていました。これではChromeによるインターネッツ生活がおそろかになりますので、メモリをiMacの限界の16GBに増設することにしました。

いえーい買ったよー。 Amazon.co.jp : APPLE iMac Retina 5K Display 27 (3.5GHz QuadCore i5/8GB/1TB Fusion/ AMD Radeon R9 M290X) MF886J/A カスタムなしの標準構成。 27インチRetina 5Kディスプレイ (5,120 x 2,880) 3.5GHz Intel Core i5 (Turbo Boostで最大3.9GHz) 8GB (4GB x 2)メモリ 1TB Fusion Drive AMD Radeon R9 M290X (2GBメモリ) こんな感じ。詳しくは後述するけどメモリは上記の状態に加えて自分で増設した。 自宅でいろんなことにメインで使うためのMacとして買った。 それまで使っていたMacBook Pro 今まで使っていたのは、13インチMacBook Pro Ea

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? Qiita上の内容を集約し、大幅に修正・加筆したものを本として出版しました。 →ブログ：Bracketsの解説書を出版しました Bracketsとは Webによる、Webのための次世代エディタ Brackets自身がHTML・CSS・Javascriptで出来ており、まさに「Webによる、Webのためのエディタ」と言えます。 オープンソースであり、アップデートも約2.5週間に1度行われるなどとても活発に開発されています。 →Sprintから公式バージョンになり、アップデート間隔が伸びたようです。 テキストエディタとIDEの中間 デフォル

ノンプログラマーなエンジニアを対象としたプログラミング言語 Python のトレーニング。演習込みで 4時間 x 4日間 の内容を1スライドにまとめています。 プログラミングとはなんぞや、なぜpythonをやるのかというところから、クラスの継承あたりまでをカバーしています。それにくわえて業務によく利用されると思われる機能を説明しています。Read less

見積書・納品書・請求書・領収書を テンプレートでかんたん・キレイに作成 手書き・表計算ソフトで作るより、ラクに作成できます。 請求書作成枚数が月10枚まで、ずっと無料！月11枚以上は初年度無償でお試しいただけます。

無料で使えるさまざまなフリー素材イラストを配布しているサイト「いらすとや」が、時事ネタに敏感なイラストを公開しているとネット上で話題になっています。 「壊れた携帯ゲーム機のイラスト」。この素材どうやって使えばいいんだ…… ここ数日話題になっているのが、いらすとやが公開した「壊れた携帯ゲーム機」「壊れた携帯ゲーム機で遊ぶ子供」や「なかなか当たらないガチャ」「ガチャで当たった人／はずれた人」といったイラスト。炎上に発展した「子どものゲーム機バキバキ」問題（関連記事）や、ガチャ確率などに関する騒動（関連記事）とタイミングが合いすぎていることから、「時事ネタの扱いがうますぎる」と人気になっています。フリー素材としては絶妙に使いどころが難しいところや、絵柄がとにかく素朴でかわいらしいというギャップもシュールです。 「壊れた携帯ゲーム機で遊ぶ子供のイラスト」 「なかなか当たらないガチャのイラスト」 「

生産性の向上というテーマは、概念や理論を言うのは簡単だが、実際の現場では「具体的にどうするか」に知恵を絞らなくてはならない。 「総論賛成、各論反対」が生産性向上のための施策であり、結局は生活や仕事の中で細かな改善を積み重ねることで、結果が出るものだ。 個人的にもこのテーマは興味の対象であり、個人的に色々と試してみた。 1.スマートフォンからゲームを全て削除 スマートフォンのゲームはかなり良く出来ていて、端末に入っているとつい遊んでしまうので、全てアンインストールする。 効果：◎　ゲームの時間を読書や仕事に充てることが出来た 2.テレビは録画したものを倍速で見る テレビ番組は質の高いものも多い。だが、拘束時間が長いので、できるだけそれを短くしたいと考え、倍速で見ることにした。 効果：◎　拘束時間を半分にでき、更に録画されたものしか見ないので、テレビのだらだら見も防げた 3.資料の保管場所は1

【追記 2016/06/21】 Docker for Macがリリースされました。これでVirtualBoxを使う必要はなくなったので、この記事にあるdinghyを導入する必要はありません。 OSXでDockerを使うときには、VirtualBox + Docker Machineを使う事が多いと思います。しかし、VirtualBoxの共有フォルダ機能は凄く遅いため、その上で動くDockerも共有Volumesを使うと遅くなるという問題があります。 Vagrantの場合には、NFSマウントを使う事で早くすることができますが、Docker Machineにはその機能がありません。 そこで、OSXのDocker MachineのVolumes機能をNFSに入れ替えてくれるdinghyを試してみました。 codekitchen/dinghy: faster, friendlier Docker

昨年9月ごろに発表された米Poshのスマホ「Micro X S240」の実機を会場で発見しました。日本ではほとんど話題になっておらず、検索しても山根博士が他メディアに寄稿した記事くらいしかヒットしませんので、すでに発売中の機種ではありますがレビューしたく思います。 特徴は、なんといってもそのボディーサイズ。幅47×奥行き11.6×高さ89mmと「手のひらサイズ」と呼ぶのすら抵抗あるほどコンパクトなサイズです。

こんにちは！あきばはら（@tsurare01）です。 今回はiPhone関連の記事です。iPhoneユーザーなら知っておくべき情報をご紹介します。 知らないといろんな場面で困ったことになってしまうかもしれない、iPhoneの機能について書きたいと思います。 「利用頻度の高い位置情報」ってご存知でしょうか 普段触ってるだけならあまり意識しないような設定の中に、この「利用頻度の高い位置情報」というのがあります。ぼくもAndroidに途中乗り換えたりしながらiPhoneを使ってきましたが、いつごろに出来たのかわかりません。 調べてみたら古い記事だとこちらでしょうか。2014年にはこの項目ってあったんですね。知らなかった。 c-through.blogto.jp ともあれ、この機能の恐ろしいところは、「初期設定でオンになっている」「精度が極めて高い」ことだと思います。その名の通り、いつも立ち寄るお

はじめまして、かるねです。 フリーランスでWebエンジニアをしています。HTML、CSS、Javascript、Ruby on Rails、Wordpress、AWS辺りを薄くひろくやっております。 さて、今回はWebサイトをコーディングする際に必要となるHTML、CSS、Javascriptという3つの言語について、Jade、Stylus、CoffeeScriptといった拡張言語を使って開発効率のスピードを上げる方法を紹介していきます。 なお、今回はターミナルアプリ(MacであればiTermのような)と、Node.jsの環境、npm(Node Package Manager)が必要になります。 下準備(Node.js、npm) まずは下準備として、Node.js(n)とnpmの環境を構築していきます。ご存知ない方のために簡単に用語を説明します。 ・Node.js：Javascriptエン

Git はコードのマージを非常に得意としています。マージとはローカルで高速、そして柔軟に行えるものです。当然のことですが、異なるブランチから誰かがコンテンツをマージするたびにコンフリクトが発生します。コンフリクトを解決するには、主な変更点を把握して見抜かなければなりません。コンフリクトの解決は、時には多くの作業が必要になります。 開発者にはそれぞれ好みのコンフリクト解決方法があります。そのため同僚ライターのダン・スティーブンが以前、Questions for Confluence を使用して社内の人に質問していました。 返ってきた回答と洞察はアトラシアン社員だけではなく、もっと多くの人に役立つものでした。そこで私たちが Git コンフリクトを解決するさまざまな方法を以下に詳しく注釈付きで紹介します。皆さまの毎日のコーディング作業に役立つアイデアや方法がここで得られることを願います。 セット

Warning: Undefined array key "debug-mode" in /home/yamasha/yamasha.net/public_html/wp-content/plugins/pz-linkcard/pz-linkcard.php on line 290 Warning: Constant POST_PLUGIN_LIBRARY already defined in /home/yamasha/yamasha.net/public_html/wp-content/plugins/similar-posts/similar-posts.php on line 27 Warning: Undefined variable $choiceSupports in /home/yamasha/yamasha.net/public_html/wp-content/theme

إجعل طبخ كل يوم متعة إبحث عن وصفات رائعة لطبخك اليومي وشارك تجاربك في المطبخ حمّل التطبيق إبحث واكتشف وصفات جرّبها طبّاخو كوكباد في منازلهم بفضل خدمة البحث على كوكباد، يمكنك أن تجد وصفات بالمكوّنات المتوفّرة لديك أو أن تبحث عن اسم الطبق وبالتالي ستجد دومًا وجبات وحلويات لذيذة ترضي عائلتك. خدمة البحث أفضل على تطبيق كوكباد المجّاني! حمّل التطبيق احفظ وصفاتك المفضّلة باستعمال رمز الحفظ في المفضّلة يم

こんにちは。 高校の時に世界史の授業が面白かったこともあり、これをきっかけに世界史にどっぷりハマリ、大学では世界史の学科へ進み東欧史（現代）を専攻していためめです。 まあ、そんなこんなで、わたくし実は世界史マニアだったのです。 そこで今回、世界史マニアの人に満を持してオススメする「歴史漫画」を紹介していきたいと思います。 歴史漫画の記事はまとめにされることは多いようですが、日本史と混じって紹介されていることが多く、その中でも世界史漫画の割合が少ないのが現状。 “世界史好き”の人のための記事がなくて寂しかったので今回作成しました！ 大変申し訳ありませんが、私は日本史系の漫画については詳しくないので世界史漫画のみとなっています。 「歴史漫画」というカテゴリではありますが、歴史を忠実に描いた作品と、作者オリジナルストーリーの歴史ファンタジー漫画の両方を紹介しています。 ぜひ世界史マニアの方や、世

#はじめに 私は主にiOSアプリのプログラマーなのですが、デザインまで一緒に頼まれる事があります。 デザイナーじゃないので１からデザインをしていくなんて到底無理です。 そんな時にノンデザイナーの方でも良い物を作るために UIデザインのギャラリーサイトと配色パターンを決める便利なサイトをご紹介致します。 基本他のアプリを真似参考にするといい感じにできちゃうかもしれません。 Web系開発の方も配色パターン等は参考になると思います。 #デザインをする前に デザインをする前に呼んでおいたほうがいい物 ITエンジニアに易しいUI/UXデザイン デザイナーに言われた「非デザイナーが気をつけるべきデザインの4原則」 ノンデザイナーのための配色理論 #アプリデザイン ##CAPPTIVATE.co 動きのあるカッコいいUIばっかり載っています。 種類別で見ることもできるので便利ですね。 ##Mobile

プログラミングでコードを書くときは、99．9%英語を使いますよね。 クラス名やメソッド名をつけるのにも、欠かせません。 ですが、他人が書いたプログラムを見たとき、あなたはそこに書かれている英単語の意味を本当に理解していますか？ 知らない単語が混じっていて、困惑したことはありませんか？ fetch、acquire、retrieve…。 「よく分からないけど、まあいいや」ではすまされない！ コードの破綻を防ぐためにも、ここでばっちり、知らなかった英単語の意味をマスターしていきましょう！ 機種変更では、このような失敗をする方がとても多いです。 有料オプションを契約させられ料金が高くなった。。 待ち時間や契約時間が長くて、半日かかってしまった。。 キャンペーンや割引がきちんと適用されていなかった。。 スマホを乗り換えるときには、 → おとくケータイで乗り換えキャッシュバックをもらう で乗り換えをす

けん玉フリースタイルバトル世界ランク３位の過去話 ※フィクションです

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。