React のコンポーネント周りの用語ってごっちゃごちゃになった経験はありませんか? 友人と話すときなどはなんとなくのニュアンスで伝わるので気にしていなかったのですが、型注釈つけるときやコードリーディングするときに言葉の定義がわからなくなって何回も調べるといったことをよくやるのでこれを機に整理しようと思います。 本記事では JSX 以外にも createElement 記法の知識も要するので、自信がない方は公式やどうして JSX を使ってもエラーにならないのか？をご覧ください。 ここでは React のドキュメント JSX Elements Components TypeScript の型定義 JSX.Element ReactElement DetailedReactHTMLElement DOMElement FunctionComponent Component ReactNode

こんにちは！ リクルートテクノロジーズでセキュリティエンジニアとして活動している、藤原 巧です。 毎年恒例となっており、大きな反響をいただいている、エンジニアコースの新人研修の内容を紹介させていただきます。 研修の概要 リクルートテクノロジーズでは、新卒採用の新人向けに３ヶ月間の技術研修を行っています。この技術研修では大きく分けて２つのコースが設けられています。 1. プログラミングやWebサービスの構造の基礎を体系的に学び、その後一人につき、ひとつのスマホサイトを企画からリリースまで行うコース 2. 一定以上のプログラミングスキルと開発系経験がある新人に向けた、実際の開発で必要となる様々な技術要素をより深く学び、その後実際のサービスでチーム開発にてOJTを行うコース 今回公開するのは 2. で使用した資料です。 この技術研修は、そのほとんどの部分を内製で実施しています。 この研修の最大の

はじめまして、ムツミ（@623px）と申します。「CAMPFIRE」という、クラウドファンディング事業の会社のデザイナーをしています。 普段はグロース周りのデザイン施策を担当していて、少し前は仲間集めプラットフォーム「TOMOSHIBI」という新規事業のデザイン全般を担当していました。 --- 最近デザインを勉強している友人にむけて、勉強におすすめの記事や本をまとめる機会があったのですが、UIデザインをはじめたの頃の自分に読んで欲しい…と思うものばかりでした。当時のわたしは「とりあえずやってみてわからなかったら調べる！」という方法で突き進み、体系的に学ぶことが少なかったためです（反省） まだまだデザインを語れる立場ではないのですが、せっかくなので当時の自分に向けて、そしてこれからの自分のおさらいになるように、厳選してnoteに記録しておこうと思います。 僭越ながら、UIデザイン勉強中の方や

プログラミング上達したいんだったら、四の五の言わずに、 ・クリーンアーキテクチャ ・レガシーコード改善ガイド ・アジャイル・サムライ ・リファクタリング 系のどれか を、全部最低5回読み返して欲しい。それでプログラマとしては圧倒的に成長できるんだから、マジで読んで — Next.js + Hasura 最速プロトタイピング本 @技術書典9 出す予定 (@erukiti) July 27, 2020 先日、こういうツイートをしたらバズってしまいまして。これらの本を理解できるまで読みこめばプログラマとして成長できますよーというもので、 ・ クリーンアーキテクチャ ・ レガシーコード改善ガイド ・ アジャイルサムライ ・ リファクタリング 系のどれか（例えばリファクタリング第二版） の4冊を挙げました。いろいろな人の感想を読んで、補足が必要そうだなと思ったので記事として書きなおしています。 追記

「リードエンジニアから学ぶMedPeerのプロダクト開発」（ https://medpeer.connpass.com/event/181835/ ）の登壇資料です。 【発表概要】 もはや若手ではなくなったアラサーエンジニアに頭を擡げる問題はさまざまあります。 技術者としての成長限界（35歳定年説）、キャリアデザイン（マネージャー vs スペシャリスト）、思考の硬直化（老害化）... 本発表ではアラサーエンジニアの諸問題に対してどう考え、どう立ち向かってゆけばいいのかのヒントとなるような発表ができればと考えています。

配色はデザインにおいて重要な要素の1つですが、慣れている人でないとバランスの取れた配色を決めていくのは簡単ではありません。 そこで、今回は初心者の方でもおしゃれな配色ができるカラーパレットツール・配色パターン見本サービスをまとめました。下記のように、おすすめのツールや使用する色数ごとに分類しています。 おすすめカラーパレットツール・サービス AIを使ったカラーパレットツール 2色の配色パターン見本 3色の配色パターン見本 4色の配色パターン見本 5色の配色パターン見本 その他のカラーパレットツール・サービス グラデーションの配色パターン見本 2022年に流行するWebデザインの最新トレンド10個まとめ 2021年のミニマリズムを中心としたトレンドが注目されていましたが、2022年は鮮やかで、奇抜で、記憶に強く残るようなデザインを中心としたトレンドが注目されています。 今回は、2022年に流

こちらの記事は、Jonathan Saring 氏により2019年12月に公開された『 11 Must-Know FrontEnd Trends for 2020 』の和訳です。 本記事は原著者から許可を得た上で記事を公開しています。 ランチ中のフロントエンドトークでスマートに見られる方法！ チームのランチトークでスマートに見られることは、最新のフロントエンドのトレンドを常に把握しておくための大きな理由であることは言うまでもない。 それは、あなたがより良い開発者になり、より良い技術とより良い製品を作るのに役にたつかもしれない。 たぶんね。 だから、いくつかの興味深い方向を示すことで、この名誉あるクエストを君が簡単に達成できるように少し時間をもらいたい。 すべてのコンセプトについて1から10まで説明するのではなく、そのコンセプトとそれがどのように有用であるか紹介しよう。最後にはさらなるリソー

ブランディングデザイン会社neccoでデザインの仕事をしながら、7月からAfter Effectsの練習を始めました。 最初は全然使い方がわからず、「難しそうだしやめとこうかな、やっぱりデザインに専念した方がいいのかな」と思うこともありましたが、1ヶ月間練習を続けるうちにどんどん楽しくなってきました。 ▼はじめの頃に作ったもの モーショングラフィックス使いたい 案件のためにAfter Effect練習中🌱 楽しい〜！もっと上手になりたい☺️✨ pic.twitter.com/AzvZ1U1Pue — fuyuna🌷necco Designer (@fuyuna_design) July 5, 2020

Agile Alliance の Experience Reports として公開されている記事「Harvesting Mob Programming Patterns: Observing how we work」を読んだ．本記事は「モブプログラミング」で遭遇する「振る舞い」を「モブプログラミングパターン」として紹介している．モブプログラミングは何よりも「楽しさを増幅」する．しかし，実際にモブプログラミングを効果的に行うのは簡単ではなく，だからこそ「パターン」を知っておくことに意味がある．本記事を読んでいくと「あるあるー！」という「パターン」も多かったけど，名前を付けることに価値があると思う．今回は本記事の翻訳ではなく，読んだ個人的な感想をまとめる！ www.agilealliance.org Pattern Map（パターンマップ） まず，本記事に載っている「Pattern Map（パ

本書『サバイバルTypeScript』は実務でTypeScriptを使う開発者のための入門書です。そして、このページはTypeScriptの特徴を最速で把握できるよう、数百ページからなる本書のコンテンツをつまみ食いした要約です。 » 本書ついて詳しく知る » とにかく今すぐTypeScriptを書いてみたい TypeScriptとは​JavaScriptのスーパーセットとなるプログラミング言語。静的型付け言語であり、プログラムの正しさが静的に検査できる。ライブラリやIDEなどの開発環境が充実しており、大きなエコシステムを持っている。Microsoftが2012年に開発し、オープンソースで公開した。» TypeScriptの特徴について詳しく知る » TypeScript誕生の背景について詳しく知る TypeScriptはJavaScriptのスーパーセット​スーパーセットとは、元の言語との

カワノノブユキ@筋トレのお兄さん @kawano_fitness ハムストリングスが固い スクワットでもも裏に効きにくい そんな方にオススメなダイナミックストレッチ『ステーショナリースパイダーマン』 腕立て伏せから足を前に出し、肘を地面につける！ ビックリするくらいもも裏が伸びます👀 トレーニング前に行いもも裏への意識と柔軟性UPをさせましょう💪 pic.twitter.com/L1iitipRaQ 2020-04-16 19:15:53 森拓郎 @moritaku6 小顔に首は超重要。特に、フェイスラインを出すには胸鎖乳突筋の緊張を緩めつつも、綺麗に浮き出させることも大事。石原さとみさんも言ってましたね！このストレッチをすると、首が長くなり小顔効果が。 デスクワークやスマホでストレートネックになっている人は毎日やろう！ amazon.co.jp/dp/4815605572/ pic.

Redux was a revolutionary technology in the React ecosystem. It enabled us to have a global store with immutable data and fixed the issue of prop-drilling in our component tree. For sharing immutable data across an application, it continues to be an excellent tool that scales really well. But why do we need a global store in the first place? Are our frontend applications really that complex or are

アニメやマンガのような絵を描きたい人向けのオンライン講座「パルミー」では100種類以上の講座がそろっているのですが、それぞれ複数のレッスンが用意されているため「どの講座を選べばいいかわからない……」と迷ってしまう人も多いはず。そこで、「絵の勉強って何すればいいの？」、絵を描き始めたけど「どんな練習をしたら上達するの？」という右も左も分からない人のために、キャラクターの描き方を中心に順に受講すればスキルアップすること間違いなしな「初心者でも絵を描く力がつく！」「絵の知識がしっかり学べる！」10講座をピックアップしてみました。 お絵かき講座パルミー | イラストマンガの描き方が学べるオンライン学習サイト https://www.palmie.jp/ ◆01：なぞって鍛える！線の引き方練習講座 ◆02：落描き気分で模写練習講座 ◆03：キャラクター作画基礎講座 ◆04：アニメーターが教える 描い

かわええ…かわええ…

このページの最終更新日：2019年7月4日 JavaScript。主にWebページを作るのに使われるほか、現在ではさまざまなところで活躍しているプログラミング言語です。 このページはJavaScriptの中級講座です。最新鋭ではないかもしれませんが、読み進めれば大抵のものを自分で作れるようになることでしょう。 言い訳とJavaScriptの歴史 / 問い合わせ 最近の更新2017/10/05 全ページを手直ししました。十六章第六回を追加。2017/11/9 十六章第二十一回・十六章第二十二回を追加。2017/12/2 十七章第三回・十七章第四回を追加。2017/12/3 十七章第五回・十七章第六回・十七章第七回を追加。概要コンテンツは第一篇と第二篇に分かれています。 JavaScriptは昔からWebページに動きを与えるものとして用いられてきましたが、第一篇ではそのような、昔からあるJav

readyfor_redux_study#1 READYFOR株式会社 さんで開催した、Redux 勉強会第一回の資料です。

インストール済みのフォントを好きな文字で一覧表示できる、Windows, macOS, Linux対応の国産アプリを紹介します。 国産なので日本語フォントはもちろん、英語フォントもサポートされています。 いろいろなフォントで比べてみたい人、特にフォントがたくさんの人に便利です！ fontvuer fontvuer -GitHub fontvuerの特徴 fontvuerのダウンロード・インストール fontvuerの使い方 fontvuerの特徴 既視感を抱いた人は大正解！ fontvuerは先日リリースされたばかりの国産アプリで、以前当ブログで紹介した「Fontviewer（紹介記事）」の後継の新作です。 基本的な機能はほぼ同じですが、使い勝手が大幅に強化されています！

毛筆や筆で書かれたようなフリーフォント、ペンや鉛筆で書かれたようなフリーフォント、マジックやクレヨンや太ペンで書かれたようなフリーフォントを紹介します。 走り書き、かわいい手書き、達筆なフォント、いっぱい揃っています。 Webデザイン、アプリ、動画、紙のデザインをはじめ、クライアントのプロジェクトでも販売する同人誌でも幅広く利用できる日本語のフリーフォントです！

こんばんみんみん。 バーチャル幼女プログラマーという肩書でインターネットをやっているきりみんちゃんというものです。 去年の7月に競技プログラミングのAtCoderを始めてだいたい1年くらい経ったので、勉強したこととかを振り返りたいと思います。 で、誰？YouTubeでAtCoderの過去問を解く配信をしたり、Twitterで無限にAtCoderについてつぶやいたりしているVTuberです。 普段の仕事での専門分野はAndroidアプリ開発です。 半年くらい前にAtCoderを普通の社会人エンジニアに布教するエントリを書きました。 また、技術書典で「AtCoderの歩き方 -数学が得意じゃないエンジニアにこそ競技プログラミングを布教したい！-」という本を出したりもしました。 現在のAtCoderコミュニティの中心層は理系の学生やもともと数学がかなり好きなタイプの人たちです。 一方きりみんちゃ