【永久保存版レシピ】町中華のチャーハンを完全再現！習得せよ、７つの調理の鉄則！｜Cooking Maniac
町中華のチャーハンって、本当ーーーーーーに美味しいですよね！！！ 人類料理史上、最高の発明と言っても過言ではないでしょう。 そんな最高の料理である町中華のチャーハンを、家で作れるようになったら一生モノの財産を得たも同然。 今回ご紹介するコツと理論を押さえれば、あなたも確実に町中華のチャーハンを再現できます！ そして、コチラが僕が約20年間研究し続けて完成した「再現度100％町中華チャーハン」！ 具材もゴロゴロで、かなりの再現度の高さだと思いませんか？ このチャーハンの作り方について、理論とレシピを解説していきます！ ちなみに今回の記事はアドビ社のPR企画「みんなの資料作成」に参加して書いています！ 僕のとっておきの資料（レシピ）を記事の最後にPDFでご用意しましたので、ぜひダウンロードして、町中華チャーハンを自宅で完全再現してみてください！ 著者プロフィール 超料理マニアな料理人。 作る・
CSSボタンデザイン120個以上！どこよりも詳しく作り方を解説！
なぜCSSでボタンを作るのか？その前に、なぜCSSでボタンを作るのか？について少しだけ考えたいと思います。 簡単に言ってしまえば、 軽い！拡張性がある！解像度の心配がない！簡単！と言った理由ではないでしょうか？ 画像でボタンを作ることも多いと思いますが、「画像じゃないほうがいいなあ」と思うことも多いと思います。 もちろん、デザイナーから上がってきたデザインデータからボタンを切り取って、HTMLに設置して、CSSでホバーはopacity:0.8、とかやれば簡単ではありますが、デザインツールの進化やレスポンシブの一般化に伴い、そういったイケてなくて古臭いやり方はあまり望ましくないです。 特にWebの場合、テストの繰り返しが必要ですが、画像でボタンを作るとなるとテスト用にいくつもの画像を作らなくてはいけません。色やテキストを変えるとなると画像すべてを修正する必要があります。しかし、CSSボタンで
日本らしさを表現！CSSで文字の縦書きに挑戦！
2017年8月24日 CSS 日本の書籍は元々上から下、右から左という縦書きで書かれてきました。しかしWebサイトでは横書きが基本なので、縦書きを取り入れることで日本らしさやWebサイトの個性を引き立てられます。かつてのWebサイト制作では縦書きが難しく、多くの場合画像を使って表示されてきましたが、CSSでも縦書きが実装できるようになりました！今回はそんな縦書き表現に注目したいと思います！ ↑私が10年以上利用している会計ソフト！ 縦書きにするには 縦書きを設定するのはとっても簡単！縦書きにしたい箇所にCSSで writing-mode: vertical-rl; を記述します。この「vertical」が縦、「rl」が右から左（Right to Left）という意味です。 また、IE用には別の書き方になります。 -ms- というベンダープレフィックスを付け、tb-rl（上から下、右から左＝
【レシピ】サーモンとアボカドの塩こんぶ漬け - しにゃごはん blog
今日はがんばった自分へのご褒美やちょっと特別なおうち時間にオススメする、贅沢食材を使ったレシピをご紹介します✧*｡(ˊᗜˋ*) 相性が良いサーモンとアボカドをめんつゆベースのタレで漬けにしましたよ♬ なんと言ってもポイントは塩こんぶ(*･ᴗ･*)و！ サーモンのうま味がめちゃくちゃアップしますよ♬ そのまま食べても良し、 ご飯にぶっかけても良し、 オンザバゲットでも良し(*･ᴗ･*)و！ 柚子胡椒とめんつゆ、ごま油、たっぷり目のブラックペッパーがたまらないやつですよ♬ あればモッツァレラチーズも入れるとさらに美味しいです(´艸｀)* 切って漬けておくだけの簡単調理法もオススメポイントですね♬ それでは作り方をご紹介します(*･ᴗ･*)و！ サーモンとアボカドの塩こんぶ漬け 【材料】２〜３人分 ◎サーモン(生食用)・・・２００g ◎アボカド・・・１個 ◎モッツァレラチーズ・・・５０g ◎塩こ
HDDを完全消去して安全にパソコンを廃棄する方法
パソコンを廃棄するとき、よく注意点として挙げられるのが「HDDの内容は完全消去する」というものです。HDDのなかには、さまざまな個人情報が詰まっているための注意ですが、単にフォーマットをしただけではHDDの完全消去は不十分。復元ソフトを使うことで情報を盗み出すことも可能なため、月の方法でHDDは完全に内容を消去する必要があるのです。 HDD完全消去はフォーマットでは不可能 HDDを完全消去するといえば、まず再フォーマットを行うという方法を思い浮かべる人が多いでしょう。ところが、この方法で消去されるHDDの情報は、ディレクトリと呼ばれるファイルが格納されている場所を保管した部分のみで、肝心のファイル内の情報はそのまま残ってしまうのです。 再フォーマットを行ったHDDは、通常の方法でパソコンに接続しても空のHDDとして認識されます。しかし、ファイル復元ソフトを活用することにより、高い確率でデー
LEDビジョン｜デジタルサイネージ｜エヌエスティ・グローバリスト株式会社
LEDビジョンが魅せる鮮やかな色合いは、見る人の目を楽しませてくれますが、次世代通信の5Gと組み合わせることでエンターテインメントや販促マーケティングなど幅広い分野で今後ますます発展が見込まれると予想されています。
ホームページ料金シミュレーター | Web幹事
右も左も分からないホームページ制作、まず費用はどれくらいかかるのか？をサクッと知りたくありませんか？Web幹事のホームページ料金シミュレーターなら約5,000社の相場から算出された費用が、たった60秒でわかります！
どうしてHTML5が廃止されたのか | フューチャー技術ブログ
フロントエンド連載の5記事目です。 HTML5が2021年の1月に廃止されました。 Webエンジニアとしてバリバリ活躍されてる方やエグゼクティブテックリードのような肩書きを持つ方にとっては「何をいまさら」という話題かと思います。 しかしながら、今年も新人さん入ってきてくださったので、プログラミングを学習中にHTML5という文字列に悩まされないように、そもそもHTML5とは何かや、廃止された経緯をまとめてみます。 HTML5とはWebサイトを作るときに必ず書くことになるHTML。Webサイトのコンテンツ、つまり中身や構造を作るために使うマークアップ言語です。 そして、その最近版として10年ほど前に登場したHTML5。当時は Webニュースなどで盛んに特集が組まれていましたが、このHTML5がついこないだ、2021年1月28日に廃止されました。 広義のHTML5 / 狭義のHTML5HTML5
サイゼリヤの完全攻略マニュアル｜マッシ｜エッセイスト&通訳
更新日:2022.10.19 全アレンジ12件以上、目次の追加 120万PV達成！ 更新日:2022.01.02 記事更新とアレンジ追加 更新日:2021.07.20 8月11日にサイゼリヤとの公式トーク 2021.06.02 本記事を公開 皆様へ愛を込めて感謝のメッセージ このマニュアルをたくさんの人に読んでいただいただけではなく、実際にサイゼリヤに行って試して喜んでもらえるなんて思っていなかったからとても嬉しい。ツイッターでたくさんのリプとDMをいただき、サイゼリヤで声をかけてくれたり、フォロワーと一緒に食べたり、サイゼリヤのスタッフまで嬉しそうに声をかけてくれたりして、僕にとってファミリーが増えたような温かい気持ちになった。このマニュアルがきっかけでnoteの方たちも喜んでくれてサイゼリヤとの公式トークまで企画してくれた。感謝してもしきれない。これからも新しいアレンジを紹介したいと思
【必須】Facebookドメイン認証とは？設定方法からよくあるエラーまで解説！
その設定がドメイン認証です。ドメイン認証を行わないと、広告効果に影響が起こることをご存知でしょうか？そんなこと知らなかった、、！と後悔することがないように、是非本記事をご一読ください。 １．ドメイン認証とは？ まずドメインとは、https://aaaaa.comのaaaaaの部分のことを指します。 そのドメインを認証するということは、ページのドメインが自分のものであると明確にし、所有権を取得することです。ですが、これは任意の機能であるため、設定をせずとも広告は配信されます。Facebookは、ドメインの不正利用や悪質行為者による偽情報の拡散を防ぐための機能としてドメイン認証の提供を開始しました。 ※2021年5月10日現在、ドメイン認証を行っていない広告アカウントが停止されるということも確認されています。ドメイン認証を行うことによるメリットと行わないことによって発生するデメリットについては
Webデザインの参考になるギャラリーサイト11選 | Pulp Note
フリーランスとして一人で制作をしていると、どうしても自身のスタイルの中だけでデザインしがちなので、新たな刺激を求めて書籍やネットを徘徊して見るようにしています。今回は、私が参考にしているギャラリーサイトを11個紹介します。クライアントとの打ち合わせ時も担当者とイメージを共有できるので便利に利用できると思います。ぜひ参考にしてみてください。 URAGAWA担当した制作会社を掲載しているギャラリーサイト。制作会社ごとに見て回れるのはおもしろい。カテゴリ分けも『業界』『タイプ』『特徴』『カラー』『特集』『アワード受賞』『ランキング』と他にはない分類ですが意外と使いやすいです。制作の裏側記事もあってWebデザインの参考だけではなく読み物としても楽しめます。 URAGAWA | 制作会社がわかるWEBデザイン・参考サイト集 紹介文URAGAWAは、クリエイティブカンパニーの情報を蓄積していくことで、
Cocoonの吹き出しをもっとLINE風にするCSS
【コピペでOK】吹き出しをもっとLINE風にするCSS次のコードを子テーマのstyle.cssに追加するだけです。 今回はコードがものすごく長いです！ /* 吹き出しをもっとLINE風にする<<ここから>> */ .sbs-line { background: #7392c0; margin: 1em 0; padding: 10px 5px; position:relative; flex-direction: column; align-items: flex-start; } .sbs-line+.sbs-line { margin-top: -1em; padding-top: 0; } .sbs-line .speech-person { width: auto; min-width: auto; } .sbs-line .speech-icon { width: 50px; m
プロダクトマネジメントと事業開発に関する私的な振り返り - 下町柚子黄昏記 by @yuzutas0
TL;DR 企画力が…欲しい… pic.twitter.com/hJfr0qNv7T— ゆずたそ (@yuzutas0) 2020年11月19日 試行錯誤の瓦礫の記録です。 はじめに もくじ TL;DR はじめに もくじ 以前書いた記事 前提・免責 アイデア 1日1案（やってよかったこと） 1stスクリーニング（やってよかったこと） コミュニケーション チームへのリスペクト（やってよかったこと） 話す <<< 聞く（改善余地あり） 即決する（やってよかったこと） 自分で各論まで見る（やってよかったこと） 発散→収束でディスカッション（改善余地あり） イラストで話す（改善余地あり） 日次ミーティング（やってよかったこと） 議事録を書く（改善余地あり） 得た情報を共有する（改善余地あり） 想定納期を示す（改善余地あり） カレンダー招待＆日程確約コメントを転記（改善余地あり） プロセス管理 仮説
心のバリアを取り去って「正規表現」に取り組む一歩を踏み出すためのメモ｜DTP Transit 別館
長年、後回しにしてきた「正規表現」。四の五の言わずにはじめようよ！と20年前の自分に伝えたく、まとめてみました。 詳しい方が見ると、乱暴だったり、おかしなところがあると思いますが、入り口に立つことが大切だと考えています（書いた人は文系・グラフィックデザイン関連です）。 はじめにたとえば、文章中に「コンピュータ」と「コンピューター」が混在していて、これを「コンピューター」に統一したいとき、あなたなら、どうしますか？ 単純な検索置換なら、次のような順番で処理できます。 ❶「コンピューター」を「コンピュータ」に一括置換する ❷「コンピュータ」を「コンピューター」に一括置換する ❸ ちょっと心配なので「ーー」（音引きの繰り返し）をチェック これはこれでアリなのですが、1回の作業でできたらベターです。 しかし、「コンピュ-タ」のように正しく音引き（ー）が入力されていない場合には単純な検索置換ではお手
7つの実例で学ぶ「ワイヤーフレーム通り」のデザインから脱却する具体的な方法
「ちょっと〇〇君！これワイヤーフレームそのままじゃない！」 Webデザイナーなら、できることなら聞きたくないセリフですよね。私自身ももれなく、こう言われた経験はありますし、逆に後輩に対して同じく「これだとワイヤーフレームのまんますぎるね。。」と伝えたこともあります。 この「ワイヤーフレーム通り問題」は、Webデザイナーなら誰しも一度は経験するあるあるの一つと言えますが、なぜ「ワイヤーフレーム通り」と言われてしまうのでしょうか。また具体的に何をすれば、ワイヤーフレーム通りではなくなるのでしょうか。今回はそのあたりの原因と対処方法を考えてみたいと思います。 「ビジュアルを作る力」と「情報を理解・提案する力」 ズバリ結論を言いますが、ワイヤーフレーム通りじゃん…と言われてしまう人は「ビジュアルを作る力」と「情報を理解・提案する力」が弱いと言えます。 ビジュアルを作る力は幅広い表現の中から適切な手
classのシンプルなグリッドシステム | ジャーナル | トライベック
今やWebページのレイアウトメソッドとしてすっかり定着したグリッドデザイン。近年では、flex-boxやCSS gridの登場でますます使い勝手が良くなっていますね。一方で、マルチカラムレイアウトのためだけにBootstrapなどの大がかりなフレームワークを導入したり、複雑なCSSを書き起こしたりするのはちょっとめんどう。 12カラムグリッドシステムのイメージ そこで今回は、簡単なclassだけで手軽に3パート・レスポンシブのマルチカラムレイアウトを実現するシンプルなグリッドシステムを作ってみます。 いつも悩ましい多重class 広く利用されているコンポーネントフレームワークBootstrapにも、一般的な12分割タイプのグリッドシステムが搭載されています。たとえば「スマホは2カラム、タブレットは3カラム、PCは4カラムで」といったレイアウトをする場合、下のようにclassを記述します。
簡単CSSアニメーション＆デザイン20選（ソースコードと解説付き） | knowledge / baigie
CSSは使いようによっては様々な表現が可能な奥深い言語です。しかし、アニメーションなど凝った動きをするものに関してはコードは見れても実装方法を詳しく解説している記事は多くないように思えます。 この記事では、私（さかっちょ）がTwitterで過去にツイートしたCSSの技術をCodePenで改めて実装し、Twitterでは解説しきれなかった実装方法をより詳しく説明しています。CSS初学者の方にもわかりやすいように解説していますので、ぜひ参考にしてみてください。 その1. 一文字ずつ登場するテキストアニメーション See the Pen [CSS Tips] Text Show-up Motion by Takuro Sakai (@sakaccho) on CodePen. 一文字ずつtransformで移動させています。文字が途切れることなく流れるようにtransition-delayを調整
Beautiful CSS box-shadow examples - CSS Scan
All of these box-shadow were copied using CSS Scan (click here to try a free demo). With CSS Scan you can easily inspect or copy any website's CSS. 📌 Press Ctrl+D to bookmark this page Have you seen CSS Scan? The fastest and easiest way to check and copy CSS. Learn more → Beautiful buttons examples 90+ free beautiful CSS buttons, ready to use, click to copy. Learn more →
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
縦書きWeb普及委員会
Icons - Material Design
