独学でUIデザインを勉強する方法を自分の経験をもとに考えてみた｜あおい / デザイナー｜note

2019/06/09 657 users 独学 あおい UIデザイン もと 経験

こんにちは。 今回はProjectStepUPでUIデザインをやってきた自分が、独学で勉強する方法を考えてみました。初心者にわかりやすいというのを大事に、かなり簡素化して書いております。とりあえず4STEPにわけてみました。そういや高校時代に4STEPとかいう数学問題集あったなあ... STEP1：UIデザインに関係する一般知識を得... 続きを読む

【温泉旅館の浴衣着こなし術】着崩れナシでキレイに着られる手順とポイント @jalannet

2017/11/13 90 users 左右 旅館 浴衣 左右どっち じゃらんニュース

温泉旅館の浴衣は、普段着ることの少ないものだからこそ「浴衣の合わせは左右どっちが正しいの？」「歩いていたら崩れてきちゃった」…そんなお悩みを持つ方も多いかもしれません。 でも、実はたった5つのポイントを押さえるだけで誰でもキレイに着られちゃうんです。 ここでは、旅館で温泉浴衣を着る手順に沿ってそのポイントを紹介していきます。  記事配信： じゃらんニュース 【STEP1】 浴衣を羽織って左右の裾の... 続きを読む

疲れてどうしようもなく動きたくなくなったら時に役立つ「脳内FBI女長官を呼び出すライフハック」の実践方法と実例 - Togetterまとめ

2017/10/05 57 users Togetterまとめ 実例 ライフハック 敵地 FBI

「疲れてどうしようもなく動きたくなくなったけどやらなきゃいけないことがある時、脳内に遠方から電子機器をハッキングして声だけでサポートをしてくるFBIの女長官を呼び出すと動ける」というライフハックを見つけたので実例と共にやり方を紹介します STEP1：帰宅し倒れ込んだ布団の上で「自分は何らかの理由により敵地で動けなくなったエージェント」と思い込みます。 ・この時の理由は「拉致されたうえに食料が投げ込... 続きを読む

一瞬で解ける！アメリカで話題の「かけ算方法4つ」 | TABI LABO

2015/06/06 338 users TABI LABO 一瞬 かけ算 アメリカ 電卓

ここに紹介するのは、主に米メディア「Higher Perspective」で紹介されて、話題になっている「かけ算の方法」です。 計算なんて電卓があれば…という人も、これをみたら、やってみたくなること間違いナシ！ 01. 2桁のかけ算を 頭で簡単に計算！ 2桁のかけ算が計算しやすくなる方法を紹介します。 92×96=8832の場合だと、 Step1: 左側の数字を100から引きます。100-92=8... 続きを読む

旅のお供

2015/03/29 159 users お供 Step しおり 順番 地図

「旅のお供」は旅のしおりを作って、友達と共有できるサービスです。「旅のお供」は旅のしおりを 友達と共有できるサービスです 旅の名前を決めて さっそくしおりを作ってみよう！ 「旅のお供」の使い方 step1 旅のタイトルを決めましょう。 step2 行きたい場所を挙げていきましょう。地図を入れたり、行きたい順番に並び替えると便利に使えます。 step3 できたしおりはみんなに送りましょう。共有した人... 続きを読む

プロのゴキブリ駆除業者が解説。ゴキブリを二度と部屋に出さない！完全G対策3ステップ10アクション | 職人魂！マイスターニュース

2014/06/09 800 users ゴキブリ すき間 二度 職人魂 目次

ごきげんよう、黒羽いつきなのです！ゴキブリ駆除マイスターのマスコットキャラクター、やってるのです！ いつきたちゴキブリは、小さなすき間からもみなさんのおうちにおじゃまできちゃうのです。 今回はわたしたちが苦手なお部屋やおうちについて、プロのみなさんにお聞きしてきたのです！ ばっちり読んで、たくさんの人に知ってほしいのです！ 目次 【STEP1】ゴキブリが外から新たに侵入してこないようにする 1. ... 続きを読む

【Illustrator】簡単！歯車・ギアの描き方　編集も容易！（アピアランス）

2014/01/21 102 users アピアランス Illustrator Ellipse 歯車

今回はIllustratorで歯車を描きます。アピアランスなので、編集も簡単。数値を変えるだけで、バリエーション豊かな歯車を作ることができますよ。タイヤなんかにも応用できるので、ぜひお試しください！ 完成予定図 使用ソフト：AdobeIllustratorCC（CS5で検証済み） Step1　楕円を描いてギザギザさせる まずは楕円形ツールで元になる円を描きます。 楕円形ツール/Ellipse (L... 続きを読む

めんつゆで簡単！鶏の照り焼きの作り方 | nanapi [ナナピ]

2013/09/30 155 users ミリン 胡椒 nanapi 小麦粉 照り焼き

はじめに 今回は、めんつゆを使って美味しくできる「鶏の照り焼き」の作り方を紹介します。 材料 （1～2人分） 鶏もも肉 1枚 白ネギ 約5cm 白ゴマ 適宜 小麦粉 適宜 塩、胡椒 少々 めんつゆ 30ml みりん 大さじ1 酒 大さじ2 水 大さじ2 サラダ油 大さじ1/2 「鶏の照り焼き」の作り方 STEP1： 白ネギを切る 白ネギは縦半分に切って芯を取り除き、細く切ってから水につけておきます... 続きを読む

Compassで書きだすCSSファイルを軽量化する - to-R

2013/09/02 51 users Compass to-R compress CSSファイル

Compassは便利な半面、書きだされるCSSのサイズが非常に大きくなってしまうことがあります。設定を変更することで書きだされるCSSファイルの容量を削減することが可能です。 Step1.圧縮する コンパイル時に圧縮オプションを指定することで改行や空白を取り除いた形で書きだしてくれます。config.rbに以下のコードを追加するだけで圧縮できます。 output_style = :compress... 続きを読む

おどろくほど柔らかい砂肝のコンフィの作り方 | nanapi [ナナピ]

2013/02/15 318 users ローリエ nanapi コンフィ 小さじ 歯ごたえ

はじめに 串焼きなどではコリコリとした食感が醍醐味の砂肝ですが、コンフィにするととても柔らかくなります。作り方は簡単ですので、ぜひ驚きの歯ごたえをお試しください。 材料（4人分） 砂肝・・・300ｇ オリーブオイル・・・適量 塩・・・小さじ1 粗挽き胡椒・・・適量 ニンニク・・・2片 ローリエ・・・2枚 作り方（調理時間：約60分） STEP1：砂肝とニンニクの下ごしらえ 砂肝を4つにカットします... 続きを読む

「Gmail」で送信取り消し機能を使う方法 - nanapi Web

2013/01/22 68 users Gmail Labs nanapi Web 送信取り消し機能

はじめに 「Gmail」で、間違えて送信してしまったメールを取り消す方法を説明します。 この機能をオンにすると、送信ボタンを押した後数秒間であれば送信をキャンセルすることが可能になります。 やり方 STEP1:「設定ボタン」をクリック 右上にある「設定ボタン」をクリックします。 STEP2:「設定」をクリック 「設定」をクリックして、設定画面を開きます。 STEP3:「Labs」タブをクリック ペ... 続きを読む

簡単すぎる鶏ハムの作り方 | nanapi [ナナピ]

2013/01/15 459 users 下ごしらえ Step nanapi 鶏肉 鶏むね肉

はじめに 鶏むね肉は安くて節約の味方ですよね。そんな鶏むね肉を使った簡単な鶏ハムの作り方を紹介します。 材料(4人分) 鶏むね肉(皮なし)　1枚 塩　小1/2 作り方 STEP1：鶏肉の下ごしらえ 鶏肉に塩をもみこみます。 STEP2：ゆでる 鶏肉がかぶるくらいの水を沸かし、鶏肉を入れて10秒したら消火し蓋をします。そのまま30分以上放置します。好みの大きさにスライスして使ってください。 完成！ ... 続きを読む

この順番で読めばOK！JavaScriptを理解するための14冊 | DECONCEPTER

2012/10/10 1924 users jQuery DECONCEPTER ダントツ 一択 順番

JavaScriptの書籍はjQueryやサンプル中心のチップス本などを含めると、多数出ており、これから勉強したい人にとってはどれから読めばいいか迷うところだと思います。 今日はここ数年で出た書籍の中で初級者から脱中級者になるまでに読みたい書籍を、この順番で読めばステップアップできるという内容で紹介したいと思います。 STEP1. 初心者へのおすすめはダントツでこれ一択。 初心者向けの内容としては... 続きを読む

Googleアナリティクスでソーシャルからの流入を解析する方法 - nanapi Web

2012/06/14 453 users 流入 ソーシャル Googleアナリティクス nanapi

はじめに Googleアナリティクスを使っていて、「ソーシャルサイトからの流入だけを見たいな」と思ったことはないでしょうか。 そこでnanapiでも使っている方法を紹介します。 やり方 まずは、設定そのもののやり方を紹介します。 STEP1 「アドバンスセグメント」をクリックします。 STEP2 「新しいカスタムセグメント」をクリックします。 STEP3 名前を適当に「ソーシャル経由」などを入れて... 続きを読む

はじめる!Ruby(Motion)でiOSアプリ開発 - 高尾宏治日記 on はてな

2012/05/11 135 users Motion iOS RubyMotion Ruby 無料

Rubyついにこの日がきました。そう、iPhone・iPadアプリ(iOSアプリ)をRubyで開発できるようになったのです。さっそく、いっしょにやってみましょう。[STEP1] RubyMotionのインストールiOSアプリをRubyで開発するには RubyMotion が必要です。 RubyMotion - Ruby for iOS から購入します。(実は無料ではないのですよね〜)RubyMot... 続きを読む

Photoshopで深海からの景色を描く方法 / ウェブデザインライブラリー

2011/10/07 50 users ウェブデザインライブラリー グラデーシ Photoshop

投稿日：2011年10月7日　　　レベル：初心者　　　ソフトウェア： このチュートリアルではPhotoshopで深海からの景色を描く方法を紹介します。 Step1 ： 背景の作成 Step2 ： 水面の作成 Step3 ： 光の線を描く Step4 ： 海底の作成 Step5 ： イルカの作成 Step6 ： 完成 Step1.背景の作成 まずは、背景に青いグラデーションを作成します。 グラデーシ... 続きを読む

Photoshopで見映えの良いボタンを作成する方法 / ウェブデザインライブラリー

2011/07/19 58 users テクスチャ チュートリアル ウェブデザインライブラリー 木材

投稿日：2011年7月19日　　　レベル：初心者　　　ソフトウェア： このチュートリアルではPhotoshopで見映えの良いボタンを作成する方法を紹介します。 Step1 ： はじめに Step2 ： Photoshopで木材のテクスチャを開く Step3 ： ボタンの背景を作成する Step4 ： メインのボタンを作る Step5 ： ボタンを装飾する Step6 ： 完成 Step1.はじめに... 続きを読む

Photoshopで簡単に顔のレタッチを行う方法 / ウェブデザインライブラリー

2011/05/10 78 users レタッチ ウェブデザインライブラリー Photoshop

投稿日：2011年5月10日　　　レベル：初心者　　　ソフトウェア： このチュートリアルでは、Photoshopで簡単に顔のレタッチを行う方法をご紹介します。 Step1 ： しみや傷の除去 Step2 ： 眉の強調 Step3 ： まつげの加工 Step4 ： 軽いメイクアップ Step5 ： 瞳の加工 Step6 ： 完成 続きを読む

Photoshopで火のついた線を描く方法 / ウェブデザインライブラリー

2009/03/13 277 users チュートリアル レイヤー ウェブデザインライブラリー バス

投稿日：2009年03月13日　　　レベル：初心者　　　ソフトウェア： このチュートリアルでは、Photoshopで火のついた線を描いてみたいと思います。 Step1 ： はじめに Step2 ： パスを描く Step3 ： 火のレイヤーを作成する Step4 ： 火のレイヤーを複製しレイヤーオプションを変更する Step5 ： 完成 このチュートリアルでは良い写真素材を十分にそろえる必要がありま... 続きを読む

髪の毛などが込み入った背景を削除する方法 / ウェブデザインライブラリー

2008/02/19 574 users ウェブデザインライブラリー Alt Ctrl フィルタ 背景

投稿日：2008年2月19日　　　レベル：上級者　　　ソフトウェア： 対象を背景から引き出す3つの手法についてご紹介します。この中から気に入った方法を使って作業できます。 Step1 ： 抽出ツールを使用する Step2 ： ブレンドモードを使用する Step3 ： チャンネルの使用 画像を開きます。「フィルタ」−「抽出」を選択するか「Alt」＋「Ctrl」＋「X」キーを押してください。 パレット... 続きを読む

超常現象の謎解き

2005/08/23 353 users 謎解き 超常現象 UFO 巨大UFO 錯誤

ようこそ！ 当サイトでは、懐疑的な視点から超常現象の謎解きを行っています。 また「Step1」〜「Step3」では、目撃情報や記憶に関して陥りやすい錯誤などを紹介しています。 2008年9月3日 自己紹介のページに読者の方からいただいた質問に対する回答を追加。 2008年8月30日 ＵＦＯのページに「メキシコシティに出現した巨大ＵＦＯ」をアップ。 2008年8月26日 ＵＦＯのページに「ヘリコプタ... 続きを読む