「Remix」という哲学を学ぼう──学習コストを最小限に抑えるReactベースの注目フレームワークを解説！
対象読者 RemixがNext.jsなどとはどんなところが違うのか知りたいJavaScriptエンジニア WebブラウザとNode.jsという異なるランタイムをそれぞれキャッチアップするのが辛くなってきたエンジニア 前提環境 筆者の検証環境は以下の通りです。 macOS Monterey 12.5.1 Remix 1.7.1 Webフロントエンド技術の広がり Webブラウザ上で動くアプリケーション周辺のエンジニアリング分野は、JavaScriptの進化とともにサーバーサイドの責務から分離され、「Webフロントエンド」という名前で呼ばれることが多くなりました。この分野は、Webブラウザをランタイムとしてリッチなアプリケーションを効率良く開発し、ユーザーに良い体験を与えることを主な目的としていると、筆者は認識しています。 ここで着目したいのが、このWebフロントエンド分野においては「Webブラ
オブジェクト指向プログラミング言語「Kotlin 1.6.20」がリリース
「Kotlin 1.6.20」では、レシーバが1つという制限がなくなるとともに、必要に応じて宣言にコンテキストレシーバを追加することで、関数、プロパティ、クラスをコンテキスト依存にすることができる。なお、コンテキスト宣言では、宣言されたすべてのコンテキストレシーバが、暗黙のレシーバとして呼び出し元のスコープに存在する必要があり、宣言されたコンテキストレシーバは暗黙のレシーバとして本体スコープに取り込まれる。 さらに、新たに追加されたT & Any構文を使用してサイトにてジェネリック型パラメータをnull不可としてマークすることが可能になった。構文形式は交差型の表記法に基づいている。なお、この機能は現状ではベータ版であり、使用には注意が必要となる。 また、JVM IRバックエンドモードが試験的に追加されており、モジュール内のすべてのファイルを並列コンパイルできるようになり、合計コンパイル時間
地道だけど重要な「Webパフォーマンス改善」をいかに進めるか？ ヤフーとリクルートにおける社内横断的な改善の取り組み
地道だけど重要な「Webパフォーマンス改善」をいかに進めるか？ ヤフーとリクルートにおける社内横断的な改善の取り組み 企業の「Webパフォーマンス」に対する意識が、ここ数年の間に大きく変わりつつあります。特にGoogleが、検索ランキングの指標となる「Core Web Vitals」を発表し、その構成要素のひとつに「Webパフォーマンス」を挙げたことから、UX向上の観点だけでなく「検索順位の向上」というビジネス的な観点からも、優先度の高い課題と認識されるようになっています。今回、プロダクト横断でWebパフォーマンスの改善に取り組んできた、ヤフー 浜田真成さん、リクルート 古川陽介さんの2人に、その意義や活動の効果的な進め方について語っていただきました。 全社的に「Webパフォーマンス改善」に取り組む2人のエンジニア 浜田：ヤフーの浜田です。2015年の入社で、動画配信サービスの「GYAO!
「AWS Amplify」がフルスタックなCI/CD機能を新たにローンチ
Amplifyでは、スケーラブルなフルスタックアプリケーションを迅速に構築することができる。フロントエンド開発者は、素早くバックエンドを構成してアプリケーションと接続し、静的なウェブアプリケーションのデプロイを数クリックで実行できる。加えて、AWSコンソールの外部でも、簡単にアプリケーションコンテンツの管理が可能。一般的なウェブフレームワーク（JavaScript、React、Angular、Vue、Next.js）やモバイルプラットフォーム（Android、iOS、React Native、Ionic、Flutter）がサポートされている。 今回のローンチにより、条件付きバックエンドビルド、ビルド時のaws-exports.js自動生成、および複数のフロントエンドブランチ間でバックエンドを再利用するためのよりシンプルなコンソールワークフローをサポートするようになった。 コミットされた「a
プロダクトマネージャー育成のためにチームの中心に据えるべき7つの「シコウ」とは？ エムスリーのPM山崎氏が解説
プロダクトマネージャーの必要性や認知度が高まる一方で、転職市場において企業が期待する人物像やスキルセットとのギャップが大きいとされている。ProductZineは2月24日に、医療系ITの分野で存在感を示すエムスリー株式会社の執行役員VPoE兼プロダクトマネージャーである山崎聡氏を招き、プロダクトマネージャーの育成に関するウェビナーを開催。同社でのプロダクトマネージャー育成の取り組みや心構えなどについて、山崎氏が重視している「7つのシコウ」を軸に解説した。 登壇資料：プロダクトマネージャー育成へのチャレンジ：チームの中心に据えるべきもの 経営陣がプロダクトマネージャーに期待する理由 エムスリー株式会社 執行役員 VPoE/PdM/CDO 山崎聡氏 29万人以上医師が登録する医療従事者専用サイト「m3.com」などを提供するエムスリー。もともとエンジニアだった山崎氏は、執行役員でありながら、
プロダクトマネージャーのスキルは「W型」で磨いていく――連載「PMの基本」執筆陣と学ぶPMのキャリア
昨今日本での認知が高まっている職種「プロダクトマネージャー」。その背景にあるのが、市場やテクノロジーの変化の速さだ。プロダクトやサービス開発において、市場や顧客の状況を見極めながらスピーディーに「何をどのように作るのか」を、責任を持って進めて行くには、「プロダクトマネジメント」という専門の知見やスキルが不可欠とも言える。プロダクトマネージャーにはどんな知識が必要で、どこまでそれらの知識を深く知る必要があるのか。連載「プロダクトマネジメントの基本を学ぼう」の執筆陣、及川卓也氏、曽根原春樹氏、小城久美子氏がオンラインイベントに登壇し解説した。「調整役にならないためには？」「PM/POの違いは？」など現場のリアルな課題が寄せられたQ&Aコーナーの模様も併せて、当日の模様をお届けする。 当日のスライド：プロダクトマネジメントを学ぶ夏 @翔泳社Product Zine夏のイベント 「プロダクトマネー
単なるKGI/KPIではNG？ PMがプロダクトの成果を正しく計測するために必要な考え方
また数字を使ったからといってすぐにそれがKPIとして機能するかというとそうでもない。そこでよいKPIであるための5つのチェック項目がある。それが”SMART”ルールだ。 S：Specific（具体的に表現されている） M：Measurable（数値計測が可能である） A：Agreeable（ステークホルダー間で同意できる）※ R：Relevant（目標に関連している） T：Time-bound（期限が決められている） ※AをAchievable（達成可能）とする場合もある またスタートアップにおいて特にPMF（Product Market Fit）を超えて成長ステージに入ったプロダクトに関しては、成長を示すKPIを選ぶことがほとんどだ。ベンチャーキャピタルに対して会社が成長基調にあることを示すものは、そのKPIとなる数値が”Up and to the right（右上がりに伸びている）”こ
プロダクト開発のホットトピックまとめ（7/23～8/7）
CodeZine／ProductZine以外のサイトにジャンプします。 掲載希望の情報があれば、以下のアンケートフォームよりご連絡ください（編集部で判断のうえ掲載させていただきます）。 ProductZineは読者の皆様によりよいプロダクト開発の情報をお届けできるよう、改善を続けてまいります！ ご意見・ご感想・ご要望はこちらのアンケートフォームよりお寄せください。お待ちしています。 目次 編集部イチ押しトピック イベント・フェア情報 PMのキャリア・スキル プロダクト開発事例 開発組織 UI/UX データ分析 その他 編集部イチ押しトピック 直近のホットトピックの中から、特に編集部が「これは読んでおくべき！」と厳選したエントリがこちらです。 書籍「ゼロから始めるプロダクトマネジメント」 メルペイ丹野瑞紀さんの新刊。8月下旬に技術評論社から。これからPMになる人、PMと一緒に働く人向け。「良
プロダクトマネジメントの基本を学ぼう一覧
ProductZine Day＆オンラインセミナーは、プロダクト開発にフォーカスし、最新情報をお届けしているWebメディア「ProductZine（プロダクトジン）」が主催する読者向けイベントです。現場の最前線で活躍されているゲストの方をお招きし、日々のプロダクト開発のヒントとなるような内容を、講演とディスカッションを通してお伝えしていきます。
ファインディが総額7.7億円の資金調達を実施、プロダクト開発などさらに加速
ファインディは、グローバル・ブレイン（既存投資家）をリード投資家とし、ユナイテッド、SMBCベンチャーキャピタル、KDDI（KDDI Open Innovation Fund 3号）、JA三井リース、HAKUHODO DY FUTURE DESIGN FUND（博報堂ＤＹベンチャーズ）、みずほキャピタルを引受先とする第三者割当増資と融資を合わせ、総額7.7億円の資金調達を実施したことを、8月3日に発表した。 同社は、エンジニアと企業の高精度マッチングから開発力強化までを一貫して支援するスタートアップ。エンジニアのスキル、および企業の魅力度を見える化する独自アルゴリズムを核に、2017年5月から「Findy転職」、2018年2月から「Findy Freelance」の提供を開始するとともに、2020年4月からはエンジニア組織の生産性自動診断・生産性向上サービス「Findy Teams」β版を
新Vue.js「Vue 3」で便利に使えるさまざまな新機能を先取りで紹介
「Vue 3」は、JavaScriptフレームワークVue.jsの次期バージョンで、2016年にリリースされた「Vue 2」以来のメジャーバージョンアップです。Vue 3で導入される新機能のうち、前回は新しいコンポーネント記述形式「Composition API」を紹介しました。今回は、それ以外の主な新機能を説明していきます。 はじめに Vue.jsは、Webページのユーザーインタフェース（UI）を構築できるフレームワークです。2015年のバージョン1（Vue 1）、2016年のバージョン2（Vue 2）に続き、バージョン3（Vue 3）が開発中で、2020年第2四半期にリリース予定です。 前回記事ではコンポーネントの新しい記述形式「Composition API」を紹介しましたが、他にもさまざまな新機能がVue 3で導入されます。本記事では、それ以外の主な新機能を抜粋して紹介していきます
プロダクトを成功させるチーム構築のためにPMがすべきこととは？
前回、プロダクトマネージャーのスキルの全体像とその中に含まれるTeam & Collaborationのうち、主に個人として持つべきスキルを紹介した。今回は、前回の記事で紹介したプロダクトの強い軸で「Cooperation」と説明している、チームを率い、社内外の関係者と協力関係を構築していく部分について解説しよう。これはプロダクトマネージャーの役割の1つとなる。筆者らは、プロダクトマネージャー向けの研修などを通じて、多くのプロダクトマネージャーの方々と対話をする機会があり、皆さんがこの「Cooperation」の部分で非常に苦労されていることを理解した。今回の記事が皆さんの日々の業務に少しでも参考になれば幸いだ。 前回記事 第7回「プロダクトマネージャーに必要な能力とは何か？ スキルセットの全体像を解説」 プロダクトチームのあり方とプロダクトマネージャーの役割 さて、この連載ではプロダクト
プロダクトマネージャーに必要な能力とは何か？ スキルセットの全体像を解説
前回まではプロダクトマネージャーの役割やプロダクトマネジメント業務の進め方を解説した。総合格闘技と称されることもあるのもうなずけるほど、幅広い領域を担当することがわかったであろう。このようなプロダクトマネージャーにはいったいどんな人が向いているのか、プロダクトマネージャーを目指す場合にはどんなスキルを習得すべきなのか、プロダクトマネージャーとして成長するにはどのようなスキルを伸ばすべきなのか、そんなことを疑問に持つ人も多いと思う。現在執筆中の書籍はプロダクトマネージャーの教科書的な書籍となることを目指しており、このスキルの全体像は書籍の根幹をなす部分となる。今回はその概要を解説しよう。 前回記事 第6回「あなたのプロダクトに「強い軸」はありますか？ ぶれない意思決定のために、PMが押さえるべき3つの観点」 プロダクトマネージャーのスキルは3+1で構成される プロダクトマネージャーは、事業計
プロダクト開発のホットトピックまとめ（6/20～7/9）
CodeZine／ProductZine以外のサイトにジャンプします。 掲載希望の情報があれば、以下のアンケートフォームよりご連絡ください（編集部で判断のうえ掲載させていただきます）。 情報の見やすさを考慮し、今回から「編集部イチ押しトピック」を新設しました。ProductZineは読者の皆様によりよいプロダクト開発の情報をお届けできるよう、改善を続けてまいります！ ご意見・ご感想・ご要望はこちらのアンケートフォームよりお寄せください。お待ちしています。 編集部イチ押しトピック 直近のホットトピックの中から、特に編集部が「これは読んでおくべき！」と厳選したエントリがこちらです。 正しい意思決定を導き出す、エンジニアのための交渉技術 プロダクトマネージャー（PdM）・エンジニアがいま学ぶべきビジネス知識を紹介する、「グロービス学び放題」開発マネジメント責任者 末永昌也氏の連載。 「最短1分手
あなたのプロダクトに「強い軸」はありますか？ ぶれない意思決定のために、PMが押さえるべき3つの観点
みなさんのプロダクトでは、意思決定が一貫しているだろうか。例えば、営業とUIデザイナーで想定しているユーザーのペルソナが異なったり、同じアプリの中なのに担当しているプロダクトマネージャーが異なることで、エラー時の挙動が機能ごとに異なることはないだろうか。プロダクトに強い軸が通っていないと、チームのコミュニケーションコストが大きくなり、またユーザーから見てもUXがちぐはぐに感じられてしまうだろう。本記事では、プロダクトに携わる意思決定を一気通貫して実施するためのプロダクトの強い軸をつくる方法を解説する。 前回記事 第5回「プロダクトの成長・衰退とともに変化する、プロダクトマネージャーの役割とは？」 プロダクトを成功に導く、「プロダクトの強い軸」とは 一気通貫した「プロダクトの強い軸」がないと何が起きるだろうか。例えば、意思決定の根拠が毎度異なるリーダーについていくのは非常に骨が折れる。プロダ
オープンソースの機械学習プラットフォーム「MLflow」、Linux Foundationプロジェクトに加入
今回の、MLflowのLinux Foundationプロジェクトへの加入にともない、Linux Foundationは同プラットフォームの採用とコントリビューションをさらに拡大すべく、オープンガバナンスモデルを備えたベンダーニュートラルな拠点を提供する。 MLflowは、機械学習モデルの複雑なプロセスに対応するために開発されており、実験の追跡、再現可能な実行用のコードパッケージ化、モデルの共有、協力を含むデータの準備から本番環境へのデプロイメントまで、エンドツーエンドの機械学習開発ライフサイクルを管理するためのプラットフォームを提供することで、従来は困難だったモデルの構築、トレーニング、チューニング、デプロイ、管理といったプロセスがオーバーフローすることを防いでいる。 6月22日～26日（現地時間）にバーチャルで開催された「Spark ＋ AI Summit」では、スターバックス、エクソ
プライム・ストラテジー、「Python 3 エンジニア認定データ分析試験」の模擬試験を無料公開
プライム・ストラテジーは、同社がPythonエンジニア育成推進協会の「Python認定スクール」および「プラチナ認定インテグレーター」に認定され、6月8日に開始された「Python 3 エンジニア認定データ分析試験」の模擬試験である「Prime Study」を無料公開した。 「Prime Study」は、「Python認定スクール」の認定にともない、Pythonを使いこなせる人材育成のため、データ分析やAIの基礎知識の習得と、「Python 3 エンジニア認定データ分析試験」合格を目指してもらうべく作成されている。設問数は全40問で、無料で利用できる。 今回の、プライム・ストラテジーの「プラチナ認定インテグレーター」認定は、同社における「Python 3 エンジニア認定基礎試験」の合格者数が30名を突破したことから行われている。 同社は、4月の「全社AIカンパニー化宣言」によるPython
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「TypeScript 4.1」リリース、テンプレートリテラル型の追加など機能追加・変更多数
GitHub、複数のプログラミング言語に対応した「Super Linter」リリース
Linuxカーネル開発者を目指す人のための無料オンラインコースが提供開始
