utakatakanataのブックマーク (98)

  • みんな眼鏡にどれくらいお金かけてるの

    1万円くらいの安い眼鏡を買うか、ちゃんとした眼鏡ブランドの五万円くらいのものを買うべきか悩んでる

    みんな眼鏡にどれくらいお金かけてるの
    utakatakanata
    utakatakanata 2019/06/28
    認定眼鏡士あまり当てにならないなぁ。フィッティングまともにしなくても掛け心地の良いLineartを愛用してたけど次は冒険予定。いわゆる格安メガネも作ってみたけど目が疲れた。
  • 【総まとめ】2018年公開のすごいPhotoshopチュートリアル、作り方厳選60個 - PhotoshopVIP

    当サイトでは、Photoshopのテクニックを学ぶのに最適なチュートリアル、作り方をまとめて紹介しています。今回は2018年のあいだに公開された中で、特に確認しておきたいPhotoshopのデザインチュートリアルをまとめてご紹介します。 2018年に大幅アップデートされたPhotoshop CC 2019の新機能はもちろん、分かりやすい解説で紹介されたPhotoshopの基や、目からウロコのデザイン小技テクニック、設定ひとつで完成のお手軽テキストエフェクト、Photoshopならではの格的な写真合成テクニックまで人気デザインの作り方が揃います。 これからPhotoshopを始めてみよう、というひとにもぴったりなテクニックを揃えています。 【総まとめ】2018年すごいIllustratorチュートリアル、作り方厳選68個 ※ 2020年3月10日アップデート 2020年版の最新デザインチ

    【総まとめ】2018年公開のすごいPhotoshopチュートリアル、作り方厳選60個 - PhotoshopVIP
  • チュートリアル アーカイブ - PhotoshopVIP

    このチュートリアルは、Texturelabsによる英語版オリジナルチュートリアル「Grungy Chrome in Photoshop OR A...

  • もしも桃太郎が一行がITのスタートアップだったら

    恵比寿駅の喫茶店。イヌ、サル、キジが張り詰めた空気でテーブルに同席している。 喫茶店のドアを開けて、桃太郎が入ってくる。 桃太郎「おつかれーっす」 イヌ、サル、キジ「……っす」 桃太郎「ごめんごめん、遅くなっちゃったわ。いやね、きのう金太郎と浦島太郎と飲みがあってさ」 キジ「え、あの有名な……」 桃太郎「そうそう。お互い名刺交換して。まぁやっぱ視座の高さが違ったわ。特に浦島太郎なんて玉手箱開けた経験者だし。金太郎は店にクマで乗り付けてた。ツキノワグマ」 サル「はー、すごいっすね」 桃太郎「浦島太郎、酔って乙姫に今から店こいよ!ってLINEしてたわ。ま、来なかったんだけど」 イヌ「……」 桃太郎「で、今日は何の話だっけ?」 サル「えーっと、それがっすね……」 桃太郎「来月の、鬼ヶ島ロンチの話?」 キジ「いや……」 イヌ「……俺から話すわ。実は、四人の座組みの件で、もう一回ちゃんと話したくて」

    もしも桃太郎が一行がITのスタートアップだったら
    utakatakanata
    utakatakanata 2019/05/27
    恵比寿駅の某カフェに行くとこういうドラマたまに見る。
  • 生理が重い

    初めて生理が来た日から10年以上経ったけどずっと重い 世界に私より苦しんでる人はごまんといるだろうけれどとにかく重い まず普通に腹が痛い(女性の方はわかると思うけど通常の腹痛とは位置と痛みの種類が違うので生理が来たらすぐ分かる) もう頭の中が痛い痛い痛いしか考えられないくらい痛い 気休めに貧乏ゆすりをする これは割と効く気がする 痛みは無くならないけどほかの何かに気を持っていくといくらかマシ でも行儀は悪いと思われるだろうしもし机とかが揺れる状況だったら不快に感じる人も居るだろうからどこでも出来るわけじゃない 下腹部をさするのもよくやる わりと何処でもやる 摩擦で火傷しそうなぐらいさする 貧乏ゆすりもそうだけど生理痛を上書きするような感覚でやっている 貧乏ゆすりは足が疲れるくらいやる 人前でもするんだけど純粋に痛みを忘れるためにやってるのでアピールしたいわけじゃない 「お腹痛いの?」って聞

    生理が重い
  • ベッド おすすめ人気ブランド・メーカー[タブルーム]

    家具・インテリア情報TOP > ベッド > ベッド おすすめ人気ブランド・メーカー29選 ベッドを取り扱っているオススメの家具ブランド・メーカーを集めました。世界的なベッド専門メーカーから、天然木のベッドにこだわる職人肌メーカーまで、幅広くご紹介。国内外の数多くの選択肢から、あなたにぴったりのおしゃれなベッドを見つけてください。 また、ベッドのアウトレットセール、フェア、イベントに参加すると、催事会場やショールームで、実物の寝心地や大きさを直接確かめられます。フェアは普段ない割引、コーディネート相談、今使っている家具の引き取り相談、購入後の搬入経路の相談ができることもあるので、ぜひ足を運んでみてください。

    ベッド おすすめ人気ブランド・メーカー[タブルーム]
  • どんなエディタでもEditorConfigを使ってコードの統一性を高める - Qiita

    よくある会話として下のようなものがありますよね。 「ソフトタブですか?ハードタブですか?」 「インデントはいくつですか?」 ※ソフトタブはタブが半角スペースで、ハードタブはタブがタブ。 そんなものはエディタの設定で統一すればよいからと。頭を悩ませる理由がわからないと。 と、思うんですよね。ひとりで作業しているときはね。 現状、私の周りで何が起きたかというと。 PhpStormVim信者 Atom使いたい派 なぜかときどきSublimeText使う派 と、なってくるわけですね。 エディタ毎に設定していってもよいんですけど、プロジェクト毎にどうのこうのしなきゃいけなくてめんどう。 結果 コードがグッチャグチャになって人間関係までグッチャグチャ となるわけですね。 人をイライラさせたければソフトタブのところにハードタブぶち込んだり、タブ4で統一しているところに2をぶち込めばよくて。簡単だね!

    どんなエディタでもEditorConfigを使ってコードの統一性を高める - Qiita
  • Chrome DevToolsのネットワークタブでわかるWebの奥深さ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは、Webディレクターのともぞうです。 Google ChromeのDevToolsにある「ネットワーク」タブが面白いので、今回はその面白さについてお伝えします。 Chrome DevToolsとは Google Chrome上でサイトを開き、右クリックをして検証をクリックすると現れるものです。 開いてみるとソースコードやConsole、モバイルのシミュレーターなどとWeb開発する上で役立つ様々なツールが提供されています。そしてその中の左から4番目にあるNetworkタブが今回紹介するものです。 余談ですが、DevToolsの開き方は他にもいろいろありまして、私はよくショートカットを使います。 macOSだとcommand + option + i で開くことができます。 WindowsだとCtrl + Shift + iで開くことができます。 今度DevToolsを開きたいときに

    Chrome DevToolsのネットワークタブでわかるWebの奥深さ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • Illustratorを使ったロゴ作成テクニック!クオリティアップの一手間を解説

    こんにちは、Webデザイナーのゆうこです。ふだんの業務でロゴ制作を担当させていただくことがよくあります。 ロゴ制作って楽しいですよね。自分が作ったロゴが会社やお店で使われているのを見ると、嬉しくてわくわくします。 今回はロゴ制作の過程と、デザイナー初心者の方でもすぐに使える、Illustratorでのロゴデザインの小ワザをいくつかご紹介したいと思います。 デザインの世界に飛び込んでみませんか? 「プロから学びたい」、「クリエイティブな仕事がしたい」……という方は「スクールでの勉強」もおすすめです。デジLIGでは、未経験から6ヶ月でWebデザイナーを目指せます。現役Webデザイナーによる授業と、手厚すぎる就職支援が特徴!ぜひ一度詳細をチェックしてみてください 👉「デジタルハリウッドSTUDIO by LIG」詳細へ 👉スクールの概要が詳しく分かる資料のご請求はこちら! 💡ロゴ制作会社お

    Illustratorを使ったロゴ作成テクニック!クオリティアップの一手間を解説
  • FLEX: A simple visual cheatsheet for flexbox

    flex-wrap Wraps items if they can't all be made to fit on one line.

    FLEX: A simple visual cheatsheet for flexbox
  • 【CSS3】@keyframes と animation 関連のまとめ - Qiita

    はじめに animation プロパティと @keyframes を使うと、CSSだけでアニメーションの設定ができます。 簡単にアニメーションの設定ができるので、覚えると楽しいです。 そもそもアニメーションって? アニメーションの意味をググると動画と書かれていますが、動画というよりは、動きまたは変化という意味で捉える方が理解しやすいかと思います。 この記事でも、アニメーションという単語を用いて説明しますが、動きまたは変化という意味で読んでください。 最初は @keyframes について見ていきましょう。 説明するときに英語の読み方も記載していますが、参考程度に見てください。 keyframes について @keyframes は、アニメーション開始から終了するまでどのようなアニメーションをするのか指定できるCSSの文法です。 @keyframes は、@規則のため、@から始まり、波括弧内

    【CSS3】@keyframes と animation 関連のまとめ - Qiita
  • CSS トランジションの使用 - CSS: カスケーディングスタイルシート | MDN

    CSS チュートリアル CSS の基 CSS の第一歩 CSS の第一歩の概要 CSS とは何か CSS 入門 CSS の全体像 CSS の働き 評価課題: 経歴ページのスタイル設定 CSS の構成要素 CSS の構成要素の概要 CSS セレクター Type, class, and ID selectors Attribute selectors Pseudo-classes and pseudo-elements Combinators カスケードと継承 Cascade layers ボックスモデル 背景と境界 書字方向の操作 内容のはみ出し CSS の値と単位 CSS における大きさの指定 画像、メディア、フォームの要素 表のスタイル付け CSS のデバッグ CSS の整理 評価課題: CSS の基的な理解度 評価課題: 素敵なレターヘッドの便箋の作成 評価課題: かっこいいボック

    CSS トランジションの使用 - CSS: カスケーディングスタイルシート | MDN
  • JavaScript で陥りやすい失敗例を振り返る - Qiita

    個人的に今まで JavaScript を書いてて陥った失敗例などを振り返ってみました。 この記事にあるいくつかの失敗例については恐らく殆どの方が経験してるのではないかなと思います。 これから JavaScript 勉強するぞ!!という方や、現在進行形でこのような失敗に陥っている方の助けになれば幸いです。 コードの解説に関しては簡潔に行なっているので、気になった方はググってください。 DOM の取得及び操作 要素を取得して is-close なスタイルを付与したい。 しかし、エラーになってスタイルを付与できない // 失敗例 const hoge = document.getElementsByClassName('hoge'); hoge.classList.add('is-close'); // 正しい例 const hoge = document.getElementsByClassN

    JavaScript で陥りやすい失敗例を振り返る - Qiita
    utakatakanata
    utakatakanata 2019/03/19
    よくやらかしてました。いいまとめです。ありがとう。
  • 四月から会社員になる俺におすすめのエロゲを教えてくれ。緊急だ!!

    utakatakanata
    utakatakanata 2019/03/15
    そのチョイスならきっといけるはずだから、鬱ゲーという言葉では説明し切れないSWAN SONGやっとこう。マジでこれはエロゲで終わらせちゃいけない名作だから。な?CARNIVALもいいぞ。このブクマ見た奴もやるんだぞ!
  • 配色はセンスじゃない、UIデザインで色をかんたんにキメるメソッド|Taiki IKEDA|note

    今日は先日勝手にリデザインしたPolipoliのデザインを使って、UIデザインを行う時に僕が普段どのように色を選択しているのかをとても正直に書いていこうと思います。僕がこれから記す方法に則って色を選べば、誰でもナウでヤングなアプリを作ることができます。 はじめるよ レイアウトに関してはイニシエよりご先祖様がお築きになられたルールに則って並べればオワ、オワリです。さっそくこのPolipoliベッチュー、タタキケンサキエディションに色をつけていきます。 1. メインカラーを選ぼうまずはじめにメインとなるカラーを決めます。Polipoliのテーマカラーはピンクなのでブラウザの検索欄に「pink flat ui design」と打ち込みます。イメージに近い色が出てきたらスポイトで吸い取りましょう。著作権にはくれぐれも注意してください責任は負いません。 Polipoliに関しては最初からメインカラー

    配色はセンスじゃない、UIデザインで色をかんたんにキメるメソッド|Taiki IKEDA|note
  • VSCodeでなるべくマウスを使わない開発環境をがんばる - Qiita

    はじめに 最近,職場の若手が自分も愛用しているVSCodeを使って開発をがんばっています.それに触発されてVSCodeでの開発環境についてまとめたものを書いていきたいと思います.まわりにはターミナル上でEmacsやVimを使ってコードを書いているプログラマも多い環境なので,なるべくマウスを使わずにキーボード操作だけで開発できるようにまとめます. https://code.visualstudio.com やりたいこと 次にあげる内容をキーボード操作で行えるようにするのが目標です. 指定したファイルを素早く開く 関数やクラスなどのシンボルで検索する 定義にジャンプしたり戻ったりする 手軽にC/C++をビルドして,素早くコンパイルエラーの場所を表示する 前提としてがっつり設定などをカスタマイズするというのではなく,初心者向けになるべく簡単に環境を立ち上げられる内容でまとめていきます.またビルド

    VSCodeでなるべくマウスを使わない開発環境をがんばる - Qiita
  • Angular v2からv6までの変化をまとめてみた - 余白

    Angular 2から6までの主要な進化をまとめた記事を読みたい。— Masahiko Sakakibara (@rdlabo) 2018年4月20日 逆にIonicの変遷が知りたいですね 最近Stencilも出てきたしその辺の絡みとか俯瞰的に見てみたいです— lacolaco (@laco2net) 2018年4月20日 rdlaboさんがしっかりGW明けにIonicの記事書いてくれたので、僕もAngularのv2からv6まで、3年弱の変遷についてまとめます。 Ionic 2 から 4 への、この2年間の進化を振り返る 前Angular v2時代 Angular v2 オフラインコンパイル AngularJSへの .component 逆輸入 Animation API Language Service Angular CLIとスタイルガイド SystemJSからwebpackへ For

    Angular v2からv6までの変化をまとめてみた - 余白
  • ReactとAngular、使うならどっち? JavaScriptギークが6つの視点で徹底比較 - エンジニアHub|Webエンジニアのキャリアを考える!

    ReactAngular、どちらを選ぶべきか? 使用するJavaScriptフレームワークを選ぶ際、この2つはよく比較対象に挙がります。しかし、両者の特徴をよく理解していなければ、選定は困難でしょう。 今回は、両フレームワークが具体的にどんな強みを持っているのかを、Reactの専門家 小林徹さんとAngularの専門家 稲富駿さんに解説してもらいました。両フレームワークの設計思想から使用において考慮すべき点、今後実装される予定の機能まで、利用者が気になるポイントを網羅しています。 JavaScriptギークである2人のノウハウ、ぜひ選定の参考にしてください!

    ReactとAngular、使うならどっち? JavaScriptギークが6つの視点で徹底比較 - エンジニアHub|Webエンジニアのキャリアを考える!