僕がMacに入れていて、日頃めちゃくちゃお世話になっているアプリたちをご紹介したい！というわけでエントリーしてみました。DropboxとかNotionみたいなレジェンドは割愛しています。またできるだけ「Macっぽいもの」や「有名だけどもっと知ってほしい」アプリなども挙げました。 当方はフロントエンドエンジニアで若干偏りがあるかもですが、なるべく汎用で使えそうなものを選びました。アルファベット順でジャンル分けなどは特にしていません。ひとつでも新しい発見があれば嬉しいです。それではどうぞ。 Amphetamine Macがスリープして処理が途中で終わってた…そんな悲しい経験、誰しもありますよね。そこでAmphetamine。「xxxまではスリープして欲しくない！」を叶えてくれるスリープ防止ユーティリティ。その名のとおりMacをガンギマリさせてくれる。 時間を指定したり、ダウンロードが終わるまで

こんにちは、料理研究家のYｕｕです。 あと1週間ちょっとで今年も終わり！ 年末のご準備はお済みですか？ 今日は、直前まで何も準備しなくても大丈夫なくらい簡単で便利、一度作っておけばアレンジ自在の「ゆで鶏レシピ」をご紹介いたします。 しかも、作り方はレシピがいらないくらいとっても簡単。塩をすり込んだ鶏肉を、長ネギとしょうがと共に5分ほどゆで、あとは余熱で火を通すだけ。たったこれだけだけど、鶏肉はしっとりやわらか～。スープにもうま味がたっぷりなので、アレンジが無限大！ 包丁を使うのは、しょうがをスライスする時だけなので、ぜひお気軽にお試しくださいね。 ※今回はもも肉とむね肉をまとめて作っていますが、もちろん、もも肉だけ、むね肉だけでもOKですよ～。 Yｕｕの「香味ゆで鶏」 【材料】（4人分） 鶏もも肉　1枚（300g） 鶏むね肉　1枚（300g） 長ネギ（青い部分）　1本分 しょうが（スライス

ついイライラしてしまい、どうやって解消したらいいかわからない……。そんな人がいる一方で、日常でストレスをうまく発散している温厚な人もいます。今回は「温厚派」と「イライラ派」に分かれ、お互いを理解するための討論会を開催することにしました！ 突然ですが、みなさんはこんなシチュエーションでイラッとしたことはありますか？ ☑水流でお玉の水がビャーってなる ☑電車のドア付近で通路を塞いで立ってる人 ☑何かが落ちてそれを拾った瞬間また別の何かが落ちる ☑勝手に拾ってるめちゃくちゃ弱いフリーWi-Fi ……などなど、日常の「イラッとする」瞬間を数えたらキリがありません。 ですがこういったシチュエーション、イラッとくる人もいれば、「別に平気」という人もいますよね。 そう、世の中には2種類の人がいるのです。 それは…… 温厚派とイライラ派！ 同じ人間なのに、どうしてここまで受け止め方に差が生まれてしまうので

「クラウドサービス提供における情報セキュリティ対策ガイドライン（第3版）」（案）に対する意見募集の結果及び「クラウドサービス提供における情報セキュリティ対策ガイドライン（第3版）」の公表 総務省では、「クラウドサービス提供における情報セキュリティ対策ガイドライン（第3版）」（案）について、令和3年7月17日(土)から同年8月15日(日)までの間、広く意見を募集しました。 意見募集の結果、12件の意見の提出がありましたので、提出された意見及び当該意見に対する総務省の考え方をとりまとめ、「クラウドサービス提供における情報セキュリティ対策ガイドライン（第3版）」と併せて公表します。 総務省では、安全・安心なクラウドサービスの利活用推進のため、平成26年4月に「クラウドサービス提供における情報セキュリティ対策ガイドライン」を公表し、その後IoTサービスを提供するクラウドサービスにおけるリスクへの対

はじめまして、ライターの小野です。 「ライター」という仕事をしていると、対面での取材が多く、記事によっては自分の顔を出すこともあります。また、最近ではオンラインの取材も増え、画面越しに自分の顔を見る機会も多くなりました。 なにが言いたいかって……？ 自分の肌が気になるってことです。 筆者はこれまで洗顔と化粧水は使っていて、最低限のスキンケアはできていると思っています。 しかし、最近は肌荒れもするようになり、今のスキンケアだけじゃダメなのでは……と考えるようになりました。 最近は男性向けのエステや化粧品がいろいろ展開されていて、少し興味はあります。でも、いまいちどれがいいのかわからないし、長続きしなさそうで、あまり面倒なことはしたくない……。 そこで今回は、美容のプロに「自宅で面倒なく続けることができる、男性のスキンケア」について聞いてみました。

開発環境にChromeを選ぶなら知っておきたい12のテクニック Photo by Morning Brew on Unsplash さて、何らかの理由で、開発ブラウザとしてChromeを選んだとします。次は、デベロッパーツールを開き、コードのデバッグを開始します。 Consoleパネルを開いてプログラムの出力を確認したり、Elementsパネルを開いてDOM要素のCSSコードを確認したりします。 でも、Chromeデベロッパーツールを本当に理解していますか？実は、パワフルだけど知られていない機能がたくさん用意されていて、開発効率を大幅に改善できるのです。 ここでは、最も便利な機能を紹介します。お役に立てたら嬉しいです。 ChromeのCommandメニューから始めましょう。ChromeのCommandメニューは、LinuxのShellのようなものです。コマンドを入力してChromeを操作で

Reactに対する見方をアップデートする 国内外の優れた開発者の方による React の各論の記事は枚挙にいとまがありません。しかし、React の入門を一通り終えた方に向けの浅く広い総論はあまり見かけません。 React の公式ドキュメントのトップページに掲載されている短い3つの文章があります。この React の本質を表現した文章を掘り下げることが、初学者のステップアップにつながるのではないかと考え、各章に対して注釈を加えました。 React について少し深く知ることで、さらに React を好きになったという方を一人でも多く増やしたい。その思いから本記事を執筆しました。 本記事は React の考え方を知ることで、React に対する見方をアップデートすることを目的としています。 Reactとは何か。それはUIを構築するためのJSライブラリである React公式ドキュメントの一文 R

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

マイクロソフトとビル&メリンダ・ゲイツ財団で数千人を採用してきたビル・ゲイツは、採用候補者に何を求めるのかを理解している。しかしゲイツは逆の立場になったら、採用面接をどう切り抜けるだろうか？ 米プロバスケットボール協会（NBA）のスター選手ステファン・カリーは、新たなユーチューブ動画シリーズ「ステート・オブ・インスピレーション（State of Inspiration）」で、ゲイツにインタビューをした。その中でゲイツは、マイクロソフトの仕事に応募し面接を受ける若手ソフトウエアエンジニアの役を演じた。 採用面接でよく尋ねられる質問に対するゲイツの簡潔な回答は、採用面接を受ける大学卒業生や若い労働者にとって貴重な学びとなり、ほぼ全ての分野の仕事に応用可能だ。 ここでは、カリーが尋ねた3つの質問とゲイツの回答の完全版を紹介し、ゲイツの回答が効果的な理由を分析する。 ── ステファン・カリー：あな

最近Chrome DevToolsについて調べていて発見した便利機能を紹介します。 誰もが使える最高便利な開発マシンChrome DevToolsを使いこなして開発体験を変えましょう！ 1. $0で選択中のDOM要素の取得 特定の要素に何かしたいという時には、要素のIDやclassを確認してConsoleでdocument.querySelector("#xxx")で取得するというのが一般的だと思います。実はそれはカーソル選択と$0で代替できます。 Classや、IDがついていない特定のDOMを取得したい時とかにも使えるので地味に便利です。 手順 カーソルで取得したい要素を選ぶ Consoleタブで$0を入力 最近知ったChrome DevToolsの便利機能① $0 での選択中のDOM要素取得 Elementsタブで選択状態のDOM要素は、Console上で $0 を入力することで取得で

前回、成功したエンジニア組織の施策について書きましたが、今回は失敗編です。失敗のほうが多いのでどうしても文量が多いのですがご勘弁下さい。 説明用に前職の関係記事がガンガン出てきますが、貶めたり咎める意図は全くありません。あくまで僕が責任持って実施した施策で失敗したことについてのノウハウ共有と反省についての記事です。 組織施策プレゼン大会 ※元記事がお亡くなりになっているのでWayback Machineより [概要] 組織施策についてチームごとにプレゼン。プレゼン毎に担当役員＋組織責任者(僕)が点数評価。点数が一定以上の場合施策実行をその場で採択。 内容は、課題提起→施策内容→実行体制→スケジュール→予算→まとめ。 [導入背景] エンジニア組織の人数が増えて組織硬直が進んでいたこと、全員の目線を合わせる機会があまり無かったことから、メンバーの不満が見えないレベルでたまり続けていました。 メ

Chromeに新しく実装された「CSS Overview」が非常に便利なので、紹介します。 表示しているページのCSSの概要、カラー、フォント、メディアクエリ、未使用の宣言が一覧でき、制作したページの検証やスタイルガイドとしても役立ちます。 Chromeの新機能「CSS Overview」 Fyi: New in Chrome: CSS Overview Chromeの新機能「CSS Overview」の準備 Chromeの新機能「CSS Overview」の使い方 Chromeの新機能「CSS Overview」の準備 まずは、Chrome デベロッパーツールを開き、右上の歯車アイコン（Settings）をクリックします。

はじめに 近頃の翻訳技術の発達は目覚ましいですが、いまだに、「英語ができなくても何も問題はない」というところまでは程遠いのではないでしょうか。特にエンジニアであれば、なおさらだと思います。 英語で情報収集ができれば、英語力の向上と情報収集が同時にできて、一石二鳥ですよね。英語圏の情報は一次情報であったり、情報の速度が早かったりもするので、「情報の価値」、という点においてもかなり優秀です。 というわけで今回は、英語学習はもちろん、情報収集にも死ぬほど役立つ英語圏のサイトを紹介します。すべてのサイトがプログラミング関連で、しかも面白いサイトばかりなので、ハマるとヤバいです。 【10選】ハマると時間が一瞬で過ぎるプログラミング系の英語圏のサイトまとめ ネタ系 Reddit 日本で言うところの、2チャンネルとツイッターの中間のようなサイトです。プログラミング関連だけじゃなくて、各種テーマの話題のス

以前の投稿でVisual Studio CodeとMarkdown Preview Enhanced環境を組み合わせの便利さを紹介しました。 議事メモを作成にマークダウンを使うと、議論が構造化されて表示されるので、非常にわかりやすくなりますね。みなさんもお使いかと思います。本稿では、そこに、更にVisual Studio Codeにマークダウン用のスニペットを登録しておくことを提案します。 出席者の議論をフォーカスさせる図や表がスムーズに呼び出せますので、効率的な会議を行うことができます。そんな爆速会議に便利なスニペットをいくつか紹介します。 以下ではVisual Studio CodeエディタとMarkdown Preview Enhancedプラグインが前提となっております。環境構築には以前の投稿をご参照ください。 1.会議を一気に立ち上げる：議事録スニペット まずは議事録のテンプレー

PySpa統合思念体です。これからJavaScriptを覚えるなら、「この書き方はもう覚えなくていい」（よりよい代替がある）というものを集めてみました。 ES6以降の難しさは、旧来の書き方にプラスが増えただけではなく、大量の「旧来の書き方は間違いを誘発しやすいから非推奨」というものを作り出した点にあります。5年前、10年前の本やウェブがあまり役に立たちません。なお、書き方が複数あるものは、好き嫌いは当然あると思いますが、あえて過激に1つに絞っているところもあります。なお、これはこれから新規に学ぶ人が、過去のドキュメントやコードを見た時に古い情報を選別するためのまとめです。残念ながら、今時の書き方のみで構成された書籍などが存在しないからです。 たぶん明示的に書いていても読み飛ばす人はいると思いますが、すでに書いている人向けではありません。これから書くコードをこのスタイルにしていくのは別にいい

緊張すると声がヤムチャになる都元です。このセッションの自己紹介でアムロ・レイとか言って盛大にスベったので切り替えていきます！ さて、1週間の時間が経ってしまいましたが、去る 11/2 (金) に目黒セントラルスクエアにおいて「マイクロサービス時代の認証と認可」と題しましてお話をさせていただきました。 スライド 認証と認可の基礎知識 繰り返しになりますので、過去エントリーよくわかる認証と認可 ｜ DevelopersIO を参照してください。 また、Web API のアクセス制御としては、だいたい次の4つくらいが頭に浮かぶと思います。 Basic 認証 Digest 認証 リクエスト署名 OAuth 2.0 この辺りは Spring Day 2016 - Web API アクセス制御の最適解でお話したことがありますので、こちらも併せてご覧ください。 Coffee break: 都元、日頃のお

結果はどうなったでしょうか。 自分が今使っているGoogle Chromeだとこうなりました。 結果は{a: 10}というオブジェクトです。まあ、これは当然ですね。3 + 5と入力すれば実行されて8が返ってくるのですから、{a: 10}というオブジェクトリテラルを書けば{a: 10}というオブジェクトが作られるのは当然です。 ……。 ここで、一部の人は「おいふざけんなよ」と思っているかもしれません。というのも、この例は環境によっては違う結果になるのです。具体的には、Chrome以外2のブラウザのREPL（FirefoxやEdgeなど）が該当します。あと、ts-nodeのREPLも該当するらしいです。これらの環境では、結果は{a: 10}ではなく次のようになります。 オブジェクトを作ったはずなのに結果が10とか意味不明ですね。そもそも、こんな簡単なプログラムで結果が全然違うとか、JavaSc

AWS Dev Day Tokyo 2018の登壇資料です https://aws.amazon.com/jp/aws-devday-tokyo-2018/