女性エンジニアが少ないのはなぜ？男女脳の違いから考えてみた｜おうちIT
当ブログでは、女性エンジニアに向けた記事を多く書いています。 しかし、女性エンジニアは男性エンジニアに比べると圧倒的に少数です。 結婚や出産で退職して減るだけでなく、目指す女性がそもそも少ないのです。 私が新卒入社した会社だと、毎年の新入社員の男女比は7:3くらいで、それでも他社に比べれば女性の割合が多い方でした。 いったいどれほどの女性エンジニアが当ブログを読んでくれているのだろう？と、女性向けの記事を書くことをためらうこともありました。 それと同時に、 どうして女性のエンジニアは少ないのだろう？ としばしば考えてきました。 ハードで残業が多いという理由で選択しないということも考えられますが、それ以前にプログラミングに関心がある女性はどれほどいるのでしょう？ そんな中、男女脳について書かれた一冊の本に出会いました。 プログラミングには、男性脳の特性である「論理的な思考」が必要なので、女性
React開発において便利なTypeScriptの型まとめ - Qiita
React開発において個人的に便利だなーと思っているTypeScriptの型をだだーっとまとめてみました。私自身もまだまだTypeScript修行中の身ですので、新たに気づいたものがあったら随時追記していきます。みなさんも「こういう使い方できるぜ！」みたいなのがあったら、ぜひ教えていただければと思います。 対象とする読者 最近ReactにTypeScriptを導入し始めた人 ReactにTypeScriptを導入してそこそこ経つけど、いまいち使いこなせてる気がしない人 TypeScriptにあまり詳しくない人でもわかるように説明しているつもりではありますが、以下の記事がTypeScriptの入門用に素晴らしいので、そちらを先に読むとスムーズに読み進められると思います。 TypeScriptの型入門 Partial React開発においてよく定義する型としてコンポーネントのpropsの型があ
Vue.jsエンジニアのためのReact入門 | Hypertext Candy
この記事では、Vue.js は覚えたけど React もやってみたい、というエンジニア向けに、Vue.js における各機能の React での実現方法を比較して紹介します。 私は、慣れない言語やフレームワークを使うときはマニュアルを頭から読むより、「あの機能はこっちではどうやるのかな？」と考えて調べることが多いので、自分自身の React の学習も兼ねてまとめました。 コンポーネントの機能 コンポーネントの作り方 Vue.js Vue コンポーネントは ComponentName.vue のように、.vue 拡張子を持つファイルで表現されますね。<template> <script> <style> それぞれのブロックにテンプレートや振る舞い、スタイル定義を記述します。 <template> <div> <h1>Sample</h1> <h2>This is a component.</h
React ステート管理 比較考察 - uhyo/blog
こんにちは。Reactの話題の中でもかなりの部分を占めるのがステート管理、さらに言えば各種のステート管理ライブラリです。今さらながら、Reactにおけるステート管理の手法やいくつかのステート管理ライブラリを比較考察して記事にまとめました。 useState + バケツリレーReactにおける基本的なステート管理はuseStateです。ひとつのコンポーネント内で完結するようなステートならばuseStateは非常に適しており、他の選択肢はほぼ無いと言っても構わないでしょう。 ステートをアプリケーションの広範囲で使いたい場合が問題です。次の画像に例示されるように、分岐したコンポーネントツリーの末端のコンポーネント（使用者）で同じステートを参照したい場合を考えます。 useStateと組み合わせる場合、もっとも原始的な方法はpropsのバケツリレーによるものです。propsは親コンポーネントから子
ヘタクソなコードを書いてもいい - 覚書
プログラミング言語のお作法から外れたコードやメンテ性が悪いコードを書くのはダメとよくいわれます。わたしは学生の頃、そういう意見を過剰に気にしていました。コードを書くことそのものに慣れていないのに綺麗に書こうとして手が動かず、動かないがゆえにコーディングの練習が進まない、という悪循環になっていました。そうすると何もアウトプットしないまま知識だけが増えていって、自分がこれくらいできそうというイメージと実際のプログラミング能力とのギャップで苦しみました。 この意識が薄れたのは、あるときものすごく手が早い人のコードを偶然見たときでした。たしかにちゃんと動くものができているんですが、そのコードの中身は当時の私の基準からいって*1おぞましいほど汚いものでした。そこで「これはわたしが書けば100倍くらい綺麗なコードを書けるんでは…」と一瞬思ったんですが、その後すぐに「あ、自分は知識はあるけど練習してない
【翻訳】React Native at Airbnb: The Technology - Studio Andy
はじめに この記事は2018年6月20日にAirbnb社のGabriel Pealによって公開された記事を日本語に翻訳したものです。 公開にあたっては氏本人の同意を確認中ですが、誤訳や問題のある表現等を見つけた方は僕のTwitterアカウントまでDMいただけますと幸いです。 元記事: medium.com 本文 この記事はAirbnb社におけるReact Native体験と 次の時代のモバイルアプリケーション開発について記したブログシリーズの第二弾です。 React NativeはAndroid, iOS, Webで横断的に動作する、それ自体が比較的新しく急速に発展しているクロスプラットフォームフレームワークです。2年間に渡って使ってきた今、React Nativeは多くの点において革新的なツールであると自信を持って言えます。それはモバイル開発におけるパラダイムシフトであり、私たちはRea
社内でFlutterのハンズオンを行ったので、資料を公開します - Pepabo Tech Portal
先日、社内で Flutter のハンズオンを行ったので、その際に使用した資料を公開します。 Flutter とは？ Made by Google Flutter is Google’s UI toolkit for building beautiful, natively compiled applications for mobile, web, and desktop from a single codebase. Flutter™️ は Google が作った、単一のコードベースで iOS、 Android、Web のアプリケーションを作成できるツールキットのことです。 アプリケーションの大部分を Dart という言語で記述します。 Flutter Official Document ※Flutter および Flutter のロゴは Google LLC の商標です。 Flutte
ライブイベント関連4団体が緊急事態宣言延長に際して声明文発表「さらに万全な対策を講じ公演を開催」
ライブイベント関連4団体が緊急事態宣言延長に際して声明文発表「さらに万全な対策を講じ公演を開催」 2021年5月5日 21:19 28642 325 音楽ナタリー編集部 × 28642 この記事に関するナタリー公式アカウントの投稿が、SNS上でシェア / いいねされた数の合計です。 10649 16469 1524 シェア 一般社団法人日本音楽事業者協会、一般社団法人日本音楽制作者連盟、一般社団法人コンサートプロモーターズ協会、一般社団法人日本音楽出版社協会の4団体が、新型コロナウイルス感染拡大に伴う政府の緊急事態宣言の延長に際しての声明文を公開した。 ライブイベント公演開催に関わる4団体の会員社は、政府が4都府県に発令中の緊急事態宣言の期間延長を検討していることを受けて、対象地域における無観客開催要請の撤廃を強く申し入れているという。また2020年5月の最初の緊急事態宣言の解除以降、徹底
CSS Triggers List - What Kind of Changes You Can Make
• Layout • Paint • Composite align-content Changing align-content alters the geometry of the element. That means that it may affect the position or size of other elements on the page, both of which require the browser to perform layout operations. Once those layout operations have completed any damaged pixels will need to be painted and the page must then be composited together. align-items Changi
「美大でメシが食えない」を変えたい京都造形芸術大教授～学生の作品販売でキャリア支援（石渡嶺司） - エキスパート - Yahoo!ニュース
美大志望に「カタギの家庭のガキが行くところやない！」美術系大学や学科と言えば、「卒業してもメシが食えるのか？いや、食えないだろう」とのイメージが強くあります。 そして私立大学であれば、当然ながら学費は文系学部に比べれば高め。 しかも、学費以外にも実習費用に材料費などもかかります。 要するに、費用（学費・材料費など）対効果（就職）という点ではコストパフォーマンスが相当低い、と言わざるを得ません。 就職については「フリーランス志向の学生が多いから、卒業生ベースの就職は悪くて当然」「一般企業への就職は意外と多い」と美術系大学関係者は主張するでしょう。 実際にその通りで、彫刻関連の学科だと自動車メーカー（新車デザインの際に彫刻技術が必要）、絵画関連の学科だとIT企業（スマホアプリのデザインやキャラクター開発など）で、それぞれ評価されての就職者がいます。 しかし、絵画関連だと画家・アーティストを目指
[Web フロントエンド] esbuild が爆速すぎて webpack / Rollup にはもう戻れない - 株式会社カブク
TypeScript + Preact + Material UI + material-table で作っている管理画面のビルドツールを Rollup から esbuild に変えたお話です。 2021/01/07 追記 esbuild に新しく CSS ローダーやプラグイン機構が実装されたので紹介記事を書きました！ esbuild の機能が足りないならプラグインを自作すればいいじゃない https://www.kabuku.co.jp/developers/create-your-own-esbuild-plugin はじめに これまでの JavaScript ビルドツールと私 以前は私も定石通り「アプリには webpack、ライブラリには Rollup」をビルドに利用していましたが、近年はアプリのビルドにも Rollup を利用することが多くなり、 webpack を利用することはな
blog.kwst.site
UnityでYOLOを使った物体認識 2022.8.14 UnityでYOLOを使うにはBarracudaという機械学習の推論ライブラリを使います。 https://docs.unity3d.com/Packages/com.unity.barracuda@3.0/manual/index.html カスケード分類器による物体認識は前回の記事を参照ください。 『OpenCV plus Unityでカスケード分類器を使った物体認識 』 Webカメラで物体認識するサンプル 今回作るのはUnity上でYOLOを使ってWebカメラ画像で物体認識するサンプルです。 OpenCV plus Unityをインストールする Barracudaをインストールする YOLO v4のパッケージをインストールする OpenCV plus Unityのインストール こちらの記事の通りにOpenCV plus Uni
Aeでマスクを使ってオブジェクトを部分的に隠す！
Aeでアニメーションを作成している時、部分的にオブジェクトを隠したい時があります。複雑なものでなければ、背景色と同じオブジェクトを置いてそこに隠せばごまかせたりもするのですが、あまり綺麗なやり方ではないですし、透過されてる場合などは残念な感じになってしまいます。 この記事では、Aeの マスク（トラックマット） を使用して綺麗にオブジェクトを部分的に隠す方法を紹介します！
regl入門 - KAYAC engineers' blog
こんにちは、カヤック・クライアントワークチーム・フロントエンドエンジニアのMr.ブラウンです。 今回は、 「Fast functional WebGL」 と謳っているreglを紹介いたします。 ※ 多少、WebGL・GLSLをさわったことがある前提で話が進んでいきます。 はじめに reglは、シェーダーを自分で書く必要があります。 three.jsのようにBoxGeometryというクラスを使えば簡単に立方体をつくることができたり、 PixiJSのようにGraphicsというクラスを使えば簡単に四角形などをつくることができたり… はできません。 四角形であろうと、丸であろうと、立方体であろうと、 簡単に図形をつくることができるクラスやメソッドは用意されておらず、 reglで何かをつくりたければ自分自身でシェーダーを書かなければいけません。 (three.js・PixiJSはメジャーなcan
Neon: A WebGL Installation
The best part of 3D graphics development is that there is an endless amount of things to learn. Every new technique is a rabbit hole of discovery where the new builds upon the old and new effects are created. It truly feels like imagination is the only limiting factor. At the heart of every Active Theory project is a passion for creative technology so it’s important to balance client work with exp
キーボードから手を離さずにVS Codeで開発したいという気持ちを大切にしています
みんな～。今日も元気にVS Code使っとるかな？ワシは使っとるよ。 VS Codeはショートカットキー（ホットキー）を駆使するとイイ感じにカッコいいアレが感じるの気がしてるです。 だから教えてやるよ。無料でな！ 俺が良く使うものだけ紹介するから、俺の知らない便利機能は出てこない。「これ便利あるよ」ってのがあったら教えていただきたい。 あと、伴ってWindowsやChromeの操作のはなしもする。キーボードから手を離さずに作業しよう。 ◆エディタ自体の操作 ▼Alt 分かってると思うけど、ツールバーにアクセスできる。単純かつ強力だけど意外と忘れがち。 ツールバーにフォーカス当たってる状態で例えば「T」って押すと「ターミナル」カーソル当たるんで、そっから↓キーでメニュー開いたりすりゃいい。 ▼Ctrl + P ほんとこれ。キーボードから手を放す時間を極力減らしたい人はこれ。 Ctrl + P
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ミクシィの21新卒技術研修の資料と動画を公開します！
Flutterで始めるアプリ開発
ソフトバンク光＆光BBユニットに市販ルーターを組み合わせ、IPv6ハイブリッド通信の爆速環境を構築する | Pastime工廠
http://gonshi.github.io/grouthRing/
