デザイナーでも分かる範囲のReact、その書き方と学び方 - Qiita
これは何 「デザイナーもReact書いてくださいよ」って空気になったときに読むと役立つかもしれない記事です 基本的に筆者が学んだ流れを記載しています そのため、世間一般のベストプラクティスではないと思います エンジニアの方から見ると邪道な流れ・説明の仕方かもしれませんが、デザイナーに教える上での分かりやすさを重視していますのでご了承ください この記事の中で使っているコードはこちらのリポジトリで公開しています コミットを辿ってもらえれば、各セクションの内容が全て見れます ※言い訳がましいですが、筆者もReactに精通している程ではなく「デザイナーにしては割と知ってる」レベルです もし説明に間違いや不足があれば編集リクエストをお願いします 対象読者 Web or UIデザイナー HTMLとCSSは普通に書けるけど、Reactはほぼ全く触ったことがない人 1人で完全に実装したいってほどではないけ
NTT Com オンボーディングハンドブック
オンボーディング ハンドブック #このサイトについて #NTTコミュニケーションズ(以降、NTT Com)社内で製作したオンボーディングハンドブックの内容を、より一般化して広く公開するものです。 ソースコード #本書のソースコードは https://github.com/nttcom/onboarding-handbook で公開しています。 ライセンス #NTT Communications Corporation 作『オンボーディング ハンドブック』は クリエイティブ・コモンズ 表示 - 非営利 - 継承 4.0 国際 ライセンス で提供されています。 関連ハンドブック #リモートワークの働き方に特化したリモートワークハンドブックや、チームビルディングのプラクティスをまとめたチームビルディングハンドブックも参照ください。 読み始める #こちらから本編に進めます。 はじめに
オンボーディングとは
オンボーディングとは #概要 #オンボーディング1とは、チームに新規に所属する人材が、組織・チームの一員として定着し、戦力化するまでの一連の受け入れプロセスです。 単なる配属後の一回限りのオリエンテーションとは異なり、オンボーディングでは継続的に新規メンバーと接点を持ちます。 なぜオンボーディングが必要？ #ビジネスやチームにとって、オンボーディングを実施することのメリットが多くあるためです。メリットはたとえば次の点があります。 新メンバー向け不安の軽減エンゲージメント向上早期の戦力化既存メンバー向けチームの戦力増強メンタリングによるリーダーシップスキルの獲得実際にある調査では、標準的なオンボーディングプロセスを備えた組織は、新メンバーの生産性が54%向上した、という結果もあります。 2021年3月現在、コロナウィルスに伴いNTT Comのリモートワークの利用率が80%を超えています。その
SEOまるわかり大全集 – ワードプレステーマTCD
WordPressサイトの画像を軽量なAVIFに変換できるプラグイン「ShortPixel Image Optimizer」 2024.04.26
2021年版・ド初心者向け仮想通貨投資の始め方
去年ビットコインを買った人は全員含み益、底値からはビットコインが10倍、イーサリアムが15倍になりました。コインチェックがCMを復活して界隈に新しい人がたくさん入ってきています。皆様いかがお過ごしでしょうか。この記事の対象のひと仮想通貨に興味があるが、正直何をすればよいか分からん最近値上がっているというし、CMが始まったけどどこから始めればいいの？仮想通貨は投機や詐欺？海外の地方自治体ですら準備金にビットコインを組み込みはじめてます。 いいかげん価値観アップデートしようぜ。 ただし詐欺プロジェクト、すでに終わってしまったプロジェクトも多い。買えば良い通貨 BTC、ETH。以上。買ってはいけない通貨国内で購入できる、上記以外の通貨全部。 補足。2017年にヤンチャしたせいで、国内環境は一気に悪化。審査が厳しくなり年単位の工程が必要になった。 当然、最新の仮想通貨事情と比べると一周はおろか五週
｢9割が教科書を読めていない｣私立文系しか行けない子供たちの末路 文系の仕事はますます稼げなくなる
コロナ禍でいよいよ始まる大学・高校・中学受験……合否を決める重要な要素のひとつが読解力だ。国立情報学研究所の新井紀子教授は「全ての教科書を正解に理解できる小学生はクラス内の2、3人です。また子供の語彙量は家庭環境の影響が大きく、小学校入学時点で3〜4倍の差がつくこともある。AIが台頭する時代、読解力なしには仕事を選べません」と指摘する――。 ※本稿は『プレジデントFamily 2021年冬号』の記事の一部を再編集したものです。 「教科書を読める子」はクラスにたったの2、3人!? 学校の授業のベースになる教科書。各学年の子供の知識や理解力に合わせてつくられているから「読めるのは当たり前」と思っていないだろうか。 「残念ながら、日本の子供の大半が教科書を読めていません。小学生でいえば、全教科の内容を正確に読めているのはクラスの2、3人でしょう」 こう指摘するのは、『AI vs. 教科書が読めな
)
財テク (住宅購入編) - shunirr
これまでのあらすじ 財テクを書いた後に、いままで賃貸に住んでいて、戸建かマンションを買ってみるかとなった COVID-19 の影響で在宅勤務が長期化しており、都心の 1LDK よりも、少し郊外で広い家に引っ越して、書斎というかオフィス的な空間を自宅内に用意したいと考えた 家の買い方に関する本をいろいろ買って読んでみたり、ネットの記事を読んでみたり、実際にマンションの購入手続きを進めてみたり (途中でキャンセルしたけど) 、仲介業者の紹介でファイナンシャルプランナーに相談したりした 前提 shunirr の独自研究による財テクをまとめています shunirr は、そこそこの規模の会社勤務なソフトウェアエンジニア、東京 23 区内在住、実家は田舎の賃貸で、相続できる資産とかは無い shunirr の思想・価値観によってまとめられているので異なる価値観の人には合わない可能性があります shuni
チュートリアル：React の導入 – React
この記事は古くなっており、今後更新されません。新しい React 日本語ドキュメントである ja.react.dev をご利用ください。 新しくなったチュートリアルでは最新の React の使い方がライブサンプル付きで学べます。 このチュートリアルは React の事前知識ゼロでも読み進められます。 チュートリアルを始める前に このチュートリアルでは小さなゲームを作成します。自分はゲームを作りたいのではないから、と飛ばしたくなるかもしれませんが、是非目を通してみてください。このチュートリアルで学ぶ技法はどのような React のアプリにおいても基本的なものであり、マスターすることで React への深い理解が得られます。 ヒント このチュートリアルは実際に手を動かして学びたい人向けに構成されています。コンセプトを順番に学んでいきたい人は一段階ずつ学べるガイドを参照してください。このチュート
【総まとめ】2020年公開のすごいPhotoshopチュートリアル、作り方厳選まとめ
当サイトでは、Photoshopの新しい機能テクニックをつかった最新チュートリアル、作り方を定期的にまとめて紹介しています。 この記事では、2020年のあいだに公開された、特に確認しておきたいPhotoshopのデザインチュートリアル、つくり方をまとめてご紹介します。 これまで以上に便利になった新しくアップデートされたPhotoshop 2021の新機能はもちろん、ボタンひとつで完成のお手軽写真やアクション、合成テクニックなど、デザイナーが覚えておくと便利な人気のデザインスタイルのつくり方がずらり揃います。 これからPhotoshopを始めてみよう、というひとにもぴったりなテクニックを揃えています。年末の連休をつかって、新しいテクニックを習得してみてはいかがでしょう。 2020年公開のIllustratorチュートリアル、つくり方も以下の記事でまとめています。 【総まとめ】2020年公開の
大量出現したニセ通販サイトを探る - 午前７時のしなもんぶろぐ
こんにちは！ しなもんです。 ふとしたきっかけから、日本語のニセ通販サイトが大量に作られたことが判明しましたので、注意喚起を兼ねて調査結果を公開します。 こうした偽サイトに個人情報や金融情報などを入力しないようにご注意ください。 はじめに 偽サイトの発見 ニセサイト群の特定 ドメインを分析 実際のサイトの様子 運営会社の身元 画像の出所 ソースの分析 注文してみた 評価サイトでの扱い 攻撃を仕掛けているのは何者なのか ニセサイトは平然と存在している 調査に使用したサービス 付録 調査対象のドメイン一覧 更新履歴 はじめに 調査はしなもんが自力で実施しましたが、ニセ通販サイトの存在自体は I 氏から教えてもらいました。 調査上の重要なアイデアのいくつかも I 氏によるものです。 この場を借りてお礼を申し上げます。 以下、不用意なアクセスの防止のために、URL や IP アドレスを 「hxxp
ランディングページ制作に役立つマニュアルと改善法(toCtoB)｜相原 ゆうきfree web hope
こんにちは！株式会社free web hopeの相原です。 今回は当社でのランディングページの創り方をベースしにて、ランディングページ制作をする時に役立つフレームワークを公開します。当社の社内マニュアルにもなっているものです。お陰様で中々の高評価を頂いており、書いた甲斐がありましたtt これ読んだらめちゃめちゃやる気出た！！ 何から始めたら良いのかわからず何も知らないままやろうとしていたからね、そりゃあ心も折れるはずだ👶 ランディングページ制作に役立つマニュアルと改善法(toCtoB)｜相原 ゆうきfree web hope @fwh_aihara #note https://t.co/u5ACEAfePU — せりょ🌷＠Travel×Shopify✈︎ (@seritulip) October 14, 2020 事業戦略から、LPへの落とし込み、tipsまで、半端ない。 めちゃくちゃ
大卒同等と認定「Googleデータサイエンティスト育成コース」がオンライン開校へ【補足訂正】 - BRIDGE（ブリッジ）テクノロジー＆スタートアップ情報
Photo by Gratisography on Pexels.com ピックアップ：A digital jobs program to help America’s economic recovery ニュースサマリー：Googleは13日、デジタルスキルの習得をサポートする取り組み「Google Career Cerfiticates」へ、新たに3つのコースを追加したと発表した。コースはデータアナリティクス・プロジェクトマネジメント・UXデザイン講座で、Grow with Google上にて受講可能となる。 編集部による訂正：記事初出時、３講座が受講できる場所をGrow with Googleとしておりましたが、正しくはオンライン学習プラットフォーム「Coursera」上という話題があるものの、公式の発表では場所や時期は未定、というのが正しい情報でした。修正してお知らせさせていただき
出版業界のハッキングとは何だったのか 06/10｜久保内信行
イヤな質問するなァ。自分もこないだ気づいたんですけど、箕輪さんとお仕事ご一緒したことありますからね。 「お前、箕輪さんと仕事してたよな？」って言われてつらつら箕輪さんのプロフィール見てたら、確かにしていたし、与沢翼の元ライブドアがあった六本木の事務所で与沢翼待ちしていたことを思い出しましたよ。その時の会話の内容もぼんやり思いだしたのですが、そちらは伏します。え？なんで与沢翼の本の仕事を請けたのかって？ そんなん、面白そうだったからに決まってるじゃないですか！ で、なにが天才的かというお話でしたね。簡単に言うと、1 著者の稼働ナシで本を作るシステム と、 2 これら著者の褒め合いによって読者を誘導し、一種の読者層を作った。さらに、 3 読者層を組織してネットでの購買運動を作り、販売前にランキングをジャックした。 4 幻冬舎のイマドキ珍しいイケイケの販売方針により、大量に印刷して、配本制度とそ
🍓いちご農家の父からのお願い🍓
🍓いちごにいきなり練乳をかけていただくのはやめてほしいそうです🍓 🍓まずはいちご本来の味を堪能してからにしていただきたいそうです🍓 🍓お願いいたします🍓
これからは「一番最初に思い出してもらえる第一想起ブランド」しか生き残れない｜池田紀行@トライバル代表
（2024年1月4日 追記） この記事が含まれる内容が本になりました！ 2024年1月17日出版です。 （追記ここまで） 世界に冠たるマーケティングカンパニー、P&Gがとても重視している指標があります。 それが、Evoked Set（想起集合）です。 Evoked Setとは、何かをしよう（買おう）としたときに、頭に浮かぶ好意的な選択肢の集合体のこと。 あらゆるモノやコトで（どれを買っても変わらないよね、という）コモディティ化が進展した結果、すべての業界で熾烈な価格競争が起きています。 物理的な製品やサービスの差別化が難しくなった現代において、消費者に選ばれるかどうか（買ってもらえるか、買い続けてもらえるか）の勝敗を分けるのは、一番最初に思い出してもらえるポジションを獲得しているかにかかっています。 以下の文章を読んで何が頭の中に浮かびますか？ コロナが落ち着いたら行きたい日本の観光地 コ
CSSもこれで簡単に！テキストの左右に水平線を引くスタイルシートの新テクニック
div要素はひとつだけ、CSS Flexboxを使用してテキストの左右に水平線を引くスタイルシートのテクニックを紹介します。 HTMLは非常にシンプルで、テキストと水平線はレスポンシブ対応で、カラーやサイズや左右のマージンも簡単に変更できます。 div要素ひとつだけで実装する テキスト付きの区切り線 まずは、最終のデモをご覧ください。 テキストの左右に水平線を引いた区切り線は、div要素ひとつだけで実装されています。モダンブラウザはもちろん、EdgeでもIE11でも大丈夫です。 実装のポイント div要素ひとつだけ、spanなど余分な要素は必要なし。 divに限らずブロック要素、h1で見出しの装飾としても使えます。 画像やSVGなども必要なし。 水平線は、カラー・サイズ・マージンの変更ができる。 フォントのサイズを大きくしても自動で調整される。 水平線はレスポンシブ対応。 背景が画像でも水
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「これは革命」とまでは言わないけれど、Webサービスへのサブスク導入がめちゃめちゃ楽なのでぜひ知って欲しいStripeのFirebase Extensions - nabettu
「会社が倒産😱」「家にスズメバチの巣が🐝」など申請すれば控除やお金が貰える制度のまとめが参考になる「これはとてもありがたい情報」
パワー系精神科医 on Twitter: "DeepL翻訳ガチでやばい こら時代が変わるわ グーグル翻訳でもなんとか意味は取れるがDeepL翻訳は敬語をちょっと直すだけでほぼ完璧な翻訳 https://t.co/AMHrws8xRC"
資産運用 - shao's Scrapbox