こんにちは。エンジニアの河邉です。 クックパッドにはHorizonという新卒3年目までの若手エンジニア・デザイナーにグローバルな環境で働く機会を与えて成長の後押しをしてくれる海外出向研修プログラムがあります。 詳細は英国派遣プログラム「Horizon」 責任者に聞く制度への思い（前編）を御覧ください。 2021年4月にクックパッドに新卒入社した私は、この制度を利用して2021年末にイギリスに渡航し、2022年1月から6月までの半年間ロンドンから電車で2時間ほどのブリストルにあるグローバル本社でiOSエンジニアとして働きました。 今回はその体験談をお届けします。 グローバルクックパッドについて クックパッドは現在74の国や地域に32言語でレシピサービスを提供しています。 日本以外の地域で提供しているサービスはイギリスのブリストルにあるオフィスで開発されています。 Horizon参加の流れ 2

こんにちは。iOSエンジニアの河邉です。 今回は海外出向研修プログラムで出向した海外版Cookpadを開発するブリストルオフィスで取り組んだ、OpenAPI SpecificationsからiOSプロジェクトのネットワーク層を自動生成する話をしたいと思います。 海外出向研修プログラムについての体験談はこちらをご覧ください。 techlife.cookpad.com 本題に入る前にまず海外版Cookpadについて簡単に紹介します。 海外版Cookpadは、日本のクックパッドレシピサービスとはコードベースも開発チームも会社も分かれていて、イギリスのブリストルという都市にあるオフィスをベースとするチームによって開発されています。 現在は世界74の国や地域で、32言語をサポートし、各地域のコミュニティチームと連携しながら世界中の毎日の料理を楽しみにするためにレシピサービスを展開しています。 海外版

SEEDS COMPANYでのリモートワークSEEDS COMPANYでは、2020年からのコロナ禍を契機に、どの職種でも基本的にフルリモートでの働き方になりました。 そして、2年経った現在でもその働き方は続いています。 自宅での工夫オフィスでは当たり前にあった設備も、自宅には無いということもあるでしょう。働く環境の整備は、リモートワークの生産性を上げるためのポイントの一つです。 「みんなのリモートワーク環境紹介」では、SEEDS COMPANYのメンバーが、そこをどのように工夫しているのか見ていきましょう。今回は、エンジニアの方達のご自宅にお邪魔します。 自宅にお邪魔して…Kさんデスク：天板はIKEAのキッチン用の天板です 椅子：オカムラのサブリナ マウス：Logcool M720 USB or Bluetoothで最大3台まで手元で切り替えできる 100均で買ったケーブルクリップ キー

ホーム ニュース ドリキャス用”非公式”ビジュアルメモリ「VM2」が登場。microUSBポートを搭載するなど勝手に次世代化 Dreamware Enterprisesは9月8日、ドリームキャスト用メモリーカード「ビジュアルメモリ」の次世代版「VM2」のクラウドファンディングキャンペーンを開始した。「VM2」はビジュアルメモリの見た目はそのままに、より解像度の高いLCDスクリーンやmicroUSBポートを搭載したアップグレード版といえる製品になっている。目標額の9万ユーロ（約1千300万円）に対し、記事執筆時点で調達額はすでに4万ユーロに到達。目標の約45％の金額に到達しており、まずまずの滑り出しを見せている。 ビジュアルメモリは、ドリームキャスト用のメモリーカードとして1998年に発売された製品。「スクリーンとボタンを搭載し」「単体でゲームが遊べる」メモリーカードとして販売された点が特徴

はじめに イタンジ株式会社の土屋です。物件管理くんというサービスの開発を行っています。 さて、エンジニアブログとしてこの度筆を取らせていただくことになったのですが、投稿を改めて見返してみたところ、趣味カテゴリの記事がないことに気になりました。そこで今回は趣味カテゴリ記事の先駆けを書かせていただこうと思いました。 私の休日は、ゲームをしながらアニメを見て、その傍らバイクでキャンプへ繰り出したりしてます。 そんな数ある趣味のなかで、今回はゲームについて取り上げさせていただこうと思います。 ゲームと一言にしてもジャンルが多方面に渡っていますが、私が好きなジャンルは PCゲーム（シミュレーションゲーム） スマホゲーム（ソーシャルゲーム） アナログゲーム（ボードゲーム/カードゲーム） になります。そろそろ「ゲーム」というワードがゲシュタルト崩壊してきました。 そんなゲーム趣味の中で、最近ボードゲーム

こんにちは！モバイルエンジニアの森嶋です。 この記事では、サイボウズにおける「モバイルチーム」の立ち位置と、 直近取り組んだ大きな変化である「チームの分割」についてお話しさせていただきます。 サイボウズにおけるモバイルチームのミッションと立ち位置 サイボウズでは、モバイル開発に特化したチーム(=モバイルチーム)という組織体制を取ってiOS/Androidの開発を担当していました。 このチームでは、 「サイボウズ製品のユーザに、よりチームワークが高まるモバイル体験を提供する」 をミッションに掲げ、 サイボウズのモバイルアプリ開発PGの役割を一手に引き受けながら、技術的な知見共有や研鑽活動を行っていました。 具体的な活動内容に関してはモバイルチームの働き方と取り組みの紹介の記事を参照ください。 ※こちらの記事内容は本取り組み前のもので現在は少し変化しています [モバイルチーム]の課題 課題①

こんにちは。ホスティング事業部の@matsusukeです。 今年もサッカーのプレミアリーグが開幕しましたね。 日本代表の冨安選手が在籍しているアーセナルを高校生の頃から応援しています。 今年はワールドカップも開催されるので、より一層活躍してほしいですね。 今回は、OpenAPI Generator を用いて自動で生成したAPIサーバーのコードにミドルウェア層を導入した事例を紹介します。 ミドルウェア層を導入する理由 Webアプリケーション開発において、開発の初期段階からプロジェクトの規模が大きくなってコードの量が増えると、各APIの処理の共通化を行えそうなコードが発生します。 例えば、「認証ができなかった場合、その後のアプリケーションロジックの処理を行わず、エラーを返す」といった認証処理が例として挙げられます。 上記のようなケースだと、そもそも認証ができなかった場合にはアプリケーションロジ

MADグループ@大阪の岩田です。タイトル通りなのですがPostmanのCollectionsで管理作成されていたAPI仕様をOAS形式に変換してみたので手順やポイントをご紹介します。 環境 今回利用した環境です Postman: 9.30.4 postman-to-openapi: 2.3.0 移行手順 以下の手順でPostmanのCollection形式からOAS形式への変換を行い、API仕様の管理方式を移行していきました。 初期のCollectionsの状態 まず初期段階は以下のような状態でした。PostmanのCollectionsにドラフトのAPI仕様がいくつか作成されており、exampleも作られていました。これらをOAS形式に変換していきます。 Collectionsをエクスポート まずCollectionsに作成されたAPI仕様をエクスポートします。エクスポートしたいColl

リズムゲーム「Kizuna AI - Touch the Beat!」，PS5版とPS4版を2023年初頭発売へ。PS VR2/PS VR対応で，“nonVRモード”も搭載 編集部：Gueed ジェムドロップは本日（2022年9月9日），Meta Questで展開しているリズムゲーム「Kizuna AI - Touch the Beat!」（キズナアイ タッチ・ザ・ビート）に新要素を追加したPlayStation 5版とPlayStation 4版を，2023年初頭に発売すると発表した。PlayStation VR2とPlayStation VRに対応するほか，VR機器を使用せずにプレイできる「nonVRモード」も搭載される。通常版と限定版が用意され，いずれもパッケージ製品はPS4版のみ用意するという。 なお本作は，東京ゲームショウ2022（千葉・幕張メッセで9月15〜18日に開催）のハピ

こんにちは。 Software Engineerのsota1235です。 この夏、パフォーマンスチューニングに思いを馳せるエンジニア達を熱狂させる素晴らしいイベントISUCON12が開催されました。 10Xは、このISUCON12をスポンサーとして協賛しました。 今回は10XがなぜISUCONをスポンサーしたのか、という真面目な話から弊社より参加したチームがいかに砕け散ったのかまで総括してお伝えできればと思います。 なぜISUCONをスポンサーしたのか 理由は2つあります。 1. 10Xの提供するStailerのスケールが10xしつつあるから Stailerは契約企業（パートナー）にECサイト・アプリケーションを垂直立ち上げするのに必要なすべてのシステムを提供するサービスです。 このサービスが0 → 1のサービス立ち上げ期から1 → 100のサービス成長期へと差し掛かり、エンジニアリングチ

自己紹介 課題とその背景 技術スタック/開発形式 全体のスケジュール 一日のスケジュール 朝会の内容 夕会の内容 やったこと 1. 050番号の発行と更新をするワーカーの処理移行 2. 社員向け管理画面の処理移行 3. お店会員さん関連のモノリスサービスの処理移行 結果 学び 感想 自己紹介 2022年Rettyサマーインターン(バックエンド)に参加した、からあげおふとんチームです。 メンバーを紹介します。 豊田高専情報工学科4年 坂口 文陽 @fuu38 東京都市大学メディア情報学部3年 髙野 氷河 @ninebolt6 大阪大学大学院修士1年 田川 翔暉 @shoki-tagawa 東京大学工学部3年 屋比久 怜央 @ReoYabiku メンター社員 鈴木 文也 @Sntree2mi8 今回は、インターンの様子や開発したサービスについて紹介します。 課題とその背景 Rettyと契約いた

◆ Live配信スケジュール ◆ サイオステクノロジーでは、Microsoft MVPの武井による「わかりみの深いシリーズ」など、定期的なLive配信を行っています。 ⇒ 詳細スケジュールはこちらから ⇒ 見逃してしまった方はYoutubeチャンネルをご覧ください 【4/18開催】VSCode Dev Containersで楽々開発環境構築祭り〜Python/Reactなどなど〜 Visual Studio Codeの拡張機能であるDev Containersを使ってReactとかPythonとかSpring Bootとかの開発環境をラクチンで構築する方法を紹介するイベントです。 https://tech-lab.connpass.com/event/311864/ NHK番組表APIを使うための準備NHK番組表APIからデータを取得するためには、ユーザ登録する必要があります。 1.まず、

このたび、当社 代表取締役社長 草野隆史は、これまでビジネスネームとして使用してきた「草野」姓を、すべて戸籍上の「高橋」姓に統一していくこととなりました。 ブレインパッド創業から18年強の歩みを通じて各所に広まっている「草野」の名前が変わることを、オフィシャルブログとしてもお知らせしたいと思い、本記事を掲載いたします。 ※ 以下は、高橋本人が本決断の背景について2022年9月5日にFacebookへ投稿した内容を、一部編集のうえ、掲載しています。 「草野」を辞めました。 たいそうなタイトルをつけてますが、実際には、今後の人生、戸籍上では2010年末に切り替わっている母方の旧姓である「高橋」に自分の名前を統一していこうということです。 12年前に姓を変えた当時は、個人的にも38年間使ってきた「草野」という姓に愛着があったこともあり、ビジネスでは草野姓、プライベートでは高橋姓という使い分けをす

Introduction In a previous post, I wrote about continuous integration and continuous deployment pipeline using CircleCi. Setting up IAM Credentials Since the project will be connected to the AWS S3, we need to give access by creating IAM credentials. Proceed to your IAM dashboard and create a user IAM credentials. Note: You must give programmatic access and keep the access key and secret key safe.

Penmarkの河村です。 PenmarkではFirebaseを活用してスマホアプリを開発しています。Firebaseはモバイル開発に必要な機能の殆どを提供してくれます。ただ一つ足りないのがデータベースの検索機能です。No SQLであるFirestoreはリレーショナル・データベース(以降RDBと記載)のLIKE検索のような検索機能は有りません。 Penmarkの最も重要な機能であるシラバス検索を行うためにAlgoliaを使っていましたが、2022年度のシラバスデータ投入のタイミングでElasticsearchに移行しました。このため、全く同じサービス・機能を両方の検索エンジンを用いて実装したわけですが、両方で構築することで、2つのサービスはかなり異なるということがわかりました。 今回はAlgoliaとElasticsearchの２つの検索サービスについて、何がどう違うのかを整理することで

デスク配線がスッキリ。Ankerの全部入り12 in 1モニタースタンドが突然8,250円OFFされてた #Amazonセール

Palo Alto Networksより、D-Link製ルーターを狙ったMiraiの亜種「MooBot」が発見されたと伝えられました。 脆弱なD-Linkのルーターを標的としており、感染するとC＆Cサーバーと通信を行いボット化、さらにはネットワークにある他のデバイス(PCやサーバーなど)にも攻撃をするとのことです。 同社はパッチやファームアップを呼び掛けています。 ■最恐マルウェア「Mirai」Miraiってご存知ですか？ 2016年9月に発見された、IoT機器をターゲットにするマルウェアです。感染してしまうとC＆Cサーバーと通信をして、攻撃指示を待っています。 要するに、ボットのネットワークに参加するということです。 それまではPCがマルウェア被害にあうことが多かったにも関わらず、ルーターやWEBカメラなどのIoT機器が標的となったことも、かなりのインパクトでした。 世界では約50万台の

前提 執筆者の知識 ・クラウド系の資格はAzureの資格（AZ-900,104,500,303,304,700,SC-200,300）、AWSはSAAのみ ・前職ではセキュリティ部署に所属、Azure Sentinel関連に従事 ・クラウドの実務経験は少ない ・Google Cloud（以下本文ではGCP）は全くの初心者 各階層組織 まずは組織の階層について理解することから始めましょう。 組織構造の公式ドキュメント ドキュメントへのリンク ※GCPでの組織の役割について詳細に書かれているので、この記事でざっくりとイメージを持ってから参考にしてみてください。 ドメイン Google WorkspaceやCloud Identityに紐付け、ユーザーを管理する大枠的な存在。 GCP内でのフォルダまたはプロジェクトのまとまり。組織とドメインは1:1。 フォルダ プロジェクトのまとまり。（会社の部

こんにちは。株式会社ペライチ のインフラエンジニア曽根です。 エンジニアたるもの常に情報収集は欠かせませんね。 最新の情報や知識は Web ニュースや Web のブログ記事などで入手できますが、腰を落ち着けて情報を吟味したり知識を学ぶためには、情報をまとめたうえに順番立て教えてくれる書籍の活用がお勧めです。 今回は、いわゆる一般的な書籍（商業誌と言います）ではなく、技術同人誌を紹介します。 技術同人誌をお勧めする理由は、ずばりエンジニアのとがった意見が聞けるからです。 商業誌と同人誌の違いはなんでしょう？ 商業誌には書籍コード（ISBM）がついている？同人誌には ISBN を持ったものもあります。 書籍コードがついていますから、同人誌でありながら一般的な書店に注文できます。 私は、商業誌と同人誌の最大の違いはプロの編集者が内容に関与するレベルの違いであると思っています。 同人誌はほとんどの

こんにちは、フロントエンドチームの @high_g_engineer です。 今週のフロントエンド定例の内容を記載します。 フロントエンド定例について、以前の記事（ランサーズのフロントエンドチームが取り組んでいること）でお伝えしたのですが、毎週金曜日に開催しており、実際の業務で取り組んでいることや気になった技術情報等をシェアしあう会になっています。 以下、今週の内容です。 モチベーション WebAssembly(Wasm)とは何かを知る 具体的な実装イメージはどんな感じか（WasmコンパイルをRustで行う場合） JSとの速度比較をする WebAssembly(Wasm)とは Webブラウザ上で、JSよりももっと高速に実行できる技術 厳密には、Webじゃなくても動くし、アセンブリでもない Wasmという言語があるわけではなく、C, C++, Rust, Goなどの言語からWasmファイルを

技術評論社の発行するOSとネットワーク、IT環境を支えるエンジニアの総合誌「Software Design」にスマートスタイル技術部が寄稿しました。 「第1特集 MySQL アプリ開発者の必修5科目」の記事を執筆、読み応えのある特集となっておりますのぜひお手にとってご覧下さい。 Software Design 紹介 MySQLをはじめとするデータベースはアプリケーション開発には欠かせません。 本特集では、MySQLを題材として開発者が押さえておくべきデータベースの基礎知識を「必修 5科目」として解説します。 すでにMySQLを利用している方も、初心者の方も、本特集の 5つの基本をしっかり押さえ、確かな知識を身につけましょう。（抜粋） 第1特集 MySQL アプリ開発者の必修5科目 不意なトラブルに困らないためのRDB基礎知識第2特集 「知りたい」「使いたい」「発信したい」をかなえる OSS

こんにちは、CTO室 DevRelグループのちはっぴーです！ 現在わたしたちDevRelグループでは、社内エンジニア同士の繋がり強化という目的の下、各開発チームの「今」を他の社内メンバーにも知ってもらうためのインタビュー企画を社内情報共有ツールのDocBase 上で行っています。 mediumでは、そのインタビューのダイジェスト版をご紹介しており、今回第九弾としてお話をお伺いしたのは、『共闘ことばRPG コトダマン』を開発する、コトダマンエンジニアグループの3名です。 今回のインタビューでは、開発体制から6月にリリースした新機能『大討伐戦』の開発秘話、今後の展望（そして大きな野望も‥？）まで、詳しくお聞きしてきました💮 登場メンバー田中 恭友（たなか きょうすけ） 2018年新卒入社。モンストスピンオフ系のゲーム開発を経て、2020年にコトダマン事業部へ異動。スクラムチームで新規開発に関

技術広報のyayawowoです。 いつもラクスのエンジニアブログをお読みいただき、ありがとうございます！ 今年度3回目となるラクスMeetupは、 『開発速度向上のためのリファクタリング術 〜負債をきっちり返済しよう〜』でした！ テーマは『技術的負債・生産性向上』です。 ローンチ5年〜20年を迎える3プロダクトを支える、弊社のバックエンドエンジニアの3名が登壇しました！ なお、本イベントは以下のような方にオススメとなっております。 ◆ こんな方にオススメ！ ・ラクスのプロダクト、組織に興味がある方 ・長期プロダクトのリファクタリングを検討している方 ・UI刷新、オフショア開発に興味がある方 ・SaaS開発に携わるエンジニアの話が聞いてみたい方 発表の紹介 サポートチャットサービスをローンチしてから5年間で発生した負債と対策 レガシーなシステムのリファクタリングに取り組んで学んだこと 20年

こんにちは、フロントエンドチームの @syo_igarashi です。 今週のフロントエンド定例の内容を記載します。 フロントエンド定例について、以前の記事（ランサーズのフロントエンドチームが取り組んでいること）でお伝えしたのですが、毎週金曜日に開催しており、実際の業務で取り組んでいることや気になった技術情報等をシェアしあう会になっています。 以下、今週の内容です。 現在モーダルの実装を進めていてたまたまスマホアプリ内でも確認することがあったので画面幅について気づいたことを記載します。 Chromeの開発ツールでもスマホサイト用に表示の切り替えが可能です。 しかし実際のアプリ上の表示ではiOSでいう時間やバッテリーの表示をしているステータスバー、スマホアプリで使用しているタブなどのナビゲーションバーの高さなどの考慮、アプリ上ではサイト上のヘッダーの表示を行わないなどChromeの開発ツール

デジタル庁は2022年10月11日から給付金などの給付事務を行う行政機関に対し、公金受取口座登録された口座情報を提供開始する。河野太郎デジタル相が2022年9月9日の記者会見で明らかにした。 公金受取口座登録制度とは、銀行などの預貯金口座情報をあらかじめ自身のマイナポータルに任意で登録しておく制度で、国民は給付金申請の際、申請書への口座情報の記載や通帳の写しの添付が要らなくなる。行政機関は口座情報の確認作業が不要になり、給付事務を簡素化できる。 デジタル庁は2022年10月11日、マイナポータルに登録された口座情報を管理する公金受取口座登録・連携システムから公金給付事務を行う地方自治体などの行政機関へ口座情報を提供する機能をリリースする。利用できる給付事務は現在確認中とする。同制度で利用できる給付事務は約200あるが、「現在制度所管省庁に最終確認中だが、百数十が10月から利用できるようにな

7月からBRIDGEではスタートアップPRをテーマにしたミートアップ「スタートアップPR Day」を開催しています。本稿では7月8日の準備回に続き、8月5日に実施した初回レポートをお送りします。 前回レポートではスタートアップPRで最も多いケースである資金調達のプロジェクトを、Gaudiyさんの事例でご紹介しました。大型の資金調達が決定してからの代表、RPチーム、サポートするVC、そして会社のメンバーとどのように役割分担したのか。ゴールの設計や目指したい姿、Web3というモメンタムをどう結果に結びつけていったのかという導線設計など、スタートアップのPR・広報に関わる人であれば大いに参考になるケースだったと思います。 8月5日に実施したセッションでは、成長期の経営陣＆広報PRが知っておくべき「スタートアップPRのエッセンス」と題してもう少し汎用的なテーマでお送りしました。登壇してくれたのはス

デザイナーからPdM（プロダクトマネージャー）へのキャリアチェンジ、その過程とPdMになってから身につけたものとは？PM・PdMにその仕事術やポリシーを聞くメンバーインタビュー連載の第2回です。 B2B向け技術支援を営むクラスメソッドにとって、お客様と社内メンバーを橋渡ししながら成功を目指すプロジェクトマネージャー（以下PM）およびプロダクトマネージャー（以下PdM）の存在は不可欠。現在、当社では今後の事業拡大を視野に各事業部ごとにPdM採用を積極募集中です。では入社後は社内メンバー紹介記事の第2弾をお届けします。 今回はCX事業本部のPdM・ふみ子にインタビュー。Webデザイナーからプログラマーへ、そしてそれぞれの経験を積み、現在はUIデザイナーも兼務しながらPdMとしてお客様からいただく要望をプロダクトに反映させるべく活躍しています。以下インタビューで仕事の醍醐味やスキルの応用の仕方を

LINEバイトのフロントエンドチームで最近実施されたReact 18へのアップグレードについて、＠spring_raining が @kazushikonosu に聞いてみました。 LINEバイトとReact ep. 127でちょっとだけ出てきた話 LINEバイトについて 技術スタックなど React 18へのアップグレード時に行った実際の作業 React 18にアップグレードさせるための下準備 React 18での変更点 React 18 Alpha登場時のエピソード: https://uit-inside.linecorp.com/episode/89 https://reactjs.org/blog/2022/03/29/react-v18.html https://reactjs.org/blog/2022/03/08/react-18-upgrade-guide.html Sus

こんにちは。開発本部の松尾です。 今回は、趣味でWebAssemblyをターゲットにしたコンパイラを作った知見を元に、WebAssemblyについての解説記事を書きました。 WASMとは？ WASMの用途やメリット 今回やること テキスト形式について Real World WASM WASMとは？ WebAssemblyの略で、Webプラットフォーム上で実行出来るように設計された、命令セット及び言語のことです。 Webにおいて広く使われている JavaScriptが、文字列からパースされて動的に実行されているのに対して、 WASMは、機械語に近い状態にコンパイルされたコードをバイナリ形式で配信することが出来る為、多くのケースにおいて、JavaSciptよりも高速に動くように設計されています。 WASMの用途やメリット WASMの機能はJavaScriptに比べてかなり限定されており、基本的

ライクル事業本部の石崎です。 先日、使用している外部のAPIに破壊的な変更が加えられました。 古いシステムは依存関係を意識できておらず、APIの変更の影響をコードの各所に受けてしまいました。 アップデートを安全に行うためにスナップショットテストを使って進めたので、その話をしていきたいと思います。 広範囲に影響を受ける 具体的に今回の依存関係が意識できていない状況とは、APIのモデルがデータアクセス層に閉じておらず、ユースケース部分にまで漏れている状態です。 またDBのデータアクセス関数の引数にまでAPIモデルが使われており、そこら中がAPIに依存してしまっています。 そのためAPIモデルを変更をしても挙動が変わらないことを担保するには、APIのデータアクセス部分のテストだけでは完結せず、ユースケースやDBのデータアクセスも巻き込んだテストを行う必要がありました。 気持ちとしてはアーキテクチ

ご挨拶 はじめまして。 GameWith のエンジニアの esuEichi です。 ツール開発チームというチームで普段は開発やディレクションをしたりしています。 2021年3月に入社しました。入社時にやりたい仕事やキャリア観を聞かれた際、 「何でもやりますがインフラだけは本当に勘弁してください」といって入社した経緯があります。 そんな自分が Terraform にチャレンジした話を書いていこうと思います。 経緯 PMとして参加したとあるプロジェクトでそこそこ大きなインフラを構築する必要がありました。 しかしインフラ構築に明るいメンバがおらず、苦手とはいえ前職でインフラ周りを手習い程度ではありますがかじっていたため 自分が担当することを決意しました。 その際以下理由から Terraform を導入しようと考えました 開発環境や本番環境など複数環境構築することが確定していたので環境構築の手間を

最近のバズワードにもなっている「メタバース」。Facebookが2021年に商号をMetaに変更し、一気に話題となりました。いろいろ調べてみるも「あれもこれもメタバース？」と、認識が広まるばかりで、実態がよくわからないのではないでしょうか？ そこで、『メタバース進化論――仮想現実の荒野に芽吹く「解放」と「創造」の新世界』を著したバーチャル美少女ねむさん（通称：ねむさん）に、メタバースの世界を案内してもらいながら、何回かに分けてお話しいただくことにしました。今回は、メタバースの定義やプラットフォームの話題です。 バーチャル美少女ねむ さん メタバース原住民にしてメタバース文化エバンジェリスト。「バーチャルでなりたい自分になる」をテーマに2017年から美少女アイドルとして活動している自称・世界最古の個人系VTuber。VTuberを始める方法をいち早く公開し、その後のブームに貢献した。歌手、作

リクルートスタッフィングの派遣エンジニア向けメディア「エンジニアスタイル」でなんと私の連載が始まりました！ メタバースに馴染みのない方に対して、新しいIT知識としてメタバースのリアルを解説していきます。文章だけでなく、動画を使ってイメージのわきやすいコンテンツになっています。何も知らないライターの栃尾さんを、ぐいぐいメタバースの最深部に引きずり込んでいきます。 ※2023/3/10 全4回すべての記事が公開されたので追記しました リクルートスタッフィング「IT STAFFING エンジニアスタイル」とはリクルートスタッフィング「エンジニアスタイル」で連載「バーチャル美少女ねむさんと行くメタバース」開始！派遣で働くエンジニアのスキルアップを応援します。エンジニアスタイル独自のイベントやコラムを掲載。リクルートスタッフィングが運営しています。 itstaffing エンジニアスタイル【第1回】

関連記事 レッドハット日本法人で働くみんなのデスク環境　外資系クラウド企業を支える机を写真でチェック IT企業で働く人のデスク環境を写真や本人のコメント付きで紹介。ITエンジニア、デザイナーなどがどんな環境で働いているかチェックする。今回はレッドハットで働く人のデスク周り。 SaaS企業になったLayerXで働くみんなのデスク周り　経営陣からITエンジニアまで写真でチェック SaaS企業で働く人のデスク環境を写真や本人のコメント付きで紹介。今回は「バクラク経費精算」などの経費精算SaaSを提供するLayerXで働く人のデスク周りを紹介する。 SaaS企業で働くみんなのデスク環境　経営陣からエンジニアまで写真でチェック　マネフォ編 SaaS企業で働く人のデスク環境を写真や本人のコメント付きで紹介。経営陣からエンジニア、管理部門まで、さまざまな社員がどんな環境で働いているかをチェックする。今回

株式会社JMDCでモバイルアプリエンジニアをやっている @mrtry です。入社した当初、モバイルアプリチームのエンジニアは私一人だったのですが、現在では4人になりました。最近はPull Requestのレビュー数も爆増しており、とても疲弊しがちです(嬉しい悲鳴)。たいへんポイントを減らすために、最近Pull Requestまわりの運用を整えたので、今日はその話をしたいと思います。 Pull Requestのレビューがたいへん 現在、モバイルアプリチームでは、3つのプロダクトの開発をしています。各プロダクトに1名ずつassignされており、リードエンジニアとして私が一通りレビューをしている状況です。そんなこともあり「Pull Requestのレビューがたいへん」というのが最近の悩みでした。 Pull Requestのレビューをするとき、私は以下のような観点でレビューしています。 機能仕様レ

こんにちは、ミラティブの野呂です。 2022年8月23日(火)〜25日(木)に行われた CEDEC2022 にて、スポンサーとして登壇 & 協賛をさせていただきましたのでご報告させていただきます。 本稿では、セッションの紹介と、資料を公開します。 ※CEDEC2022については、公式サイトをご覧ください https://cedec.cesa.or.jp/2022 ミラティブ登壇者によるセッション 登壇者 プロダクト開発技術部 Unityグループ マネージャー 菅谷 琢磨（@tetsujp84） エモモデザイン部 3Dグループ マネージャー 下原 雄大（@Youday313） 発表内容 ミラティブでのモバイル×ライブゲーミングへの取り組みと挑戦 ミラティブで取り組んでいるモバイルでのライブゲーミングの事例とライブゲーミングにおけるUnityの技術について紹介しました。 ライブゲームにはMir

I will demonstrate a new approach to the method-based Just-In-Time compilation for Ruby. This is used Julia language as an infrastructure of the JIT compilation. I will describe the characteristics of this approach and show you some example results.

今年もPHPカンファレンスにてトークさせていただくことになりまして、以下のようなお話をいたします。 日時：9月25日(日) 14:40〜15:40 場所：大田区産業プラザPiO  および YouTube 費用：無料 講演タイトル：SPAセキュリティ超入門 申し込み: connpass アジェンダ: SPA(Single Page Application)の普及が一層進んでおり、従来型のMPAを知らないウェブ開発者も生まれつつあるようです。SPA対応のフレームワークでは基本的な脆弱性については対策機能が用意されていますが、それにも関わらず、脆弱性診断等で基本的な脆弱性が指摘されるケースはむしろ増えつつあります。 本セッションでは、LaravelとReactで開発したアプリケーションをモデルとして、SQLインジェクション、クロスサイトスクリプティング、認可制御不備等の脆弱性の実例を紹介しながら

An extremely fast CSS parser, transformer, bundler, and minifier. Playground • Docs • Rust docs • npm • GitHub Light speed Lightning CSS is over 100x faster than comparable JavaScript-based tools. It can minify over 2.7 million lines of code per second on a single thread. Lightning CSS is written in Rust, a native systems programming language. It was built with performance in mind from the start,

Amazon Web Services ブログ ZOZOTOWN のショッピングカート移行プロジェクトを支えた Amazon DynamoDB このブログでは、リレーショナルデータベース管理システム (RDBMS) のパフォーマンスの問題があった e コマースサイトのケーススタディと、Amazon DynamoDB がソリューションにどのように貢献したかを解説します。ZOZOTOWNには大規模な販売イベントがあり、サービスに何か問題が起きた時に対応するため、エンジニアがリアルタイムで監視を行なっていました。DynamoDB によって ZOZO はエンジニアリングのオーバーヘッドを 85.8% 削減できました。また、DynamoDB のベストプラクティスもいくつか紹介します。 この投稿は、日本有数のファッションオンライン取引サイトの1つであるZOZOTOWNのDynamoDB利用に焦点を当て

Goの社内勉強会はじめました はじめに Kyashの @uncle__ko です。 普段はTechチームの生産力向上のためにfourkeys基盤の構築や、リアーキテクチャ含めた技術的負債の解消などを行っております。 僕のやっている仕事については記事を書いてるので、興味があれば見ていただけると幸いです。 blog.kyash.co 今回は社内でGo言語の勉強会をはじめてみたので、そのことについて書こうと思います。 KyashとGo KyashのServerSideは基本的にGoで書かれています。 一部Pythonを使っていたりScalaを使っていたりしますが、9割以上はGoで書かれています。 ですのでKyashのServerSideエンジニアとして働く以上は絶対にGoと関わることになりますし、勉強は避けては通れない道です。 KyashがGoを採用している理由はいくつかありますが、主に以下のよ

モザイクを貫通する男 フランス パリのストリートビューにて https://t.co/gdpBBgJidp

スマートキャンプ、エンジニアリングマネージャーの入山です。 私は現在、弊社BOXIL SaaSの開発部長を務めており、タスクの管理や開発メンバーのマネジメントを中心に行っています。また、BOXIL EVENT CLOUD開発メンバーのマネジメントも兼務しており、弊社エンジニア組織の中でも直接業務で関わるメンバーの数が多い立ち位置となっています。 そんな私は、2つのプロダクトの開発メンバーだけでなく、上長やPM、他チーム開発メンバーなど、頻度はさまざまですが10名以上の方々と日々1on1をさせていただいています。 1on1は入社当時から今に至るまで役職や立場が変化しつつ色々なメンバーと実施していますが、最近では自分との1on1に対する満足度が高いという声をいただく機会が増えたように感じています。 今回は、私が1on1を実施する際に意識している内容について、紹介したいと思います！ スマートキャ

本当にあったIT怖い話　AWSの設定ミスで300万円のコスト超過、1日1回だったはずの処理が1分で160万回に　当事者に聞く反省点（1/3 ページ） バックアップデータがあると思って安心していたのに、いざ障害時に取得できていなかったことが発覚したり、ネットワークアクセスの制限を強化しようと設定をいじったら、自分すらアクセスできない状態にして手詰まりになったり……もっとヒヤッとする事態も含め、IT業界には「本当にあった怖い話」がいろいろある。 クラウドサービスの利用料金がいつの間にかに膨大になる「クラウド破産」もその一つだ。検索してみると、便利だからとあれもこれもとクラウドサービスを利用していたら料金が想像以上に大きく膨らんでしまい、課金額を見て目を回した経験談がいくつかのブログにつづられている。 システムインテグレーションやセキュリティサービスを提供するラックも、そんな経験をしてしまった企

GMOインターネットグループ株式会社では、未来を担う人財の育成支援として、中学生・高校生の職場体験・企業訪問の受け入れを行っています。 2022年8月2日には奈良県から西大和学園高等学校1年生の生徒39名の皆さんが、渋谷フクラスにあるGMOインターネットグループの第2本社にて職場体験を実施いたしました。 当日はGMOインターネットグループ株式会社のエンジニア5名が「エンジニアとしてのやりがい」や「プログラミングを始めた理由」など、インターネット業界で働く一人のエンジニアとしてのバックボーンを、座談会で語りました。 そんなエンジニアによる高校生への職場体験の取り組みをお伝えします。 職場体験を行う理由 未来を担う中学生・高校生に、「働く」ことを理解して「将来」について視野を広げてもらう場を提供したい。そうした想いから、GMOインターネットグループ株式会社では、日本全国の中学・高校からの職場体

フルティフルは9月6日、同社が6月にリリースした園児置き去り防止アプリ「QRだれドコ」に、バス乗降時に活用する「バスモード」、園児が自発的に保護者にメッセージを発信できる「すまいるモード」を追加したと発表した。 2021年7月に福岡県で起きた保育園の送迎バス内園児置き去り事故から1年、再び起きた静岡県での送迎バス内園児置き去り事故の発生を受け、フルティフルはQRだれドコの利用を呼びかける。同アプリは保育園、幼稚園であればシステム利用料は原則無料で、インターネットに接続したタブレットやスマホがあれば、QRコードを印刷した紙を園児の名札の裏に入れるだけで利用できるという。 QRだれドコは、園児の名札の裏などに入れたQRコードをインターネットに接続した保育者のスマートフォンや保育園、幼稚園設置のタブレットで読み取ることで、園児の入園、園での活動を管理者と保護者で共有できる。 月額利用料金（税別）

「アース：リバイバル」のスペシャルバトルスーツデザイナーにマクロスの河森正治氏が就任。TGS 2022へのプレイアブル出展も明らかに 編集部：Chihiro Nuverseは本日（2022年9月9日），新作タイトル「アース：リバイバル」（PC / iOS / Android）のスペシャルバトルスーツデザイナーに，アニメーション監督やメカニックデザイナーとして知られる河森正治氏が就任することを発表した。 河森氏は，アニメ「マクロス」シリーズや「アクエリオン」シリーズ，ゲーム「アーマード・コア」シリーズなど，さまざまな分野で活躍する“ビジョンクリエイター”だ。本作では，作品内に登場する戦闘機甲，義肢など機械のデザインを手がけているとのこと。 また，東京ゲームショウ2022におけるNuverseブースの出展情報も公開された。同ブースでは，河森氏が担当したパワードスーツのスケッチや着色画が展示され

コンテンツブロックが有効であることを検知しました。 このサイトを利用するには、コンテンツブロック機能（広告ブロック機能を持つ拡張機能等）を無効にしてページを再読み込みしてください。 ✕

マイナンバーカードの機能のひとつである「公的個人認証サービス（JPKI）」が2022年度内にもAndroidスマートフォンに搭載される。JPKIを使うことによりインターネットを通じてオンラインで本人確認ができる。民間事業者のJPKI利用が進むと期待されるが、一方でそのハードルはまだ高そうだ。 手数料無料化でJPKI利用促す 「（JPKI活用で）企業活動も便利になってくる」――。河野太郎デジタル相は2022年8月25日、日本経済団体連合会（経団連）にマイナンバーカードの普及と利活用について協力の要請に訪れ、オンラインショッピングや金融機関での口座開設、住所変更時の新住所取得などの用途を挙げてJPKIでの本人確認の利便性をアピールした。 マイナンバーカードのJPKIを活用することで、行政機関だけでなく民間企業もオンラインでの本人確認をスムーズに利用できる。オンラインサービスなどで、ユーザーが間

1 Introduction この記事は、3GPP Release-17で策定されたNTN(Non-Terrestrial Network)の仕様について解説するものです。恐らく日本語で読める唯一の3GPP NTN仕様解説の記事かと思います。 3GPPでは5Gの初期リリースであるRelease-15から地上系ネットワークと衛星ネットワークの統合の重要性が認識されており、Release-17でNTNの初期フェーズの仕様が確定した。現在も、Release-18でフェーズ2、Release-18でフェーズ3の検討が継続して行われている。 標準化活動は、RAN(Radio Access Network - 無線アクセスネットワーク)、SA（Service & System Aspect - サービスとシステムアーキテクチャ）、CT（Core Network & Terminal - コアネットワー

React には、データ取得・状態管理・キャッシュなどを少ない記述で実装できる SWR というライブラリがあります。 この記事を読んで、Nuxt 3 で同じことをする場合、どのようなライブラリを使うのが良いのか調べてみました。 TL;DR ライブラリは不要で、Nuxt 3 の標準機能で実装可能です。 useFetch() または useAsyncData() のオプションで initialCache: false を指定するだけでした。 （11/16追記）正式リリース前の最終RCである v3.0.0-rc.14 で、initialCache オプションが削除されました。つまり、デフォルトで自動的に今回の記事で紹介する挙動になりました。 以下は、そもそもSWRとは何か、そしてuseFetch / useAsyncData とは何か、という説明なので、上記の説明で理解できた方は読まなくて大丈夫

こんにちは、Offers を運営している株式会社 overflow の Software Engineer（主戦場はフロントエンド）の Kazuya です。今回は新規プロダクトの開発でご参画頂いている、nonsugarless さんにご寄稿いただいたテックブログです。 はじめに こんにちは、フレキシブルメンバーとして Offers の運営会社 overflow をお手伝いしている nonsugarless です。 Nuxt3 の RC 版がリリースされ 4 ヶ月経過しました。 overflow では、新プロダクトのフロントエンドにいち早く Nuxt3 を導入し、元々 Nuxt2 の頃から行っていたスキーマ駆動開発を Nuxt3 でどう行うか知見が溜まってきたので、個人的ベストプラクティスとしてご紹介します。 スキーマ駆動開発については以下の記事もご紹介しているのでご覧ください。 なぜこれが

はじめに これは筆者が TLS 1.3 を学習した時のメモを記事にしたものです。 内容の正確性は担保できませんので、あらかじめご了承ください。 参考にした書籍 プロフェッショナルSSL/TLS (ISBN: 978-4-908686-00-9) ラムダノートでを購入するとダウンロードできる特別版PDFも参照しています 徹底解剖 TLS 1.3 (ISBN: 978-4-7981-7141-8) 参考にしたウェブサイト うるふブログ | wolfSSL Wikipedia IT用語辞典 e-Words TLS とは？ TLS は Transport Layer Security の略で、インターネット上で安全に通信を行うためのプロトコルです。 インターネット上で安全に通信を行う必要性 前提として、インターネットはセキュリティが考慮されていません。 もともとインターネットは、大学間で少数のノー

テクノロジーマネジメントUの鈴木(@szk3)です。 普段は クラウドアーキテクトとして、組織を横断してクラウド(主にAWSとGoogle Cloud)の利用を改善するための取り組みをしています。 この記事では、弊社における Cloud Center of Excellence(CCoE) の活動について紹介します。 Cloud Center of Excellence（CCoE) とは まず、CCoEとは一言でいうと「クラウドの利用を推進させる全社横断型の組織」です。 会社の規模により組織化の形態や役割は変わると思いますが、大枠としては「クラウド利用の組織的な最適化」を目指す組織だと思います。 具体的にやることは、組織的なクラウド利用の相談・ルール化・啓蒙・教育、ガードレール構築、リソース集約化などを行うことが多いと思います。 CCoEに関しては、AWS, Microsoft, Goog

DMM.com，UE5採用のメタバースプロジェクト「Mid Mega City」を始動。開発スタジオヘッド兼プロデューサーには本橋大佐氏が就任 編集部：杉浦 諒 DMM.comは本日（2022年9月9日），メタバースプロジェクト「Mid Mega City」（ミッド・メガ・シティ）の開発を始動したと発表した。 「Mid Mega City」は，DMMグループが企画・開発・運営する完全新規のメタバースだ。詳細な仕様などは明かされていないが，発表に合わせて公開されたCMでは“もう一つの地球と遊び場の創造”というキャッチコピーを確認できる。開発スタジオヘッド兼プロデューサーには本橋大佐氏が就任し，開発にはUnreal Engine 5が採用されるとのことだ。 また，メタバース内ではDMMの関連事業だけでなく，外部コンテンツホルダーやテクノロジーカンパニーとの連携も構想に含まれており，開発者や企業

コジマプロダクションの代表を務める小島秀夫氏は9月8日（木）、自身の公式Twitterアカウントで「クリプトビオシス」のぬいぐるみの姿を公開した。こちらの商品は東京ゲームショウ2022（以下、TGS2022）で発売となることも予告されている。 TGSで発売です。 https://t.co/NDP3Y5trGc pic.twitter.com/ilvhlFKQGC — 小島秀夫 (@Kojima_Hideo) September 8, 2022 こちらはコジマプロダクションのデビュー作でもある『デス・ストランディング』に登場する生物の一種。もともとはクマムシなどの動物が厳しい環境に対して活動を停止する無代謝状態のことを指し、ゲーム中では血液ゲージを回復する用途に用いる。 フィールド中で捕獲したり、プライベートルームで食べたりと、同作を遊んだプレイヤーならば一度はお世話になったことがある存在と

HTMLの標準仕様は2021年にHTML5が廃止され、HTML Living Standardになりました。そしてCSSの仕様はW3Cによって策定されており、CSS2.1をはじめ、CSS3やCSS4の策定も進み、モダンCSSが現在の主流となっています。 HTML Living StandardとモダンCSSに完全対応したWeb制作者必携、読みやすい分かりやすい使いやすいと三拍子揃ったリファレンス本を紹介します。 IEのサポートが終了した現在、手元にあるリファレンス本が古いぞ、と思った人には特にお勧めします！ 本書は2015年に刊行されて以来、ベストセラーを続けている「HTML＆CSS全事典」の最新版、改訂3版です。2022年8月現在の仕様にあわせて全面改定されており、HTMLとCSSのリファレンスだけでなく、新機能の解説、今時の記述方法、@ルールのさまざまな使い方、CSSの関数など、Web

調査を分析するとユーザー企業はDXの推進を加速させようとしていることが分かる。一方で製品やサービスに対して「高い」「難しい」「遅い」「低い」といった課題が浮き彫りに。ベンダーが課題の解決に動かなければDXの停滞を招きかねない。 在宅勤務のためのシステム対応は一巡。事業の競争力を高めるDX（デジタル変革）の推進に本腰を入れている──。今回の顧客満足度調査に寄せられた回答者の自由意見を踏まえると、ここ1年のユーザー企業の動きは端的にこう言える。 2020年春以降、グループウエア／ビジネスチャット、ビデオ・音声会議システム／サービスといったテレワークなどに関連する製品やサービスはユーザー企業に定着したようだ。その他サービス業のある回答者は、2社のビデオ・音声会議システム／サービスを利用しており、「通信の安定が重要だが、（サービスについて）いずれも安定稼働している」と評価する。 ユーザー企業ではD

最近、職場の働きやすさとは何だろうかと考えることが増えた。親会社への出向など、異なる職場で働く機会があったためだろう。 私がこの会社に入社したのは何十年も前のことだ。最初に配属されたのは、社内で一番きついとされていたバイオテクノロジーの専門メディア、いわゆる「ブラック職場」だった。新人研修の最終日に開かれた打ち上げの場で、会社の偉い人がやってきて「大変なところに配属されたね」と言われたのを思い出す。 まあ実際に大変な職場だった。半月に1回やってくるニューズレターの校了日や、年に1回発行していた別冊の編集時期には徹夜は当たり前。古きよき時代の編集職場という感じである。全然よくはないのだが。 そうした業務の大変さばかりではない。とにかくよく怒られた。ほぼ毎日、出社早々編集長から大声で雷を落とされる。そのたびに、編集部があったフロア全体の空気が凍り付く。同期入社の新入社員は何十人といたが、その中

※本記事はアフィリエイトプログラムによる収益を得ています アニメ映画「花の詩女 ゴティックメード」が公開10周年を記念して、11月1日～10日まで、全国約50館でリバイバル上映されます。9月9日発売の『月刊ニュータイプ』10月号で発表されました。 同作は『ファイブスター物語』で知られる永野護さんが監督。永野さんのポリシーによりDVD・Blu-rayにはなっていないため、2012年の劇場公開後は、ドリパスなどのイベント上映でしか見ることができない、幻の傑作と化していました。 2012年の劇場公開時の予告編 作中設定や登場人物は『ファイブスター物語』と共通する部分も多く、現在進行中のエピソードとも連動。本編時間70分と短めではありますが、永野さん自身が原作・脚本・絵コンテ・レイアウト・監督を担当しているだけあり、永野さんのタッチが反映された美麗なアニメーションや、主役メカであるカイゼリンのメカ

by UK Home Office 1952年の即位以来、70年にわたり女王の座にあったイギリスのエリザベス2世陛下が、夏の静養のため訪れていた北部・スコットランドのバルモラル城で亡くなりました。96歳でした。 The Queen died peacefully at Balmoral this afternoon. The King and The Queen Consort will remain at Balmoral this evening and will return to London tomorrow. pic.twitter.com/VfxpXro22W— The Royal Family (@RoyalFamily) Queen Elizabeth II, the UK’s monarch for the past 70 years, has died aged 96

Insta360が、360度カメラの新製品 Insta360 X3 を正式発表しました。 Insta360 X3 は「世界でもっとも売れた360度カメラ」ことInsta360 One Xシリーズの最新モデル。X3からは「One」がなくなり、シンプルに「Insta360 X3」になりました。 特徴はコンパクトなオールインワン型はそのままに、新開発のデュアル1/2インチ イメージセンサとF1.9レンズで、鮮明な5.7K 360度アクティブHDR動画や7200万画素静止画、8Kタイムラプスが撮れること。 先代X2はある意味スタイリッシュな丸窓型のタッチ画面を採用していたのに対して、X3は本体のフチまで広がる2.29インチの四角いタッチ画面になり、本体での確認や操作が格段に楽になりました。 Insta360の先進的な画像処理もさらに強化。「手ブレ」ってレベルじゃねえ大きな揺れや動きも吸収して、ジン

こんにちは。 株式会社ココナラ（以降、弊社と表記）の技術戦略室でエンジニアをしているSSです。 弊社では安全にリリースするためにさまざまな取り組みを行なっており、その1つとしてCIツールを活用しています。 CIツールを使うことで「自動テストを実行」「構文／フォーマットのチェック」が自動化でき、コードの品質を担保しやすくなります。 一方で、規模の増大とともに実行時間が伸びていくため、ある程度の規模になるとCIにかかる時間が無視できなくなります。 マイクロサービス化してCI対象コードを分割するなどの解消方法はあります。しかし、成長を続ける限り組織全体で見ればソースコードの総量は増大します。そのためCIに掛かる時間が長くなっていくことは避けられない問題でしょう。 弊社でも例外ではなく、CIの実行時間が長くなっていることが開発生産性に影響していました。そのため、CIの実行時間短縮が望まれました。

エニグマのコードはこちら Enigma / エニグマ とは エニグマ は、第二次世界大戦時にドイツ軍などが利用していた電気機械式の暗号機です。 当時のドイツでは、エニグマによる暗号と電気通信とを組み合わせた暗号通信が運用されていました。 エニグマによる暗号を手作業で解読することはほとんど不可能でしたが、イギリスは戦時中に専用の機械を使った解読に成功してドイツ軍の通信内容を掌握したと言われています。 筆者がエニグマを知ったきっかけは、イギリスでのエニグマ解読が題材の『イミテーション・ゲーム / エニグマと天才数学者の秘密』という映画でした。 ベネディクト・カンバーバッチ演じる主人公はチューリングマシンで有名なアラン・チューリングです。興味のある方はぜひ見てみてください。 エニグマについて詳しく知りたい人のための参考資料 エニグマを実装してみたくなった人のために、参考になった資料をまとめておき

zodというnpmパッケージの存在をつい先日知りました。 zodを使うと非常に簡単にバリデーションチェックができてコードがスッキリしたので今回はその紹介をしたいと思います。 問題となったケース クエリパラメータをNextサーバー側で受け取る場合、以下のように書いていました。 export default async function handler(req, res) { const { hogeId, numberId } = req.query if (!hogeId || typeof hogeId !== 'string') { return res.status(422).send({ message: 'Query parameter is required', response: 'failureResponse', }); } if (!fugaId || typeof f

HyperFormとの出会い 2022年5月、フォームを含むプロダクト(詳しくは後述)を作るためのアーキテクチャーに悩んでいました。 ある程度の構成はイメージできていたものの、フォーム部分をどう作ろうか、そもそも「ちゃんと」作るのめんどくさいなぁなどと逡巡していた時、ふとTwitterを見ると誰かのRTで以下の投稿が流れてきました。 注目したポイント 早速製品サイトを見てみたところ「これは使えそうだ」と思い、アカウントを作成してプロダクトに組み込んでみました。 特に注目したポイントは以下の３点です。 UX 一般的に簡便さを優先してフォームを作る場合はGoogle Formなどが使われますが、自サイトからGoogleのサイトに遷移する必要があったり、見た目のカスタマイズの幅があまりなかったり、ブランディングやUXの面で良いとは言えません。 しかしHyperFormはサイトのFormタグと連携

アコーディオン型ユーザーインターフェイス（UI）はウェブページでよくみられる表現です。巷ではさまざまな方法でアコーディオンUIを作る方法が紹介されていますが、みなさんはどのような方法で実装していますか？　見た目だけでなくアクセシビリティ対策までしっかりとできているでしょうか？ <details>要素と<summary>要素は、アコーディオンUIを実装するのに最適です。過去にIE対策として<button>要素や<div>要素、<input>要素などでアコーディオンUIを作っていた方は、アクセシビリティ対策が簡単にできるので、<details>要素と<summary>要素の採用がオススメです。 この記事では、<details>要素と<summary>要素がアコーディオンUIに最適と言える理由と、HTMLのマークアップからCSSでのスタイリング、JavaScriptでのアニメーション制御まで順を

Figmaのブランチ機能が使えるようになった時、ひとしきり喜んだあと私が次に思ったのは GitHub の Protected Branch が使いたい！編集は必ずブランチでやりたい！ということでした。 ずーっとまだかなーと思っていたのですが、実はプロジェクトの権限などを調整すれば、すでに似た運用が出来ることを教えてもらったので、勢いでまとめて共有します。 （Figmaのブランチはビジネス（旧Organization）、エンタープライズプラン向けの機能です） ともかくオーナーだけが編集できる状態にするまずはプロジェクトのShareです。このような感じでowner以外はview権限にします。 プロジェクトの共有設定続いて、そのプロジェクト内のファイルのShareです。ここでもまた、owner以外はcan viewとなるようにします。 ファイルの共有設定そして、右下の設定アイコンから Allow

はじめに こんにちは！株式会社マイベストでフロントエンドエンジニアを担当している おぎー と言います！ この記事ではTypeScriptの型と実行時の値が噛み合わなくなる話と、型付けへの向き合い方についてお話できたらと思います。 TypeScriptの型付けについて 型があるメリットとは TypeScriptは静的型付け言語です。プログラムを実行せずともコンパイルの段階で型の噛み合わないコードを発見することができます。このおかげで実行するコードは一定品質を担保されている状態を保ちやすい作りになっていると言えます。 またVS Codeをはじめとした開発用エディタではリアルタイムに型チェックしてくれるため、間違った記述にいち早く気づき修正することができます。 これらを踏まえると、素早く一定の品質を保たれたコードを作れることがポイントになるかなと思います。 型と実態がズレるとは TypeScri

恒星から適切な距離を保って生物が生存可能な温度を確保できる宇宙領域は「ハビタブルゾーン」と呼ばれており、地球に近い環境の惑星「スーパーアース」がハビタブルゾーンで複数発見されています。新たに、東京大学やベルギーのリエージュ大学などが参加する国際的な研究チームが、太陽系から100光年離れた2つのスーパーアースを発見しました。 【研究成果】ハビタブルゾーンにあるスーパーアースを発見 - 東京大学大学院総合文化研究科 https://www.c.u-tokyo.ac.jp/info/news/topics/20220907160000.html SPECULOOS discovers a potentially habitable super-Earth https://www.news.uliege.be/cms/c_16795199/en/speculoos-discovers-a-pote

東急不動産と鹿島建設は9月8日、東京都千代田区九段南の「九段会館テラス（KUDAN-KAIKAN TERRACE）」を10月1日に開業すると発表した。旧九段会館を一部保存した新旧融合デザインになっており、IoTソリューションや職域食堂、医療サービスなどの機能性も持たせる。 九段会館テラスは、登録有形文化財建造物である旧九段会館を一部保存しながら、最新テクノロジーの活用や企業の健康経営など、現代のさまざまなニーズを具現化し、建て替えたもの。地下3階、地上17階で、カフェやオフィス、クリニック、飲食店などを備える。 会員制シェアオフィス「ビジネスエアポート九段下」には、「九段食堂 KUDAN-SHOKUDO for the Public Good」を併設し、定食や産直サラダステーションを設置。クリニックとも連携し、健康状態に合わせたメニュー選びをサポートする。 国内のオフィスビルへの導入は初と

ロシアを支持するハッカー集団「KILLNET」が日本政府に宣戦布告した問題を巡り、松野博一官房長官は9月8日の会見で「（同集団が）宣戦布告のあと、東京メトロ、大阪メトロを攻撃したとしているのは承知している」と話した。 松野官房長官によると、KILLNETの関与が疑われる障害は6日以降、デジタル庁、総務省、文部科学省、宮内庁の4省庁23サイトで発生。情報漏えいは確認されていないという。東京メトロ、大阪メトロの接続障害も、運行に支障はないとした。 KILLNETの声明はいずれも認識しているが、中央省庁や、ミクシィ、JBCなどの民間企業で発生した障害については「（KILLNETの）関連性も含めて障害の原因は確認中」としている。ロシアとKILLNETの関係についても言及を控えた。 「今回は政府機関が被害に遭った他、（影響を受けた）民間企業の中には重要インフラサービスを担っている企業もある。平素から

こんにちは、フォトグラファーとカフェ共同経営をしていますIshigameKoudaiです。 2021年の９月にCafeDoggiesというペットも入れる写真スタジオ付きのカフェをオーナーの友人と一緒にオープンしまして、おかげさまで今月で１周年を迎えることができました。お客様にも恵まれ、非常にありがたい限りです。 まだまだお店を伸ばしていくため、来てくれる皆さんにとってより良い場所にするため課題ややるべきことが多いわけではありますが、１周年という節目でもあるため、実店舗をオープンし形になるまでに自分達がやってきたことやナレッジの一部を共有できればいいなと思いこの記事を書きました。 また、急激に減少する人口や衰退傾向にある中で、地方でもっといろんな人が挑戦し少しでも成功に近づけるための一つの物差しとなる意味でも、読んでくれた方の糧になればいいなとも思っています。 （注意点としては、あくまで僕達

東京駅八重洲口の本店を中心に店舗展開する書店。八重洲ブックセンターのウェブサイトです。

Fresh 1.1 - automatic JSX, plugins, DevTools, and more Fresh is a new full stack web framework for Deno. By default, web pages built with Fresh send zero JavaScript to the client. The framework has no build step which allows for an order of magnitude improvement in development experience and deployment times. Today we are releasing the next significant version of Fresh. Version 1.1 brings a lot of

八重洲ブックセンター本店 八重洲ブックセンター本店（東京）が2023年3月に営業を終了することが9月9日、わかった。八重洲ブックセンターが発表した。閉店は同店が立地する八重洲2丁目の再開発で、同年5月から周辺建物の解体工事が始まるため。【成相裕幸】…続き、

【freee / ICS / Ubie / RAKSUL】 デザインシステム構築の様々なアプローチ 「Design System Build #01」勉強会レポート 近年、国内外の様々な企業のプロダクト開発に導入されている「デザインシステム」。「デザインシステム」を導入することで、デザイナーやエンジニアの開発生産性や効率性を高めたり、ユーザー体験の一貫性を提供できたりと、様々なメリットがある一方で、事業内容や成長フェーズ、組織構造などによってデザインシステムの目指すべきカタチは異なり、正解や完成がないことから、悩みを抱えている企業や開発者は少なくありません。 そこでラクスル株式会社（以下、RAKSUL）は、デザインシステムのコミュニティ「Design System Build」を立ち上げ、2022年8月23日に“デザインシステム構築の様々なアプローチ”をテーマに勉強会を開催しました。 この

Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYou can use dark themeWhat you can do with signing up

Our publications, programs, and collection provide people with the inspiration to think different, the tools to make something wonderful, and the confidence to put it out there.

tl;dr GitHubのリリースノート自動生成のAPIを用いてkeep a changelog形式のCHANGELOG.mdを出力するツールを作った https://github.com/Songmu/gh2changelog gh2changelog -all -unreleased とかで出力 細かいオプションはヘルプ等を参照のこと ghchに引数体系は近いです 本題 GitHubには、リリースノートを自動生成する機能がある。これは、リリース間でマージされたpull requestのタイトルを一覧し、リリース項目としてGitHub Releases上に出力してくれるものです。リポジトリ上に.github/release.yml設定ファイルを配置すれば、pull requestの作者やラベルを元にグルーピングしたり非表示にするといった出力内容のカスタマイズもできる。 このあたりの実際の

Torishima / INTP @izutorishima アニメリアタイと DTV と技術とﾌﾟﾛｸﾞﾗﾐﾝｸﾞとその他諸々なオタク (⚠⚠⚠AI研究者ではありません!!!フォロー非推奨!!!⚠⚠⚠) IT と AI 関連の情報ウォッチしてます 同IDで Bluesky にもいます 時間掛けて書いた見てほしいツイートはハイライトに (2023/12~) note.com/sumisutori Torishima / INTP @izutorishima 画像を高画質化する AI の Real-ESRGAN、ウルトラスーパーガチで凄すぎて超絶ビビってる waifu2x-caffe と違って Intel Graphics に対応してるらしくノート PC でも爆速でアップスケーリングできるし、精度も段違い（2枚目: Before 3枚目: After） なぜ話題になっていないのか不思議なレベ

We've shipped some quality-of-life improvements to Next.js with 12.3: Improved Fast Refresh: .env, jsconfig.json, and tsconfig.json files now hot reload. TypeScript Auto-Install: Add a .ts file to automatically configure TypeScript and install deps. Image Component: next/future/image is now stable. SWC Minifier: Minification with the Next.js compiler is now stable. New Router + Layouts Update: Imp

1. はじめに こんにちは、東京大学 2 年生の米田優峻（E869120）と申します。私は競技プログラミングが趣味で、AtCoder や国際情報オリンピックなどに出場しています1。また、2021 年 12 月には、初の著書となる『「アルゴリズム×数学」が基礎からしっかり身につく本』を出版しました（2 万部突破）。 さて、このたびはマイナビ出版から、2 冊目の本を出版させていただくことになりました。競技プログラミングで必要となる「アルゴリズム」や「思考テクニック」を学ぶことができる、全く新しい教科書です。 競技プログラミングの鉄則 - honto 発売日は 2022/9/16 です。電子書籍版も同じ日（9 月 16 日）に出る予定です。この記事では、本書の内容と想定読者について説明させていただきます。 2. 本書の構成 本書は、競技プログラミングの全く新しい教科書です。序章「競技プログラミン

毎日毎日押し寄せる大量のタスク。 仕事もプライベートもどうやってさばけば良いのか分からない！ 毎日気がつくとタスクをこなすことに精一杯！ タスクに追われて自分がやりたいことを見失っている！ そんな人に送るタスク管理の本です。 RTM（Remember the milk）というタスク管理ツールを利用して毎日のタスクを積極的にやっつけ、仕事もプライベートも余裕を持って過ごし、あわよくば叶えたかった夢を取り戻しましょう。

仕事でも、プライベートでも、日々タスクやプロジェクトが発生します。 毎日のプロジェクト管理、つまづくとドミノ倒しがおき、次から次に終わらないタスクがうまれ、いつの間にかスケジュールが大きく遅れてしまっている……。どうやったらプロジェクトをゴールまで導いていくことができるのでしょう。 また、進捗管理はどのように行ったら良いのでしょう。 今回は、Asanaというプロジェクト管理ツールを使ってプロジェクトを管理するコツをまとめました。 主な内容は以下の通り。 - プロジェクトとは - Asanaの紹介 - プロジェクト開始 - 進捗管理について 人生も巨大なプロジェクトです。 あなたの仕事を効率よく、また人生を豊かに過ごすために、プロジェクト管理をはかどらせましょう。

■参考 ・JSTQB ソフトウェアテスト教科書 JSTQB Foundation 第4版 シラバス2018対応 ・業務でも活用できるソフトウェアテストの7原則 ・Agile Testingのエッセンス ・TDD Boot Camp 2020 Online #1 基調講演/ライブコーディング ・テスト駆動開発 ・BDDとATDD ・The BDD Books - Discovery (Japanese Edition) ・リーダブルテストコード ・テストコードにはテストの意図を込めよう ・組織にテストを書く文化を根付かせる戦略と戦術（2020秋版） ・質とスピード（2022春版、質疑応答用資料付き） ・【翻訳記事】テストに対する考え方「Testing Manifesto」 ・マネジメント向けアジャイル開発概要 ・The Software Testing Ice Cream Cone ・Goo