掛川シェフ考案〈無印良品〉のレトルトでつくる、あいがけ＆3色盛りアレンジ | ブルータス| BRUTUS.jp
無印良品のレトルトカレーシリーズが感動的なのは、何といっても50種類以上もの充実したラインナップだろう。北インドや南インド、そしてタイなど現地の味を追求したシリーズから、ジビエや大豆ミートまで選択肢は幅広く、一種類に決めかねるカレーファンも多いはず。そんな苦悶に有効なのがカレー店でおなじみの“あいがけ”テクニックだ。 今回はフレンチ出身でありながらカレー好きが高じて自ら専門店も経営する掛川哲司シェフに、盛り付けの極意を聞いた。華やかな見た目だけでなく、意外なカレー同士やトッピングを合わせることで新たな“ウマい”の扉が開く。コツは味も色も大胆に重ねるレイヤードにあり！ 2色カレー＆黄金ライスに、トッピングの食感で遊ぶ。 “掛川シェフ流”あいがけ あいがけの醍醐味は、やはり2種のカレーの対比。「今回はブラウンのマトンとココナッツベースの淡い黄色のエビカレーを。色味のコントラストだけでなく、マト
グーグルが｢圧倒的に重要｣と評価 生産性の高い組織で交わされる｢あいさつ｣の条件
1．相談されたら本人のことを思い「まずは自分で考えて！」と言っている 2．新しいアイデアが出てきたら、考えてくれた人にやってもらうのが一番なので「じゃあ、担当としてやっておいてね」と任せるようにしている 3．一度教えたことをまた聞かれたら「前にも言ったよね」と厳しく指導している 4．注意するとき「こんなこと言いたくないんだけど」と言うようにしている 5．自分の担当する仕事でトラブルがあっても、周りには迷惑をかけないよう「大丈夫です」と言い、まずは自分でなんとかできないかを考える 6．できなかったことに対して原因を究明し、理由を明確にするために「なんでできなかったの？」と聞くようにしている 7．チームで失敗が明らかになると、まず「誰の責任？」と責任の所在を明確にしている 8．後輩や部下から仕事の目的や、やる理由について質問されたら、チームワークを乱さないためにも「仕事なんだからそんなこと考え
UIデザインは奥が深い、CSSで美しいシャドウを実装する方法
Webページやスマホアプリなど、UIデザインで使用されるシャドウをより美しく実装するテクニックを紹介します。 シャドウをぼんやりとしたグレーにするだけでなく、美しく最適化して実装します。また、シャドウのサイズで要素に標高差をつけ目立たせたり、彩度と明度の関係など、UIデザインに効果的なテクニックも詳しく解説されています。 CSSでシャドウを実装する前に、一読をお勧めします。 Designing Beautiful Shadows in CSS by Josh W. Comeau 下記は各ポイントを意訳したものです。 デモは元記事ではインタラクティブですが、当記事では画像にしています。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに シャドウをなぜ使用するのか 一貫性のある環境の構築 美しいシャドウの実装方法1: レイヤー化 美しいシャドウの実装方法2: 色
head内でパフォーマンスの問題がある箇所、Webページのレンダリングを妨げる要因を明らかにするCSS
Webページのレンダリングを妨げる要因、<head>タグ内でレンダリングをブロックしているCSSやJavaScript、サードパーティーのリソースなどを表示して、どこを修正すればよいか教えてくれるCSSのスニペットを紹介します。 ちなみに下記のグリーンは問題なし、レッドはエラーで対応が必要、オレンジは特定のシナリオで問題が発生する、です。 ct.css ct.css -GitHub ct.cssの特徴 ct.cssのデモ ct.cssの使い方 ct.cssの特徴 <head>内にあるタグは、ページのレンダリングを妨げる要因となる最大の箇所で、正しい形式であることは非常に重要です。ct.cssは、Webページの<head>タグ内に潜在するパフォーマンス上の問題を明らかにするCSSのスニペットです。 ct.css ct.cssの使用にあたっての制限事項は、下記の通りです。 一致しないmedia
CSSもこれで簡単に！テキストの左右に水平線を引くスタイルシートの新テクニック
div要素はひとつだけ、CSS Flexboxを使用してテキストの左右に水平線を引くスタイルシートのテクニックを紹介します。 HTMLは非常にシンプルで、テキストと水平線はレスポンシブ対応で、カラーやサイズや左右のマージンも簡単に変更できます。 div要素ひとつだけで実装する テキスト付きの区切り線 まずは、最終のデモをご覧ください。 テキストの左右に水平線を引いた区切り線は、div要素ひとつだけで実装されています。モダンブラウザはもちろん、EdgeでもIE11でも大丈夫です。 実装のポイント div要素ひとつだけ、spanなど余分な要素は必要なし。 divに限らずブロック要素、h1で見出しの装飾としても使えます。 画像やSVGなども必要なし。 水平線は、カラー・サイズ・マージンの変更ができる。 フォントのサイズを大きくしても自動で調整される。 水平線はレスポンシブ対応。 背景が画像でも水
slackの「投稿ルールが守られない問題」をコード不要のWorkflow builderで解決する - Qiita
以前の記事のご紹介 以前、 slackで「投稿ルールが守られない問題」を自作のスラッシュコマンドで解決するという記事(以下「以前の記事」)を書かせて頂きました。 【問題点】 作業依頼などに使う、定型フォーマット文章を用意してピン留めしても誰にも使われない。 【当時の解決策】 「自作のスラッシュコマンド(slackのtoken設定必要)」から、 「自作のフォーム(GASコード記述必要)」を呼び出して、 フォーム経由で投稿してもらうことで「投稿ルール」を守ってもらう。 (※詳細は以前の記事をご覧ください) slack 新機能「Workflow Builder」 先日slackから発表された「Workflow Builder」を使うと、 上記のtoken設定/GAS設定など、面倒な手順が大幅にカットされ、 誰でもフォーム作成が可能となり「投稿ルール問題」に簡単に対処できるようになりました。 コー
CSSで複数行に対応したアニメーション付きアンダーライン（下線）を実装する方法 - NxWorld
ホバー時に左から右へ下線が伸びるアニメーションを実装したい場合、以前このブログでも紹介したことがある擬似要素を用いた実装方法では、例えば文章内にあるリンクなどで複数行にまたがるときに意図した見栄えになりません。 1行・複数行関係なく使えるアニメーション付きアンダーライン（下線）を実装したい場合は、以下のようにlinear-gradient()とbackground-sizeを組み合わせることで実装できます。 擬似要素を用いた下線アニメーションの実装については下記エントリーの一部で紹介しており、どちらも見栄えはほとんど一緒ですが前者はtransform: scale()を、後者はwidthを変化させる違いがあります。 実装方法 実際の動きは以下デモのようになり、リンク箇所（文字色が濃い部分）にホバーすると1行・複数行関係なく左から右へ下線が伸びていくのを確認できると思います。 実装にはCSS
proofpointのブロック解除 - Apple コミュニティ
@icloud.com宛にメール送信を試みた際に、MTAにてエラーメッセージを確認しました。 550 5.7.0 Blocked - see https://support.proofpoint.com/dnsbl-lookup.cgi?ip=xxx.xxx.xxx.xxx:xxxxxx@icloud.com (in reply to RCPT TO command)) メッセージ中のURLにアクセスすると、 確かにこちらのメールサーバのIPアドレスがproofpointブロックリストに登録されていました。 ブロックリストの解除申請を行いたいのですが、申請の経路が分かりません。 ご存知の方いましたらご教示頂けませんでしょうか。 下記URLの問合せフォームした見つけられず、とりあえずブロックされているIPアドレスの解除依頼を行いましたが、10日程音沙汰なしです。 （営業向けの問合せフォームと
サイトをカテゴリ別に解析できるGoogleアナリティクスの「コンテンツグループ」とは？
Googleアナリティクスの「コンテンツグループ」という機能をご存知ですか。 他の機能と違い利用するにあたってあらかじめ設定が必要なため、利用したことがない人も多いのではないでしょうか。複数のページをカテゴリや商品別など、コンテンツの種類ごとにPVや滞在時間などの数値を確認したい時に便利な機能です。 デフォルトの設定でも複数のページの分析を行いたい際に、「行動＞サイトコンテンツ＞ディレクトリ」を選択することでディレクトリごとの数値を確認することはできます。 しかし、ディレクトリが必ずしもページをカテゴリ別に分けているとは限りません。同じディレクトリ内でも別々に分析したいコンテンツがあるケースも考えられます。 コンテンツグループを利用することで、サイト内のページを特定のカテゴリごとに分類し、それぞれで分析できるようになります。 今回はコンテンツグループの概要と設定の仕方を解説します。 コンテ
iPhone SE／5s／5にもう悩まない！Viewport Extraで手軽に縮小表示 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。フロントエンドエンジニアのつっちーです。 ここ数年、スマートフォンの画面サイズがどんどん大きくなっていますよね。何年か前までは幅320px表示の端末がほとんどでしたが、今の日本では幅375px表示の端末がもっとも使われているようです（2019年2月現在）。幅375px表示が、他国で圧倒的1位の幅360px表示を大きく上回っているのは、日本人のiPhone好きが表れた結果でしょうか。 これに合わせ、LIGでもスマートフォン表示のデザインは幅375px表示に最適化することがほとんど。でも、その場合に問題となるのが、幅320px表示の端末です。見出しの改行が必要になったり、横並びの要素が収まりきらなくなったり、表示くずれが多々発生します。ブレイクポイントを増やして、スマートフォン表示だけで2種類もスタイルを用意するのは、なかなか大変です。かといって、いまでも見捨てるにはまだ早いシェア
QRコードの画像はFacebook/Instagram広告で使えない | 自分のアップデート
タイトルで結論を書いていますが、Facebook/Instagram広告では、QRコードの画像を広告素材としては使えません（Facebook社サポートに問い合わせて確認）。 根拠は広告ポリシー「18. 存在しない機能」 根拠となるのは、Facebookの広告ポリシー「18. 存在しない機能」ということでした。 広告ポリシー「18. 存在しない機能」 上記ページでは以下のように定義されています。 ポリシー 広告に、存在しない機能を描写した画像を含めてはいけません。 QRコードの例 例としては以下があげられており、QRコードはこちらに該当する、とのことでした。 再生ボタン、お知らせの印、チェックボックスなど、広告の画像に描写されているが存在しない機能 上図のような再生ボタンはクリックしたくなる見せ方なので、やってしまう人はいるかもしれませんね。 本件は、クライアントから「QRコードを投稿したい
フロントエンドコーディングにおけるPageSpeed Insights対策 / frontend pagespeed insights-
フロントエンドコーディングにおけるPageSpeed Insights対策 / frontend pagespeed insights-
日本語 « WordPress 5.0 利用開始前に知っておくべきこと
WordPress 5.0 には、編集エディターの一新と、それに伴うデータ保存形式の変更という、かつてない大きな仕様変更が含まれています。そのため、従来の更新とは異なり、利用開始の際には、すべての利用者が対応のためのなんらかのアクションと決断を行わなくてはなりません。 編集者は、新しいエディターについての知識が必要となります。サイト開発者・管理者の方は、新しいエディターを取り入れたサイトが意図した通りに動作することを事前に確認してください。 新エディター Gutenberg ブロックエディターに備える WordPress 5.0 利用開始時にもっとも注意すべき点は、旧バージョンから更新、または、新規インストールを行った場合に、デフォルトのエディターが、従来のエディター（クラシックエディター）から新エディター （ブロックエディター、コード名 Gutenberg）に置き換わることです。これがど
ガントチャートをドラッグ＆ドロップで操作できるようになりました！その他機能リリースも行いました。 | Backlogブログ
仕様や画面は現行バージョンと異なる可能性があります。 Backlogの最新版についてはこちらからご確認ください。 Backlog をご利用いただき誠にありがとうございます。今回の Backlog リリース では、ガントチャートのドラッグ＆ドロップによる操作など、下記の改善を行いました！ ガントチャートのドラッグ&ドロップによる操作 課題検索の結果の列をドラッグ＆ドロップで並び替え 課題キーから課題情報をクイック表示 グローバルなキーワード検索でORと除外をサポート プロジェクトのガントチャートでのドラッグ＆ドロップによる操作 これまで要望が多かった機能が追加されました。プロジェクトのガントチャートで、スケジュールをドラッグ＆ドロップの操作で変更できる様になりました。期限日や開始日の変更など、課題のリスケが簡単にできるようになります。 ※この機能は個人のガントチャートではサポートされていませ
ゼロからはじめるPython(36) PythonでExcelファイルを作ろう
業務で欠かすことのできないアプリを3つ挙げてと言われて、真っ先に思いつくのは、MicrosoftのExcelではないだろうか。多くの企業でさまざまな表を作るのに使われている。今回は、PythonからExcelファイルを自動作成する方法を見てみよう。簡単な利用例として、9月はじまりの年間カレンダーを作ってみよう。 『openpyxl』をインストールしてみよう Pythonの魅力の一つが、その豊富なライブラリにある。しかも、pipコマンドを利用して、手軽にライブラリをインストールできる。Excelファイルを操作するライブラリは、いくつかあるが、今回は『openpyxl』を使ってみよう。 【Windowsの場合】 Windows環境にAnacondaをインストールしているなら、Windowsのスタートメニューより「Anaconda3 > Anaconda Prompt」を起動しよう。コマンドライ
電話の定番「今、よろしいですか？」が損する気づかいのワケとは - リクナビNEXTジャーナル
デジタル時代だからこそ、デジタルでは割り切れないアナログの「気づかい」に悩まされる人もいるのではないでしょうか。自分ではよかれと思って行動したのに、裏目に出てしまい、恥をかいたり、かかせたり。それだけにとどまらず、相手の期待を裏切り、信頼を失ったなんて経験をした方もいるのではないでしょうか。悲しいですが、自分の気づかいが、必ずしも相手に喜ばれるわけではありませんよね。そこで2回に渡り、『損する気づかい 得する気づかい』（ダイヤモンド社刊）の著者八嶋まなぶさんに、損しないための気づかいの極意を教えてもらいました。 ©ひらのんさ プロフィール 八嶋まなぶ（やしま・まなぶ） サラリーマン作家。「気づかいLabo」主宰。 広告業界の第一線で営業職として勤務するサラリーマン作家。東証一部上場企業の経営者、世界企業のCEO、政治家、医師、弁護士、大物俳優・女優、クリエイター……などのクライアントと仕事
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iPhoneの文字入力スピードが「5倍以上」になる14のテクニック（All About） - Yahoo!ニュース
【Excel】空欄を全部「0」や「未定」で埋めたい！エクセルで空白セルに一気に同じ値を入力するテクニック【いまさら聞けないExcelの使い方講座】
【Excel】複雑な数式を手打ちするのはミスの元！エクセルでよく使う数式を簡単に使い回せるようにするテクニック【いまさら聞けないExcelの使い方講座】
[WorPress] iPhone で撮影した写真をアップロードすると画像の向きが全て横向きになる現象の原因と対処方法 ｜ memocarilog![[WorPress] iPhone で撮影した写真をアップロードすると画像の向きが全て横向きになる現象の原因と対処方法 ｜ memocarilog](https://cdn-ak-scissors.b.st-hatena.com/image/square/08332edd0c9262c79869382b7cd653746334ae48/height=288;version=1;width=512/https%3A%2F%2Fmemocarilog.info%2Fwp-content%2Fuploads%2F2015%2F01%2Ficon.png)
