2023/9/12にChrome 117、9/15にEdge 117がリリースされ、CSSのSubgridが全ブラウザに対応しました。 Subgridとは、CSS Gridで新しく使えるようになった機能の一つ。行列（グリッド）を入れ子にして、親行列の行や列に子行列を整列させることが可能です。 この記事では、Subgridの基本から応用までを具体的なデモを交えて詳しく解説します。CSS Gridが初めての人でもわかりやすいよう、CSS Grid自体の解説も盛り込んでいます。 前提知識: CSS Gridとは CSS Gridとは、行と列を使ったレイアウトのことです。行・列とは、次の方向を指します。 CSS Gridを使うと、次のようなことができます。 ■ エリア名を指定して配置できる ■ 行列を繰り返したり、隙間をつくる ■ 行・列数の自動変更、敷き詰め 複雑な行列の入れ子と、subgrid

日本一有名な小学生「リカちゃん」は、じつは結構な大家族。パパとママ、双子の妹と三つ子の赤ちゃん、わんちゃん、ネコちゃんが3匹ずつ、インコが1羽という大所帯です。にぎやかで楽しい毎日ではあるものの、今のおうちは手狭になってきたこともあり、なんと新居を建てることに。 リカちゃんたちが向かった先は、家を建てたい人の相談窓口「スーモカウンター」。アドバイザーとの打ち合わせを経て、果たしてどんな住まいができあがったのでしょうか？　リカちゃんファミリー、初めての家づくりに密着しました。 ※本記事はリクルートとタカラトミー社のタイアップ企画です 「家族みんなの理想の住まいを」リカちゃんファミリーの家づくり 家族会議は紛糾……。そこでリカちゃんがひらめいたのは？ ぼんやりした希望を伝えるだけで、スーモカウンターのアドバイザーが要望を整理 リビングは広めに、キッチンとの動線も考えて使いやすく におい対策も万

【GitHub x サイバーエージェント共催】GitHub Copilotで変わる開発文化の現実 https://cyberagent.connpass.com/event/292982/

GitHub Copilotは、チャットや音声インターフェイスの組み込み、Pull Requestのサポート、ドキュメントに関する質問への回答、OpenAIのGPT-4の採用など、よりパーソナライズした開発者体験を提供できるよう進化を遂げています。 GitHubのミッションは常に、時代の先を行くイノベーションを起こし、ソフトウェアで強化された世界で、開発者がより幸せかつ生産的になるために必要なものを提供することです。数年前に大規模言語モデルの実験を開始し、生成系AIはソフトウェア開発の未来を象徴する存在であることがすぐに明らかになりました。GitHubはOpenAIと提携して、GPT-3の子孫であるOpenAIのCodexモデルを使用した世界初の大規模な生成系AI開発ツールとしてGitHub Copilotを開発しました。 GitHub Copilotは、コメントやコードを自動補完すること

そもそもが男→男に対する性加害の問題で、その被害を黙認してメディアに登用し続けてきたテレビ局の偉い人もほとんどは男でしょ。 その時は批判されなくて、会社の代表がジュリーさんになった途端に思い切りバッシングが始まって、ジャニーズを買い支えてたジャニオタ（ほとんどは女性）が悪い、って批判が殺到してるのはおかしくない？ 単純に、潮目が変わって叩きやすい女性が目立つようになったからジャニーズ問題も女性に全部押し付けて逃げ切ろうってミソジニーの雰囲気を感じてしまう。 これ、何度か主張してるんだけど、そのたびにまともな反論が返ってきたことがない。ちゃんと真正面から反論してみてほしい。できるものなら。

","naka5":"<!-- BFF501 PC記事下（中⑤企画）パーツ＝1541 --><!--株価検索 中⑤企画-->","naka6":"<!-- BFF486 PC記事下（中⑥デジ編）パーツ＝8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下（中⑥デジ編）パーツ＝8826 -->","adcreative72":"<!-- BFF920 広告枠）ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag ＰＣ誘導枠５行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">

※この投稿は米国時間 2023 年 8 月 30 日に、Google Cloud blog に投稿されたものの抄訳です。 Google Cloud は、コンテナ化されたワークロードを実行するための最適な場所になるという使命を担ってきました。それは 2014 年に始まり、Google の内部クラスタ管理システムである Borg を元に、Google は Kubernetes を発明し、世界初のマネージド Kubernetes サービスである Google Kubernetes Engine（GKE）を導入しました。GKE は、現在利用できる最もスケーラブルな、業界をリードする Kubernetes サービスです1。2019 年には、当社はコンテナとサーバーレスの利点を組み合わせた初のサーバーレス プラットフォームである Cloud Run をリリースしました。現在 Cloud Run は、ク

「【t_wada & masuidrive CARTA探訪】スタッフエンジニアというキャリア」は、書籍『スタッフエンジニア　マネジメントを超えるリーダーシップ』の監修・解説を担当した増田氏を招き、スタッフエンジニアという役職について学ぶイベントです。基調講演には増井氏が登壇。まずはスタッフエンジニアの役割について紹介します。 増井氏の自己紹介 増井雄一郎氏：よろしくお願いします。今日これから話をする増井雄一郎と言います。あらためてよろしくお願いします。 僕のアイコンはお風呂に入っている姿のアイコンで、ここ20年ぐらいずっと使っています。16歳ぐらいの時にフリーランスのエンジニアとして仕事を始めたので、そこから考えると30年ぐらいエンジニアをしています。 僕の名前がけっこうよく出ていたのは前職のトレタという名前の会社にいた時で、あとはiPadの受け付けのアプリのハッカソンで作って、それをいろ

HIGHBALL PTE. LTD. は9月11日（月）、自分の好きなアバターと声でビデオ通話できる「Vme!」を正式リリースした。 本ツールは、基本無料で自分の好きなアバターと声でビデオ通話に参加できるGoogle Chromeの拡張機能で、対応ツールはDiscordとGoogle Meetとなっている。HIGHBALL PTE. LTD.によるWeb3×VTuberプロジェクト「Vhigh!」のひとつで、同プロジェクトではファンとクリエイターが一体となってVTuberを制作する「分散型」への変革を掲げている。 また、カメラの映像だけではなく声も変えられることが大きな特徴。公開されているサンプル映像では男性の声が「ずんだもん」のキュートな声に変化している様子が確認できる。なお、リアルタイムのボイスチェンジャーで遅延が気になる場合は、声のピッチのみを変更する機能を使用することで遅延を軽減し

会場の「フィラ・デ・バルセロナ」は36万平方メートルという広大な敷地に巨大なホールが立ち並ぶ。MWCには毎年、世界200ヵ国から6万～8万人の通信事業の関係者が集まり、最先端のテクノロジーを競い合う。 午前11時15分、「楽天グループ」会長兼社長の三木谷浩史を乗せた黒いベンツのワンボックスカーがVIP受け付けの車寄せに滑り込んできた。初日ということもあり、入り口は黒塗りの車でごった返し、三木谷の到着は予定より少し遅れた。 三木谷を出迎えたのは、2022年にグローバルセールス・マーケティング統括として楽天グループに加わったラビー・ダブーシ。米通信大手「シスコシステムズ」の幹部でスマートシティ戦略を推進してきた。シスコ中興の祖ジョン・チェンバースの懐刀だったが、チェンバースが引退するとき、シスコの同僚だった楽天グループ副社長、平井康文の誘いで「楽天モバイル」に移籍した。世界の通信業界で、このジ

2023年度リクルート エンジニアコース新人研修の講義資料です

会社員は組織でどう立ち回れば良いか。部下の接し方、上司との接し方。―――プロのサラリーマン、toksatoさんに聞く。 今回のテーマは、会社員は組織でどう立ち回れば良いのか。 上司との関係構築も部下とのコミュニケーションも上手く、従業員数が数千人規模の会社でプロのサラリーマン的に成果を出しつづけているWebディレクター、toksatoさんにお話を伺います。 「上司とどう接するか」から「部下との対話方法」、そしてそれらを支える toksatoさんの仕事観は、職場でのコミュニケーションに悩む多くの人が参考になるのではないでしょうか。 Webディレクター暦18年目。”むめいなWebディレクター”を自称してブログを書いている(※実際は無名ではない)。 現在は、数千人規模の事業会社のWeb/DX関連のディレクター。事業会社から受託企業まで幅広い経験を持ち、小さなものから億を超える予算のプロジェクトま

なぜ、ライバルはいつも準備ができているのか？ 職場で、あなたがライバルだと意識する人はいませんか？ 上司が「この書類、明日までにまとめてくれる人はいないか？」と言うと、ライバルはさっと手をあげます。いきなり任されたその仕事を明日までに終わらせるには、資料の読み込みや事前の情報収集が必要なはず。あなたは一瞬躊躇しましたが、ライバルはすぐに反応します。職場で要領良く仕事をこなす「できる奴」というのは、なぜかいつも「準備」ができていて、チャンスが訪れると物凄いスピードでかっさらっていくものです。 ライバルはいつも「準備」ができているのに、なぜあなたは「準備」ができていないのでしょう。それは、ライバルは頭の中に、自分だけの「キッチンスタジアム」を持っているからです。 昔、『料理の鉄人』というテレビ番組がありました。キッチンスタジアムを舞台に、道場六三郎、陳建一などの料理の鉄人に毎回、挑戦者が挑み、

はじめに 現在ITエンジニア歴16年目でこれまでなんどかチームリーダー(プロジェクトリーダー)を経験してきましたが、数年前は上手くいっていたけど、ここ1年位のチームではなかなかうまく行かないことが多く、メンバーからのクレームが上長経由で伝えられてくることがあります。 クレームを伝えてくるメンバーの多くが経験が浅いエンジニア(若手、未経験中途入社)であり、まだITエンジニアとしての業務や商流が分かってない部分もあるゆえのエゴのようなクレームもあるのですが、中にはリーダーとして気をつけるべきだなと思ったことがあったので、まとめておきたいと思います。 なお、経験が浅いエンジニアと主語大きめに書きましたが、数年前にリーダーをした際にQAから転身したてのITエンジニアや、20台中盤くらいの方もいましたが特にクレームはなかったので「メンバーによる可能性はある」ということは書き添えておきます。 また、上

無料で提供されているオープンソースの音声編集ソフトウェア「Audacity」をフォークし、ブラウザ上で動作するようにした「Wavacity」が公開されています。 Wavacity https://wavacity.com/ 上記のリンクにアクセスすると、以下のような画面が表示されます。本家のAudacityは表示言語を日本語に設定する必要がありますが、Wavacityは最初から日本語で表示されるので、日本語ネイティブユーザーにとってかなり取っ付きやすくなっています。 記事作成時点で最新バージョンとなる本家Audacity(v3.3.3)の画面が以下。 比較するとこんな感じ。スライダーを右に動かすとWavacityが、左に動かすとAudacityが表示されます。 楽曲ファイルをインポートするには「ファイル」から「開く」をクリックし、ファイルを選択します。 タイムライン上でドラッグすると、編集

UIUXデザイングループのグループ長を担当させていただいている小田と申します。 一般公開はしていないのですが、モノタロウも一貫したデザインや操作性でウェブサイトを提供するためデザインシステムを作り、現状のサイトに適用しています。 今回はモノタロウのデザインシステムのお話をしたいと思います。 デザインシステムの始まり これは数年前の話です。 何年も運営しているサイトだとよくある話ですが、見た目のスタイルが分散していき、その分のコードが積み重なっていき開発の負荷になります。 また、スタイルが分散していると使っている側のユーザーも、この機能はどういう機能なのかを理解する事に時間がかかります。 サービスの品質を上げるPDCAを早く回す為に土台（図1）を整える必要性があり、スタイルを統一したデザインシステムを構築して、ページに適用していくことが目標になりました。 分散していたスタイル： 作成したボタ

弁護士ドットコム クラウドサイン事業本部でエンジニアをしている山田です。 主にフロントエンドを担当しています。 普段の業務でフロントエンド開発のコードレビューをすることが多く、今回は長い時間がかかりがちだったコードレビューを以下の施策で改善した話をします。 タスクへの認識合わせを拡充 タスクを小さく分割 類似するタスクのレビュー内容は共有 必要に応じて同期的にレビュー 達成されないスプリントゴール スプリントゴールが達成できない原因 コードレビューが長くなる要因 レビュアーのレビュー期間が長い タスク担当による対応期間が長い 対応策 タスクについての認識合わせの時間を設ける タスクをなるべく小さくする 類似する複数のタスクはレビュー内容を共有 必要に応じてオンラインミーティングなどで画面共有し会話しながら同期的にレビューする スプリントゴールも達成できるように まとめ 達成されないスプリン

凄いものが出てきてしまった。 ChatGPTの「Code Interpreter」が話題になったが、あれはあくまでクラウド上で動いているだけ。それを模してローカルで動作するようになった「Open Interpreter」は、衝撃的な成果である。 Open Interpreterのインストールは簡単。コマンド一発だ $ pip install open-interpreter起動も簡単 $ interpreter -yこれだけでOK。 あとはなんでもやってくれる。 たとえばどんなことができるのかというと、「AppleとMetaの株価の推移をグラフ化してくれ」と言うとネットから自動的に情報をとってきてPythonコード書いてグラフをプロットしてくれる。 凄いのは、ローカルで動くのでたとえばApplescriptを使ってmacOSで動いているアプリを直接起動したり操作したりできる。「Keynot

仕事をする前から「失敗したらどうしよう」「うまく結果を出せるだろうか」のような、“考えても仕方のないこと”で頭がいっぱいになってしまう。そんな「感情に振り回された」経験は誰しもあるはずです。 感情に振り回されないためには、常日頃からどんなことを心掛ければよいのでしょうか。 「無意識のうちに身に付いている思考の習慣を『やめる』ことが大事ですね」 そう説くのは、心理カウンセラーとしてさまざまなビジネスパーソンのメンタルの問題に向き合ってきた片田智也さん。実は、仕事で結果を出す人ほど、「やる」べきことよりもむしろ「やめる」べきことを理解し、感情をうまくマネジメントしているのだとか。 日々やるべきことに追われながら、結果を出さなければならないビジネスパーソンにとって、感情のマネジメントは必要不可欠です。そのためには、具体的に何をどのように「やめる」べきなのでしょうか？ 片田さんに伺いました。 片田

こんにちは、JUNERAYです。 皆さんは日本酒がお好きですか？私は大好きです。夏の午後、プールへ行った帰りにアイスを食べて、クーラーの効いた部屋でする昼寝くらい好きです。 長いことお酒や飲み物にまつわる仕事をしていて、ありがたいことにビギナーさんにお酒の基礎知識や美味しい飲み方などのレクチャーをさせていただく機会も増えました。 日本酒についても何度か解説記事を書いているのですが、実は毎回ぶつかる壁（でかい）（かたい）があります。 まじこれ。 馴染みのない専門用語がたくさん出てくるだけでなく、そのいちいちが「特別本醸造」とか、「山卸廃止酛」とか、墾田永年私財法か？？ってくらい漢字の繋がった用語だらけ。ぷよぷよだったら連鎖して消えてます。 ビギナーさんの中には、「日本酒のことが知りたいと思って入門書を買ったけど、ちょっと読んだだけで投げ出しました」なんて方も少なくなく、レクチャーする側として