Slack、Gmail、Google Drive、Trello、GitHub……などを1つのウィンドウで管理することができるアプリはいくつかありますが、個人的には「Station」が一番オススメ。無料だし対応しているウェブサービスは500以上だし、気軽に試してみると仕事が捗るかもしれないですよ。
今日は一人暮らしの味方「パスタ」のなかでも、王道の「たらこパスタ」のレシピを考えてみました! 基本は混ぜて和えるだけなので、とっても簡単です!一人暮らしだと「生クリーム」を使うのって少しハードルが高いかもしれませんが、牛乳で作るよりも良いコクが出るのでなるべく生クリームを使ったほうが良いです。 心から「家でつくるたらこパスタが一番おいしいな」と思える仕上がり になっています。 ぜひ、ご家庭でも作ってみてください! 料理概要 調理時間・・・・・・15分 一人分の材料費・・・237円 工程・・・・・・・・5工程 難易度・・・・・・・★★☆☆☆ 材料(2人前) 食材 材料名分量価格備考パスタ200g40円必須青じそ1枚-できれば塩1個19円必須 調味料 材料名分量価格備考たらこ 2腹220円必須バター 20g程度-必須 オリーブオイル大さじ1杯-できれば卵黄1個19円必須生クリーム大さじ5杯17
こんにちは、ほそいあやです。皆さんは生ハム好きですか? 好きですよね! 今日は、生ハムの食べ比べのできる本格イタリア料理店のレポートです。 「La Prosciutteria(ラ・プロシュッテリア)」は、飯田橋駅より徒歩2分、神楽坂通りをちょっと入ったところにある隠れ家的イタリア料理店です。 店内に一歩入ると、そこはもう本場のトラットリア!(行ったことないけど) 豪快な生ハムディスプレイが目を引きます。雰囲気満点☆ 待つことなく生ハムで飲み始められる幸せ ビッラ・フレア社「Costanza BLONDE ALE(コスタンツァ ブロンドエール)」。イタリアのクラフトビールです。大麦麦芽100%で、フルーティーで苦味があります。イタリアのビールってあまり飲んだことがないけど、こういう重めの飲み口のものがあるんですね。たしかにイタリア料理に合いそう。 イタリアンと言えばワインなので、生ハムに合う
どうも、まさとらん(@0310lan)です! 今回は、ブラウザを本格的なJavaScript開発環境に変えるクラウドIDEを厳選してご紹介しようと思います! 現在では、クラウドIDEといってもさまざまな特徴を持ったサービスが存在しています。 フレームワークを活用したプログラミングに特化していたり、Linux環境の構築に強いサービスなど…それぞれの特徴も合わせて紹介するのでぜひ参考にしてみてください! なお、JavaScriptはpaizaラーニングの「JavaScript入門編」で学ぶことができます。そちらも合わせてチェックしてみてください。 ■万能型のJavaScript開発環境を提供するクラウドIDE 【 Glitch 】 JavaScriptによるフロントエンド開発とNode.jsによるバックエンド開発を1つのエディタで作業できる万能型のクラウドIDEが「Glitch」です。 現時点
今日は先日勝手にリデザインしたPolipoliのデザインを使って、UIデザインを行う時に僕が普段どのように色を選択しているのかをとても正直に書いていこうと思います。僕がこれから記す方法に則って色を選べば、誰でもナウでヤングなアプリを作ることができます。 はじめるよ レイアウトに関してはイニシエよりご先祖様がお築きになられたルールに則って並べればオワ、オワリです。さっそくこのPolipoliベッチュー、タタキケンサキエディションに色をつけていきます。 1. メインカラーを選ぼうまずはじめにメインとなるカラーを決めます。Polipoliのテーマカラーはピンクなのでブラウザの検索欄に「pink flat ui design」と打ち込みます。イメージに近い色が出てきたらスポイトで吸い取りましょう。著作権にはくれぐれも注意してください責任は負いません。 Polipoliに関しては最初からメインカラー
商用でも無料で利用できる1,000種類のアイコンが3つのスタイル、そしてPhotoshoop用・Adobe XD用・Sketch用・Figma用・inVision用、そしてSVGまで完備されたMaterial Icons Libraryを紹介します。 一度にすべてのアイテムがダウンロードできるので、備えておくと便利だと思います。 Material Icons Library ラインセスはApache License Version 2.0で、個人でも商用でも無料で利用できます。 アイコンはMaterial Designを踏襲しており、全部で1,000種類のアイテムが揃っています。スタイルは角丸・アウトライン、ツートーンの3種類。合計すると、3,000種類以上になります。 アイコンの特徴 フォーマットは、Photoshop, Adobe XD, Sketch, Figma, inVision
パサつきや乾燥で広がってしまうくせ毛。「くせ毛で毎朝のスタイリングに時間がかかる」、「雨の日はせっかくセットしてもすぐ広がってしまう」など、くせ毛の悩みは尽きません。 大人の髪の「うねり・クセ」にフォーカスした『Hzストレートリペア シリーズ』の新商品ヘアオイルをご紹介します。 Hzストレートリペアのシャンプー・トリートメントは、毛先までうるおいに満ちたなめらかでまっすぐな美髪に導き、スタイリングしやすい髪に整えてくれる、今までありそうでなかった髪の「うねり」や「クセ」の悩みに応えるデイリーなヘアケアです。 Hzストレートリペア ヘアオイル 80ml 4,000円 「Hzストレートリペア ヘアオイル」は、毛髪補修成分のエルカラクトン(γ-ドコサラクトン)が、ドライヤーやヘアアイロンの熱によって毛髪表面でタンパク質と結合し、毛髪の表面に油膜を作り湿気から髪を守り、キューティクルのダメージを防
一休.comでWebフロントエンドを開発している宇都宮です。 先日、一休.comホテルページのスマホ版から、jQueryを取り除きました。jQueryを取り除いた経緯、やったこと、結果について書きます。 ちなみに、ホテルページには以下のURLでアクセスできます(スマホで開くか、PCの場合はUAをスマホに偽装する必要があります) https://www.ikyu.com/sd/00001290/ なぜjQueryを取り除いたのか? どうやったのか 何をやったのか jQuery.ajax() => fetch に置き換え fetchのpolyfillを採用した理由 DOM操作を標準APIに置き換え 要素の取得 show/hide addClass/removeClass html/text アニメーション $.ready() イベントフィルタリング jQueryの使用を防ぐ目印 jQuery削
翔泳社は「ITエンジニアに読んで欲しい!技術書・ビジネス書 大賞 2019」(ITエンジニア本大賞)を開催。ITエンジニアの投票を集計した結果選ばれた技術書とビジネス書の各ベスト10を発表しました。 ITエンジニア本大賞は、ITエンジニアに読んでほしい技術書・ビジネス書を選ぶイベント。 2014年からスタートし、今回が6回目の開催です。今回は2018年11月26日から2019年1月14日まで投票が行われていました。 主催は翔泳社ですが、対象となる書籍は出版社を問わず技術書、ビジネス書全般。出版社や刊行年も関係なく、この1年を振り返っておすすめしたい書籍となっています。 ベスト10に選ばれた書籍の中から特に投票の多かった技術書3冊、ビジネス書3冊については、同社が2月14日、15日に開催するイベント「Developers Summit 2019(デブサミ2019)」において書籍の著者、編集者
売上を伸ばしたい。 課金率を伸ばしたい。 でも、難しい! コンバージョンするサブスク UI を勉強したかったので、いくつかのアプリをスクショ。あたまの整理にまとめたのでアップ。 Web の LPO はかなりノウハウ系記事がありますが、アプリのサブスク UI は、まだまだ少ない気がします。誰かの参考になれば嬉しいです。 まとめ内のコメントは個人的感想です。まだまだ勉強中なので、お気軽にご意見いただけるとうれしいです。 ※ スクショは少し前に撮影したものなので、一部古くなってるかもしれません。 UI パターン 1. ミニマム型 2. プラン比較型 3. 横スクロール型 4. リスト型 5. ロング LP 型 規約表示パターン 1. 固定表示型 2. 隠しスクロール型 3. フッター型 4. 遷移型 サービスパターン 1. 探索財 2. 経験財 3. 信頼材 UI パターン1. ミニマム型最低限
年末駆け込みですが第2弾です。デザイン初心者、デザインの基礎を学びたい人向けです。主に表現の基礎をざっと学べる本を選びました。本を読んだだけでは「デザインできる」ようにはなりませんので、わかった気にならずに実際に手を動かして表現してみるのがだいじですね。 本は自分の本棚からピックアップしたのですが、すでに絶版のものも含まれています。古書で買えるものもあるのでよろしければどうぞ(デザイン書って売れないのでしょうか…)。本が古くても基礎的な内容はいまでも通用します。 (以前facebookへ投稿したものをベースに一部、編集してリスト化したものです) ▼鉛筆デッサン:鉛筆デッサン基本の「き」 やさしく、楽しく、デッサンを始めよう 鉛筆デッサンは「描く」トレーニングというよりも「観る」トレーニングです。対象を観察して、自分の身体を通したあと見えたもの感じたものを手と鉛筆を使って紙に定着させる経験が
※日経トレンディ 2019年1月号の記事を再構成 売れている本イコール「読むべき本」とは限らない。2018年に話題になったヒット本のうち、実際に読んだ人が周囲に薦めたいと思ったビジネス書は何か。特集の第3回は社会人1000人と日経クロストレンドのコメンテーターにアンケート調査を実施し、本当に読む価値のある本をランキング化した。 激戦を勝ち抜き1位にランクインしたのは、『1日1ページ、読むだけで身につく世界の教養365』。書店で平積みになっているのを目にした人も多いだろう。歴史から文学、科学、哲学、宗教まで、教養を高めるうえで役立つ知識を365日分収録した本だ。1日1ページずつ読むだけで、1年後には教養が手軽にバランスよく身に付くと高評価で、ビジネスパーソンの支持を多く集めた。 【1位】1日1ページで教養が身に付く。曜日ごとに7分野の知識を収録 『1日1ページ、読むだけで身につく世界の教養3
世の中のSEO情報のほとんどは「広告収入のためにPVを増やす」方法論近所のお客さんだけではやっていけない地方の企業にとって、インターネットでの売上や引き合いは死活問題だ。そういう企業にとっては、世の中に多く出回るSEO情報が役に立たない。ネットや書籍の記事は「広告収入で生きているサイトがPVを集める方法論ばかり」だと住氏は言う。たとえば以下のようなものだ。 ブロガーによるブロガー向けのSEO情報アフィリエイターによるアフィリエイター向けの情報CGMサイト(ブログサービスの運営者など)がPVと広告収入を伸ばすための情報もちろん、事業モデルは広告収入だという媒体社であれば、その方法論は正解だ。しかし、多くの企業は、商品やサービスの対価として受け取る売上が収入源であり、知りたい人に知識を教えてあげるのが仕事というわけではない。だから、「知りたい人」ではなく「買いたい人」を集める必要がある。 Go
nwc.md 次世代Webカンファレンス 2019 振り返り この文章に関しても所属組織とは関係のない個人の見解です 所感など 本当に全く打ち合わせをしていないので、話題が分散しがちだったかもしれない。 せっかくの所属組織とは無関係のレギュレーションなので、具体名を上げてガンガン治安の悪いことを言うつもりだったのだけど、直前に「具体的な企業名は避けましょう」と言われて若干遠慮した。 マズいことをガンガンしゃべる覚悟で来たので、防刃ベストを着ているが、特に出番は無かった。トイレにも行った。 本当は話す予定だったトピックについて、いくつかは、別途private gistに書く。 話した話題の参考情報 CDN設定の話、request collapsing という名前の機能 https://tech.mercari.com/entry/2017/06/22/204500 http://www.it
screengrab from chilledcow 2018年にSpotifyで急成長したジャンル2位となり、SNSではミームとしても機能し始めるなど、認知がピークに達しつつある"Lo-fi Hip Hop(ローファイ・ヒップホップ)”・"Lo-fi beats(ローファイ・ビーツ)"。一体どうやって拡大したか、特徴、始まり、主なアーティスト、アニメとの関わり、今後についてなどまとめてみました。 Lo-fi Hip Hopとは Lo-fi Hip Hopの始まり Lo-fi Hip Hopが拡大したきっかけ 誰がオリジナルか 主なチャンネル・レーベル Lofi Girl (旧 Chilled cow) Chillhop Music Ryan Celsius 代表的なビートメイカー Tomppabeats Jinsang BSD.U Elijah Who wun two Lo-fi Hip
Webサービスやアプリなど開発や運用に関わっている方であれば、こんなことを耳にしたことがあるのでは無いでしょうか? 5人でテストを行えば、ユーザビリティ上の問題のうち85%を発見できるこれらは業界的にはある意味で常識ですが、色々話を聞いてみると、この常識の「出処」あるいは「根拠」ってあんまり知られていないようなのです。 もちろん、ちょっと知識のある人であれば、ユーザビリティ業界の第一人者であるヤコブ・ニールセン博士が提唱したというところまでは知識として知っているでしょう。しかしながら、その元ネタとなった論文を実際に読んだ人、あるいは85%という数字の根拠やその条件について理解されている方はどの程度居るのでしょうか。 ということで本記事では「ユーザテストは5人で85%」の元ネタである下記の論文について、解説、と言うとちょっと大げさかもですが、概要を紹介してみたいと思います。願わくば、この記事
Webサイトを制作する際、CSSリセットを使用されている人が多いと思います。Eric MeyerのCSS Resetをはじめ、Normalize.css、Sanitize.css、そして最近ではReboot.cssが登場しました。 Eric MeyerのCSS Resetをベースに、marginやpaddingなどのスペースを上か下かのどちらかに統一できるようにカスタマイズされたCSSリセットを紹介します。 My CSS Reset/Base 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 CSSリセットについて margin, padding, borderのCSSリセット フォントのCSSリセット レイアウトとbox-sizingのCSSリセット 特定要素のCSSリセット 属性と状態のCSSリセット スクリーンリーダー専用の
現在のところ、margin-top, padding-bottomのように物理プロパティをボックスモデルで使用していると思います。しばらくはそのままで問題ないですが、CSS GridやFlexboxで使われている論理プロパティを使用する機会が増えるでしょう。 CSSの論理プロパティにおける考え方、注意点、そして英語や日本語など言語で変化する使い方について紹介します。 New CSS Logical Properties! by Elad Shechter 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 訳者注: 記事内の日本語サイトとは横書きではなく、縦書きが想定されています。 はじめに CSSの論理プロパティにおける考え方 新しいボックスモデルのプロパティ 論理ディメンション 言語に応じた配置の適用 ブラウザのサポート 論理プ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く