企業に所属するエンジニアとしての社内と社外の実績の重ね方 【福岡開催】エンジニア成長のカギとなる！アウトプット実践講座 2019/01/18 さくらインターネット株式会社 さくらインターネット研究所 上級研究員 松本亮介 / まつもとりー / @matsumotory

人に迷惑をかけてなければ、世間体は関係ない 「やめたほうがいい理由は、誰も説明できない」セーラー服を着て激変した“普通のおじさん”の人生 みなさんは、セーラー服姿で街に現れる白ヒゲの男性、「セーラー服おじさん」をご存じですか？ 彼はその風貌と親しみやすいキャラクターから、ときおりツイッターのタイムラインやメディアをにぎわせる人物で、一部では「会うと幸せになる」ともウワサされています。

“あるある探検隊”での大ブレイクを経て… 「認知症の人をイジるのは、悪じゃない」レギュラーはいま、介護の現場で奮闘していた 「あるある探検隊」で一世を風靡したお笑いコンビ・レギュラー。当時まだ小学生だった私も、学校の休み時間に隙あらばみんなで真似をして遊んでいました。 そんなレギュラーのお二人は現在、老人ホームなどの介護施設でネタを披露したり、学生向けに介護について講演をしたりと、「お笑い×介護」という切り口で介護業界を大きく盛り上げています。 今回は、お笑いの世界に生きるお二人だからこその熱くやさしい言葉で、何かと暗いイメージを持ってしまいがちな「介護の世界」についてお話いただきました。 〈聞き手：ライター・サノトモキ〉

Search for products, categories, screen types, or elements...

2018年12月17日CSS,JavaScript,アクセシビリティGitHub の Issue ラベルなど、任意の色の中に文字を入れたい場合があります。このとき文字色が一色のみだと、背景色と似たような色のときに読みづらくなってしまいます。 以下のスクショでわかるように、GitHub は背景色によって文字色を黒か白のどちらにするかを計算しているようです。 個々のサービスの実装についてはわかりませんが、WCAG (Web Content Accessibility Guidelines) で定義されているコントラスト比を使うことで、背景色に対して読みやすい文字色を選択することができます。 WCAG で定義されているコントラスト比 (contrast ratio) #WCAG は Web のコンテンツを障害者がより利用しやすくするためにはどうするべきかが記された指標です。また一般的に、WCAG

This is part 1 of a 3-part series. Here’s part 2 and part 3. There’s a belief that the hand (pointer) cursor means clickable, but this is wrong and potentially problematic. The hand does not mean clickableIt’s no accident that browsers don’t give buttons (and other elements) a pointer cursor — it’s because they’re not meant to. See the following screenshot: Google’s search page on Chrome on Mac OS

Web workers, service workers, and worklets. All of these are what I would call “Javascript Workers”, and although they do have some similarities in how they work, they have very little overlap in what they are used for. Broadly speaking, a worker is a script that runs on a thread separate to the browser’s main thread. If you think about your typical Javascript file that is included in your HTML do

様々なもののデジタル化が進む中で、デザイナーの役割も大きく変化し始めている。 特にインターネットを介したサービスにおいては「design, Design, DESIGNの違いを知っていますか?」でも紹介されている通り、世界中の不特定多数のユーザーを念頭にデザインしなければならない時代になってきている。 それは同時に、受け取り側の趣味嗜好や価値観を十分理解した上で、プロダクトやメッセージングを考える必要があるということでもある。デザインコミュニケーションとして、単純に言葉を翻訳しただけでは不十分なのである。 目で表情を伝える日本人、口で表情を伝える欧米人日本と欧米では絵文字の表現方法が大きく異なる。特に日本では「目」を主な表現として利用しているのに対し、欧米では主に「口」の形の違いで感情を伝えている。 この違いの原因の一つが日常生活における人々の生活習慣の違いだろう。 ご存知の通り、花粉症の

「朝起きて、会社に行きたくなくてベッドの中でグダグダしてしまう」「職場の飲み会に行きたくない」「上司と顔を合わせるのもイヤだ」。 いきなりネガティブですみません。これ全部、会社員として働いている友人たちの言葉です。“その気持ちわかる”と共感する人も多いのではないでしょうか。 我々はなぜ会社の人間関係に悩み、会社に行くのがイヤになってしまうのか…？ この難問に答えていただくべく取材したのは、起業家・けんすうさん。 学生時代から起業家として活躍し、新卒でリクルートに入社。現在も数多くのベンチャー起業への投資をおこなっている彼なら、「職場の人間関係とモチベーション」にまつわる難問への答えを出してくれるのでは!? ということで…助けて！ けんすうさ～ん!! 〈聞き手：天野俊吉（新R25編集部）〉 【けんすう】1981年生まれ。19才で学生コミュニティ「ミルクカフェ」を立ち上げ、大学在学中にネット企

昨今の代表的なJavaScriptフレームワーク（React、Vue.jsなど）には「仮想DOM（Virtual DOM）」という概念が採用されているので、フロントエンド界隈の人は一度は耳にしたことがあるだろう。ただ、仮想DOMについて学ぼうと検索してもヒットするのは「フレームワークの使い方」ばかり。踏み込んでいても概念の説明どまりで、仮想DOMがどのように実装されているか解説した記事はすくない。 ということで、当記事では理解を深めるために仮想DOMを使ったフレームワークを自作し、仮想DOMに入門する！ そして、ReactやVue.jsを単なるブラックボックスのフレームワークではなく、中身を理解して使えるようになることを、当記事の目標とする。 フレームワークが完成すると以下のようなWebアプリケーションがつくれるようになる。 TOC 記事が長くなりそうなのでも目次 そもそもDOMとは？ D

早稲田で講演したときの資料ですー

この記事は、線形代数において重要な「行列式」の概念だけを、予備知識ゼロから最短距離で理解したい人のための都合のいい記事です。 そのため、わかっている人から見れば「大雑把すぎじゃね？」「アレの話するんだったらアレの話もしないとおかしくね？」という部分が少なくないかもですが、趣旨をご理解いただいた上でお付き合いください。明らかな間違いに関しては、ご指摘いただけますと助かります。 線形変換 ↑座標です。 座標を変形することを考えます。つまり、座標変換です。 座標変換にもいろいろあって、以下のようにグニュッと曲げたやつ も座標変換には違いありませんが、今回ここで考えるのは線形変換だけにします。線形変換とは大雑把に言えば「すべての直線を直線に保つ」「原点を動かさない」という条件を満たす変換です。 そういう変換には例として、伸ばしたり縮めたりの拡大・縮小（scale）、原点中心に回す回転（rotate

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

How browsers work Stay organized with collections Save and categorize content based on your preferences. Preface This comprehensive primer on the internal operations of WebKit and Gecko is the result of much research done by Israeli developer Tali Garsiel. Over a few years, she reviewed all the published data about browser internals and spent a lot of time reading web browser source code. She wrot

2023年03月31日追記：この記事を基に、@sadnessOjisanさんより、コードレベルにより踏み込んだ、かつ、グリーンスレッドベースの新しいWebサーバアーキテクチャも含めて整理された記事 Webサーバーアーキテクチャ進化論2023 | blog.ojisan.io が公開されました。 主に新卒のWebエンジニア向けに、古典的なWebサーバアーキテクチャを学ぶ道のりと代表的な実装モデルの概要を紹介します。 この辺りの話題がWeb界隈で流行っていたのは数年以上前というイメージですが、Webサービスは相変わらずWebサーバの上で動いているので、流行り廃り関係なく学ぶべき内容だと思っています。 また、HTTP/2がいよいよRFC化し、既にh2oやtrusterdなどのHTTP/2のサーバ実装があり、今後Webサーバアーキテクチャを再訪することが増えるような気がしています。 ところが、We

Oct 31, 2018 at AWS Dev Day Tokyo 2018 #AWSDevDay #AWSTDD