こちらは文字通り、ゴールデンボンバーの既存の楽曲から歌やコーラスをすべて取り除いたいわゆるオフボーカル版となっており、ライブ配信者が配信中に自由に使えるものになっているという。 公式サイトの文言いわく「ゴールデンボンバーの曲だとはバレづらくなっております」というのもアピールポイントのひとつのようだ。 “タミヤ”関連商品をAmazon.co.jpで検索する この楽曲配信のジャケットには現在、手書き風のイラストが使用されているのだが、このイラストが使用されるに至るまでに、ちょっとした騒動があった。もともと使用されていたイラストは生成AIを用いて作られたものであり、これに対して批判的な意見が上がったのだ。 こうした意見を受け、イラストは現在のものに差し替え。差し替えた理由についてゴールデンボンバーでVo-karuおよび全楽曲の作詞・作曲を手掛ける鬼龍院翔氏は自身のX（Twitter）で言及。意見

国内のデベロッパーであるChilla’s Art（チラズアート）は3月20日、『新幹線 0号（Shinkansen 0）』を3月23日に配信すると発表した。対応プラットフォームはPC（Steam）。X（旧Twitter）上の告知動画によると、日本時間で3月23日の発売となるようだ。 『新幹線 0号』は、新幹線の車内で異常を探しながら進んでいく、チラズアートによる「8番ライク」なホラーゲームだ。チラズアートは本作については、『8番出口』『I’m on Observation Duty』ライクなゲームだと説明している。『8番出口』は、コタケノトケケ氏の手がけた、短編ウォーキングシミュレーター。無限に続く地下通路にて、異常を探すことで脱出を目指すゲームだ。また『I’m on Observation Duty』は、Notoviaによる間違い探しホラーゲームである。 本作について、ストアページでは日

先日、スクラムフェス福岡でこういう話をしてきました。 speakerdeck.com 特に国内ではここ1, 2年界隈を騒がせている "Four Keys" と呼ばれる4つの指標についての話で、乱暴に内容を一言でまとめるなら、「Four Keysをちゃんと使いたかったらまず出典の本を読もうぜ」というものでした。 元々、Four Keysとか、それを包含する「開発生産性」と呼ばれる分野の世間での使われ方に妙な違和感をずっと感じていたのでこういう話をしに行ったのですが、講演後に現地で議論したりとか、あとこの資料を公開した後の反響を見たりしていて、1つ気づいたことがありました。 それは、世の中でいう "Four Keys" に実は2つの意味があって、その2つがひたすら混同され続けているのでは ということでした。 その2つというのはこれ↓です。 デリバリのパフォーマンスを測る指標 組織のパフォーマン

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

獠の腕を見ればわかる。ネトフリ版『シティーハンター』のこだわり2024.03.20 20:0071,387 中川真知子 Netflixドラマ『シティーハンター』のティーザー予告編が公開されましたね。みなさんはどう感じたでしょうか？ 私は原作もアニメも映画版もサウンドトラックも大好きで、『シティーハンター』のアニメ作りに関わりたくてアニメ業界を目指したほどのファンなんですが、かなり魅力的に感じました。 なんででしょうか？ その理由を書いていきますね。 Video: Netflix Japan / YouTubeキャラの魅力を理解している『シティーハンター』は1985年に週刊少年ジャンプで連載開始となったハードボイルドアクションコメディ漫画です。人気の秘密はなんといっても、北条司先生が描く魅力的すぎるキャラクターたち。 主役の冴羽獠（さえば･りょう）と相棒の槇村香はもちろんのこと、脇を固める準

『プーニバース（POOHNIVERSE）』構想発表。映画『プー あくまのくまさん』を皮切りに、バンビやピノキオなど怪物化した人気キャラたちがアッセンブル 『プー あくまのくまさん』の続編映画『Winnie-the-Pooh: Blood and Honey 2』（日本公開未定）の公式アカウントが、ホラー映画作品のユニバース化構想を発表。その集大成的な作品となる『POOHNIVERSE: MONSTERS ASSEMBLE』を2025年に公開予定であることを明らかにした。

HonoとDrizzleを使ってCloudflare D1にアクセスする構成を試してみました。この記事では、マイグレーションからデプロイまでの手順を共有します。 手順 プロジェクトの作成

代表の @yuzutas0 です。風音屋（@Kazaneya_PR）では「1人目の人事担当」を募集しようとしています。 これまでは代表である私が中心となって人事系の施策を進めてきました。「事業は人なり」ということで、人事に関する書籍を30冊ほど読み漁り、1つ1つ試行錯誤を重ねています。この記事では、私自身の思考の整理を兼ねて、これまでの取り組みをシェアします。 風音屋という会社が「人事の重要性と本気で向き合っている会社なんだな」「人事をきちんとやろうとしているんだな」と伝わってもらえると嬉しいです。 ⚠️注意事項： ・人事周りのルールは今後変わっていく可能性があります。最新状況についてはカジュアル面談でお問い合わせください。 ・「これがベストだ！」と押し付けたり、「これが上手くいった！」とアピールする意図はありません。率直に振り返りと課題意識を書きました。むしろ反省点と学びだらけです。 ・

Database Engineering Meetup #2 の登壇資料です。 https://scalar.connpass.com/event/310641/

はじめに 所属している開発チームでは、タスク管理にBacklogを、ソースコードの管理にGitHubを使っています。コミットメッセージ・ブランチ名・プルリクにBacklogの課題キーを入れて、コード変更とタスクとを関連付けています。 しかしタスク内容を確認するためには、毎回Backlogを開いてGitHubに書かれた課題キーで検索する必要があり、手間でした。 タスク確認を楽にするため、AutoLink機能を導入し、GitHubからBacklogの課題を参照できるようにしました。 AutoLinkとは GitHubのAutoLink機能は、コミットメッセージ・ブランチ名・プルリクに特定の文字列が含まれている場合に、その文字列に対して自動的にリンクを生成する機能です。この機能を使って、Backlogの課題キー (PROJECT-000) に自動的にリンクを付け、GitHub上から直接Backl

学生向けのイベント技育祭2024にて、大規模システムにおけるアーキテクチャの触りをお話したものです。 ビギナー向けなのでそれほど深いお話はしておりません。 【アブストラクト】 本トークでは大規模システムアーキテクチャで考慮すべき事柄とそれを実現する技術スタックや運用システムを深堀りし、それらを…

「当時は優れた漫画がわずかしかなく、ドラゴンボールは私たちの子供時代に一緒にいました。かけがえのない思い出です」 「教科書やノートに写してました。同級生はかめはめ波をまねてたし、どちらが先に最新話まで読めたかでよくケンカしてました。ドラゴンボールは、笑い、情熱、強さ、悔しさ、感動など、私たちにたくさんのものを与えてくれました」 鳥山明さんの悲報は本当に数多くの中国メディアが報じた。長く中国を見続けた筆者だが、特に多くの中国メディアが報じたと言っていい。後日8日には中国外交部の定例記者会見でテレビ東京の記者の質問に、報道官の毛寧氏が「彼の作品は中国で非常に人気で、多くの中国のネットユーザーが死を悼んでいました」と哀悼のコメントを行い、それが人民日報など権威ある国のメディアで更に広がった。漫画家の死去に外交部がコメントするのは見たことがないと中国でも驚かれた。 報道を受け、ある人は当時の思い出

新機能 connpass APIに新しく、ユーザーのプロフィールを取得できるユーザーAPIを追加しました。APIリファレンスは こちら を、またAPI利用希望の方は こちら をご覧ください。 お知らせ 2024年9月1日より、connpassではスクレイピングを禁止し、利用規約に明記します。以降の情報取得にはconnpass APIをご利用ください。APIご利用にについてはヘルプページをご確認ください。

RsdoctorAnalyzer for Rspack & Webpack Visualize the building process

# > March 19, 2024 Rsbuild v0.5 is an important milestone. As of this release, most of the Rsbuild API has reached a stable state and we expect to release Rsbuild v1.0 in Q3 2024. Main changes: * ⚡️ Support for Lightning CSS to speed up CSS compilation. * 🌟 Support for custom server based on the new JavaScript API. * 🍭 Refactor the SVGR plugin to support more usages. * 📍 Support for custom mini

TypeScriptを用いた開発では、その型システムを活かしてランタイムエラーを事前に防いだり、実装漏れを防いだりとコードの安全性の向上を図ることができます。 本記事では、個人的に知ったおかげでコードの安全性が増した！と感じたtipsをまとめました。 ※ なお、linterを用いたコードの安全性向上も非常に有効ですが、この記事では主にTypeScriptの型システムに焦点を当てています。 tips集 配列周りのtips まずは配列を扱う際に役立つ、tipsを紹介します。 配列からUnion型を作成する ↓のように(typeof array)[number]で配列の全要素を持つUnion型を作成できます。 const fruits = ["apple", "banana", "lemon"] as const; type Fruit = (typeof fruits)[number]; //

「スクラムマスターがいることでどんな利益があるの？」と言われた時点で専任のスクラムマスターは不要なのかもしれない。でもその先の話がしたい。 はじめに 「スクラムマスターがいることでどんな利益があるの？」 スクラムマスターをやっていると時々この質問を受けることがあります。 スクラムを始めたばかりのチームや組織はもちろん、広報BLOGに「専任のスクラムマスターをおくことにこだわってます。」とCTOが書いているような企業の中にいても こうした問いかけを受ける事があります。 この記事では私が実際にこの問いかけを受けてから、ずーと考えていたことを、なるべく整理してまとめています。それでも雑な文章になっていること、そして個人的な見解でしかない事はご承知おき頂けますと幸いです。 この記事の概要 この記事をまとめるこんな感じです！ 「スクラムマスターがいる事でどんな利益になる？」と言われたら信頼されていな

スライド概要 2023年10月18日に開講された東京大学松尾研究室「世界モデルと知能」の第4回シミュレーションとコンピュータグラフィクスで使用した資料を改変したものです．

去年に引き続き、今年も社のカンファレンスに登壇させていただけました。 techcon.mixi.co.jp 去年と違い、今年はオフラインで会場にいらっしゃった方の前で初めて体験するパネル・ディスカッション形式ということで非常に緊張いたしました。 この記事では喋ったことの補遺というかライナーノーツみたいなことを書いていこうと思います。 他のチーム、職種の方との連携のコツ、取り組み 自分回答はこちら 「職種ごとに目線が違うのでそこを意識すること。非エンジニアの方とやり取りをする場合にはエンジニア間でしか通じない単語などを使わない。あとはベタにteam geekにも書いてあるHRTを大事にする。」 会場でも話しましたが、目線を揃えるということはサイトリライアビリティワークブックの18章にある「目標を揃える」と同義です。SREsが信頼性を尊ぶように、QAチームなら品質、ビジネスチームなら売上が目標

MAYLAより、『カードキャプターさくら』キュートなヒールスニーカーが登場！ 2024年3月22日（金）17：00より受注販売開始 「体温が2℃ あがる」のキャッチコピーでファッションを展開するブランドMAYLAは、『カードキャプターさくら』とのコラボレーションシューズの受注予約の受付を2024年3月22日（金）17：00より開始いたしました。 販売ページ 特集ページ ＜CARDCAPTOR SAKURA ICONIQUE HEEL SNEAKERS 『カードキャプターさくら』　アイコニック ヒールスニーカー＞ クロウカード編に登場するお洋服を表現したキュートな３デザイン。 スタイルアップ効果と歩きやすさを叶える「ヒールスニーカー」で『カードキャプターさくら』の世界観をスイートに表現いたしました。

はじめに こんにちは。DELISH KITCHEN 開発部 SERS グループ兼、CTO 室 DevEnable グループ所属の池です。 SERS グループでは主に小売向けプロダクトの開発を行なっており、DevEnable グループでは社内開発組織活性化に向けた活動を行なっています。 今回は DevEnable グループの活動の一つである、”TechTalk” という社内技術共有会の取り組みにスポットを当てたイベントレポートをお届けします。 DevEnable グループとは 2024 年 2 月に DevEnable グループが新設されました。有志が組織活性化委員会として行なっていた活動を正式な組織活動としてより広く深く取り組むためのグループです。 私たち DevEnable グループのミッションは「社内外から憧れる開発組織へ」です。そのミッションの実現に向けて採用・発信・成長環境などの課

こんにちは。ノバセルのデータプロダクトチームにて開発エンジニアをやっている山中（yamnaku_）です。 現在は、ノバセルの各種分析システムのバックエンド開発を行なっています。 特に、データウェアハウス製品Snowflakeを利用したデータ基盤の開発・運用に取り組んでいます。 私の所属するチームでは、意思決定を記録するドキュメントとして、Architectural Decision Record（ADR）の運用を始めて3ヶ月ほどが経ちました。 今回は、感じることが出来た効果についてご紹介したいと思います。 背景と課題 採用したフォーマット ドキュメントオーナーと変更履歴 ドキュメントの目的 背景 概要 詳細 3ヶ月の運用の結果 呼び方の問題 より良い目的設定や、多くの選択肢が出てくるようになった 意思決定に関する自信の醸成と型化 ビジュアルの活用 まとめ 背景と課題 ひとつ目のプロダクトで

ウェブブラウザ「Firefox 124」の正式版が公開されました。Firefox Viewの開いているタブの表示順を指定したオプションで並び替えられるようになりました。 Firefox 124.0, See All New Features, Updates and Fixes https://www.mozilla.org/en-US/firefox/124.0/releasenotes/ ◆キャレット(カーソル)ブラウズモードがPDFビューアでも機能するように ブラウザ操作をキーボードだけでも行うことができるようになるキャレット(カーソル)ブラウズモードがPDFビューアでも機能するようになりました。 ◆Firefox Viewで開いているタブを最近表示した順、タブの並び順で並べ替えられるように 最近表示した順がデフォルトのオプションです。 ◆Mac版FirefoxでmacOSフルスクリ

飲食店など、近年街中には「QRコード」と呼ばれる、特殊なバーコードのようなものが溢れています。自宅に届く郵便物などにも、QRコードが記載されているのを見たことがあるという人もいるでしょう。 QRコードは、iPhoneを使えば簡単に読み込むことができます。本記事では、その方法について詳しくチェックしていきましょう。 メールで届いたWord文書を、iPhoneで慌てず簡単にチェックする方法 使いこなしてる？ iPhoneのメモアプリの意外な便利機能 撮り直しの無駄をカット！iPhone 15シリーズの強化されたカメラ機能を使いこなすコツ iPhoneではQRコードの読み取りがカメラアプリで簡単にできる iPhoneを使ってQRコードを読み取る場合、デフォルトのカメラアプリを使用するのが一般的。ほかのアプリをインストールしなくても利用できる、便利な方法となっています。 iPhoneのカメラアプリ

Tokyo dbt Meetup #8での登壇資料になります。 - https://www.meetup.com/tokyo-dbt-meetup/events/299602585/

Everyone has a hobby. More generally, everyone has things they’re interested in or passionate about. And pursuing those interests is one of the big reasons that we use the Web. The online world is a great place to connect with our fellow hobbyists and enthusiasts, to learn from them, and to share our own knowledge and accomplishments. But so much of this happens today in online spaces where things

導入 どうも、AtCoder茶色目指してAtcoder Problemsや典型90を埋めている灰色コーダーのy_taです。いきなりなんですが、AtCoderって出力結果が「はい」「いいえ」形式のことって結構多いですよね。 YES/NO yes/no Yes/No でも問題によってその表記は安定していなく、だいたいそれぞれどれくらいの割合なのかなとどうでもいいことを思ってしまったので調査することにしました。 調査方法 私がまだ灰色コーダーで安定して解ける問題がA, Bしかないので、この二つを対象にAtCoder ProblemsのABC042〜ABC345(2024年3月20日現在、最後の問題)の出力結果を一つずつ見て数えました。 調査結果 YES/NO yes/no Yes/Noを対象に調査を行う予定でしたが、Yay!/:( Good/Bad OK/NGもついでに調査してみました。　また、

アニメがもうすぐ終わるそうだ。僕はこの先の「黄金郷のマハト」編がけっこう好きだから、ぜひ続きもやってもらいたい。原作はサンデーうぇぶりで読める。今も続いている。 サンデーうぇぶり SHOGAKUKAN INC.ブック無料 葬送のフリーレンはなぜこんなに面白いのか、なんて話はきっと出尽くしていて、アニメが話題になってから今さらだし、僕はそういう考察が得意なわけでもなんでもなく、思ったことを残しておく程度。出遅れて今から入る人には参考になるかもしれない。あ、ネタバレはしてます。 主人公が最初から最強（無双） 主人公の弟子がもっと最強 少しずつ謎が明らかになる展開 緻密な世界設定 異世界転生の下地 オタクの願望と共感の詰め合わせ 主人公が最初から最強（無双） タイトルの通り主人公はフリーレンで、エルフの魔法使い。元勇者パーティーのメンバーで魔王を討伐済み。常に戦っているような物語ではないけど、主

1. その人の価値観やアイデンティティを知るここで著者は、「相手のことを知っているとはどういうことか」について言及しています。 ある心理学の調査によれば、「相手を知らない」という境界線と「相手を知っている」という境界線は、その人の個人的な関心事や価値観、アイデンティティを知っているかどうかで決まるといわれています。（179〜180ページより） つまり、「この人はしっかりしていて寛大だ」とか、「人あたりがよく、とてもやさしい」「物静かで地味な人だ」というような評価だけでは不充分だということ。そういう情報をよりどころにするだけでは、その人のことを知らないのと同じだというのです。 価値観やアイデンティティからは、その人の行動パターンを類推することができるでしょう。しかし表面的な情報だけをもとに交渉の戦略を練ってしまうと、結果的には手痛い目に遭ってしまうかもしれません。 なぜなら、価値観やアイデン

会議でよく見られる問題に、参加者がなかなか発言してくれず議論が盛り上がらないというものがあります。そういった会議になってしまう原因はどこにあり、ファシリテーターの立場としてどのような対策ができるでしょうか。 自身が運営する「ファシリテーション塾」の塾長を務める中島崇学さんにアドバイスをもらいました。 構成／岩川悟　取材・文／清家茂樹　写真／玉井美世子 【プロフィール】 中島崇学（なかじま・たかあき） 東京都出身。株式会社共創アカデミー代表取締役。ファリシテーション塾塾長。NPOはたらく場研究所代表理事。慶應義塾大学卒業後、NECに入社。人事、広報、組織改革など社内外のコミュニケーション畑を歩む。特に組織改革では、社内ビジョン浸透のための「3000人の対話集会」の企画実施をはじめ、全社規模での組織開発プログラムを実施。NEC在籍中より会社、家庭以外の「第3の居場所」の必要性を感じ、社外の仲間

ケンタッキー好きなだけ食べてみたいなあ！！！！ ケンタッキーフライドチキンを訪れたことがある人なら、誰もが一度は考えたことがあるのではないでしょうか。 ジューシーなオリジナルチキン、外サクサク中しっとりのビスケット、シャキシャキで飽きのこないコールスロー。お金を気にせずいくらでも食べることができたらどんなにいいか……。そんなことを考えていたらねとらぼ編集部から「ケンタッキーの食べ放題行ってきて～」との連絡がありました。渡りに船とはまさにこのこと。 開店前は行列が というわけで、東京・南町田グランベリーパークの「KFC Restaurant」に行ってきました。開店前からすごい行列でした。みんなケンタッキー欲を満たしに来ている……。 食べ放題だ！ そう、KFC Restaurantはケンタッキーの関東唯一のビュッフェレストラン。チキンやビスケット、コールスローなどの定番メニューに加えて、特製ス

「スター・ウォーズ」の新作ドラマ『アコライト』より、壮大なライトセーバーアクションを予感させる特報と、「光の時代に闇が生まれる」と書かれ、赤く染まるライトセーバーのキービジュアルが解禁となった。本作は『スター・ウォーズ／ファントム・メナス（エピソード1）』の約100年前、ジェダイの黄金期を舞台に、銀河の謎とダークサイドの勃興、そしてシスの台頭を追うオリジナルドラマシリーズ。ディズニー公式動画配信サービス「Disney+（ディズニープラス）」で6月5日より初回2話日米同時独占配信開始が決定した。 「スター・ウォーズ」の始まりを描くオリジナルドラマシリーズ『アコライト』6月5日よりディズニープラスで初回2話日米同時独占配信開始 （C）2024 Lucasfilm Ltd. 写真ページを見る 【写真】その他の写真を見る ジョージ・ルーカスが生んだ銀河は未だ広がり続け、『スター・ウォーズ：クローン

こんにちは！ドイです。 今回は、homebrewをアップデートしたところ、PHPが実行できなくなったので、解決していきます。 現象 PhpStormで、PHP_CodeSnifferが実行できなくなりました。 上部メニューから、PhpStorm > settings > PHP > 品質ツール > PHP_CodeSnifferまで進み「…」をクリックします。 モーダルが表示されるので、「検証」ボタンをクリックすると「Can not run PHP Code CodeSniffer」とエラーが表示されました。 確かに、PHP_CodeSnifferが動いていないようです。 再度上部メニューから、PhpStorm > settings > PHP > Composerまで進み、「エディターで開く」をクリックします。 composer.jsonが開かれるので、右上にある「更新」ボタンをクリック

はじめに この記事について こんにちは、 @zomysan（Twitter） です。この記事では、Next.js で開発をしているWebアプリケーションのフロントエンドを対象に、開発途中のページをどう扱うかということについて書きます。 新しい機能やリニューアルのための開発を始めてあたらしいページを追加したものの、まだ途中なのでユーザーに見せられる状態ではない、ということはよくあると思います。ユーザーには見せたくないけど、開発環境やステージング環境では確認したい。でも本番環境には出したくない。そういうときどうしたら良いのでしょうか？ この記事の対象 この記事は以下のような人を対象としています。 Next.js で Web アプリケーションを実装している 開発中のページを本番環境に露出したくない まとめ 今回、私は以下のように実現してみました。 開発中のページについて、拡張子を .page.d

＜サイバーセキュリティ戦記＞NTTグループのプロフェッショナルたちNTTのレッドチーム「Team V」の活動実態　「管理者権限はほぼ確実に取れる」 NTTグループ サイバーセキュリティ戦記 セキュリティ サイバー攻撃を疑似的に仕掛け、ターゲット組織のサイバーセキュリティに関する弱点を見つけ出すレッドチーム。NTTグループでは、2019年からグループ内向けのレッドチーム「Team V」が活動している。NTTグループの上級セキュリティ人材を紹介する連載「＜サイバーセキュリティ戦記＞NTTグループのプロフェッショナルたち」の第18回に登場するのは、Team Vの精鋭メンバーの1人であるNTTセキュリティ・ジャパンの羽田大樹だ。 対象組織の社員が標的型メールに引っ掛かり、一般社員のPCが攻撃者に掌握されてしまった――。これが、NTTグループのレッドチーム「Team V」によるサイバー攻撃演習の前提

ダウンロードはこちら 「プログラミング」は、その概念が登場してから半世紀以上を経る中で、さまざまな変化が起きてきた。具体的に、どのように進化をしてきたのか。現在の主流となっているプログラミング言語は何か。今後需要が高まる可能性があるプログラミング言語とは――。 本資料は、プログラミングとは何かをあらためて整理しつつ、その歴史を振り返る。これから活躍したいと考えるプログラマーだけではなく、ITに関わるあらゆる人にとって無視できない、プログラミングの「これまで」と「これから」を学ぼう。 中身を読むには、「中身を読む」ボタンを押して無料ブックレットをダウンロードしてください。 連載：プログラミングのこれまでとこれから

文字列のポインタ型の値を比較するテストコード Goのテストで、次のような文字列のポインタ型の値に対する比較とその結果を表示するコードを書きました。 このテストコードでは、以下のことを検証しています。 関数Fがnilを返さない 関数Fがnilを返さなかった場合、結果のポインタ型の値が指し示す内容が期待する文字列と一致する func F() *string { s := "value" return &s } func TestF(t *testing.T) { got := F() want := "value" if got == nil || want != *got { t.Errorf("want: %v, got: %v", want, got) } } 実際にテストを実行すると、問題なく成功して終了します。 しかしながら、以下のケースではどうでしょうか？ 関数Fからnilが返った

自己紹介 はじめまして、チームラボ フロントエンド班の濟木です。新卒でチームラボに参加し、フロントエンドエンジニアとして働いています。 新たな試みであるテックブログをご覧いただき、ありがとうございます。この記事では、フロントエンド班についての紹介、このテックブログを開設する理由、そして私たちのビジョンについてご紹介します。 フロントエンド班とは Webアプリ開発におけるフロントエンド領域をメインに担当するメンバーの集まりです。メンバー/班長/スペシャリストといった役割を持ったメンバーから構成されています。 Web技術の進化は日進月歩です。新しいフレームワークやライブラリが次々と誕生し、ユーザー体験を根底から変える革新が常に起こっています。私たちはそんなフロントエンド開発の最前線で、常に学び、挑戦し続けています。 開設理由 このテックブログを開設した理由は大きく2つあります。 ソリューション

AstroからデータベースプラットフォームとしてAstro DBがリリースされました。 色々と触ってみたのでチュートリアルとしてTODOリストを作成する方法を解説します。 Astroのインストール まずは通常のAstroのインストールを行います。 npm create astro@latestでproject名を「astro-todo」、Emptyプロジェクトを選択して作成します。 % npm create astro@latest astro Launch sequence initiated. dir Where should we create your new project? ./astro-todo tmpl How would you like to start your new project? Empty ts Do you plan to write TypeScrip

はじめに みなさんはDBのインデックスを正しく使えていますか？ 私はなんとなく「DBのパフォーマンスを向上するためのもの」という認識はあったのですが、 どのような場面で使うものなのか、逆にどのような場面では使うべきでないのかなど 明確に理解できていませんでした。 今回はそんなインデックスについての理解を深めたいと思います。 インデックスとは インデックスとは、その名の通り「索引」です。 表現の仕方と変えると、(x, a)という形式の配列であるとも言えます。 xというキー値とそれに結びつくaというデータ情報があり、 これを利用することですべてのデータを網羅して見ることなく、 まさに本の索引のように目的のデータにたどり着くことができます。 インデックスはSQLのパフォーマンスを改善するための非常にポピュラーな手段であり、 理由としては下記の3点が挙げられます。 アプリケーションのコードに影響を

Matt PocockMatt is a well-regarded TypeScript expert known for his ability to demystify complex TypeScript concepts. TypeScript 5.4 brought a new utility type called NoInfer. Let's see how it can be used to improve TypeScript's inference behavior in certain situations. #What is NoInfer? NoInfer is a utility type that can be used to prevent TypeScript from inferring a type from inside a generic fun

hover時、ナビのカレント時など同じアイコンで色だけ変えたいときに、別の色にした別画像で書き出すのが面倒で悩み続けてきました。 useタグを使う方法もありましたが、何故かうまくできず、、、 そこで出会ったmask-imageがかなり優秀だったので備忘録です。 mask-imageの使い方 基本的にbackground-imageと同じように扱えます。 mask-imageにSVGのファイルパスを指定し、mask-position 、mask-repeat、mask-sizeをそれぞれ指定します。 .nav-item { display: inline-block; width: 32px; height: 32px; // mask関連の指定 mask-position: center center; mask-repeat: no-repeat; mask-size: contain;

<input type="file">は直接スタイル指定ができず、デザインの変更 が面倒だったのですが、::file-selector-button を使えば簡単に指定できることを知ったので備忘録です。 使い方 See the Pen ::file-selector-button by himeka223 (@himeka223) on CodePen. ::file-selector-button にボタンのスタイルを設定するだけです！ 「選択されていません（選択後はファイル名）」の文言のスタイルはinputの方で変更できます。 display: block; を追加すればボタンとテキストの間で改行も可能です。 すべてのブラウザで対応済み 既にすべてのブラウザで対応済みのようで、安心して使えます！ テキストも変更したい場合は疑似要素をのせる 残念ながら ::file-selector-b

こんにちは、bgrass株式会社CEO兼CTOのだむはです。 3年くらい前まで、個人開発者として活動していました。その時ちょっとだけ燃えかけたポエム記事を書いていたのですが、もし覚えてる方いたら嬉しいです。 この頃は会社員をやりながら、女性エンジニア向け１on１サービス「sister」を運営しておりました。Railsで作ってたのですが、会社を立ち上げたと同時に閉鎖して、Discordに移行しました。大体2年くらい運営していたと思います。ユーザー数は400〜500人くらいだったと思います。 そして現在は起業して、スタートアップで起業家となったので、個人開発者から起業する過程を書いてみようと思います。私はまだまだ駆け出しではありますが、エンジニアが起業する最初の立ち上げ、みたいなところは参考になればいいなと思います。 そもそもなぜ起業したのか 初めに、私が「sister」を個人開発運営していた

2024年3月19日 Tokyo dbt meetup #8 で発表した資料です。 dbtのincrementalモデルについて、基本的な挙動から、dbtでどのような処理が行われているかの詳細まで網羅的に解説しました。

A new tool that blends your everyday work apps into one. It's the all-in-one workspace for you and your team

はじめに こんにちは、CastingONE岡崎です。 CastingONEでは、開発チームやプロダクトの規模が大きくなってきたこともあり生産性の可視化や向上に力を入れています。 その一環として今回はCastingONEとしては初のDX Criteriaをやってみたのでどういう結果になったかを簡単にご紹介したいと思います。 DX Criteriaとは DX Criteriaとは日本CTO協会が策定している、2つのDX(Degital TransformationとDeveloper eXperience)を企業が推進するための評価基準です。 チーム、システム、データ駆動、デザイン思考、コーポレートの5テーマで合計330個ほどの評価項目があり、それぞれの項目に対して「TRUE」「FALSE」「but」で回答すると、その結果をもとに各テーマごとに点数や偏差値、レイティングなどが表示され改善計画を

鉄板で焼き上げた鶏ささみに、かねふくの明太子を使った明太タルタルソースや南蛮ダレを絡めた「たっぷり明太タルタルチキン定食」が2024年3月12日(火)に松屋に登場しました。「濃厚な明太タルタルに酸味のある南蛮ダレのマリアージュが楽しめる逸品」に仕上がっているとのことなので、一体どんな味なのか確かめるべく実際にたっぷり明太タルタルチキン定食を松屋で注文して食べてみました。 かねふくの明太子とコラボ！「たっぷり明太タルタルチキン定食」新発売｜松屋フーズ https://www.matsuyafoods.co.jp/matsuya/whatsnew/menu/59701.html 松屋に到着。 たっぷり明太タルタルチキン定食の旗が駐車場に掲げられています。 店の入口横にもたっぷり明太タルタルチキン定食をアピールする垂れ幕が掲げられていました。 券売機でたっぷり明太タルタルチキン定食を注文。ライス

『METAL GEAR - PRODUCTION HOTLINE』 この番組は「メタルギア」シリーズの最新情報を制作者自らお届けする番組です。 今回は本配信に先駆けての「プレ配信」となります。 ぜひ最後までご視聴ください。 YouTubeはこちら↓ https://t.co/u23REAtTFA #MetalGearSolid #メタルギアソリッド https://t.co/9GPFoyBEJe — メタルギア公式 (METAL GEAR) (@metalgear_jp) 2024-03-19 20:00:01

PHPで書かれたコードの読み方に興味がある方向けのLT inoco氏：それでは始めたいと思います。「ちょこっとラクするPHPコード読解術」というLTをします。井上と申します。ホワイトプラスという会社でエンジニアリングマネージャーをやっています。 今回のLTですが、PHPで書かれたコードの読み方に興味がある方向けのトークになっていて、おそらく、主に初心者の方向けになるかなと思っています。 （スライドを示して）アジェンダはこんな感じです。前提ですが、私の場合、静的解析に興味があって、その仕様を理解する目的でコードを読むことが多いです。そういった背景がある中での経験に基づいて話すので、若干知識や考え方が偏っている可能性がありますが、そのあたりは差し引いて聞いてもらえればと思います。IDEは基本「PhpStorm」を使っているので、そういった前提での話になります。 本日伝えたいことですが、「あなた

ネトフリ版『三体』がパンデミックから影響を受けたテーマとは2024.03.19 20:008,473 Cheryl Eddy - Gizmodo US ［原文］ （ 岩田リョウコ ） 世界的ベストセラーが映像化。 今週木曜に公開となるNetflixのSFドラマ『三体』は、中国のSFベストセラー小説が原作。制作は『ゲーム・オブ・スローンズ』のチームが担当。人類存続の脅威に直面する中で、人間の葛藤と決断が描かれています。 人類の価値ってなんだ？『ゲーム・オブ・スローンズ』を手がけた企画・制作総指揮のデイヴィッド・ベニオフ、共同制作者のD.B.ワイス、アレクサンダー・ウーと一緒に、今回のドラマの複雑な点にチームがどうアプローチしたかを語っています。（インタビュー中のネタバレを含む発言は、こちらで上手に削除して書いています！） 脚本を書き始める前にしっかりとした計画を立てました。パンデミック中だっ

起源 まだフロントエンドという言葉が生まれる前。 古代のプログラマー達はサーバーで一画面ずつ丁寧にHTMLを構築していた。 ところがあるとき一人のプログラマーがブラウザ上で動的にHTMLを書き換えることに成功する。 これに多くのプログラマーが続いた。 次第に勢力を増していった彼らはサーバーを離れ、自らをフロントエンドエンジニアと名乗り、サーバーに残ったもの達をバックエンドエンジニアと呼ぶようになった。 きっかけ 先日こんな投稿がとある掲示板（ここではXと呼ぶことにしよう）に寄せられた。 たしかに、Server Actionsを使って書くReactと、いにしえのPHPは非常によく似ている。 ふと10年近く前の出来事を思い出した。 それは次のような同僚との会話だった。 👨🏻‍💻「React触ってみました。」 👨🏻‍💼「え、どんな感じやった？」 👨🏻‍💻「なんかPHPに近い感じ

IoTヘルスケア機器の issin が、表示のない体重計『スマートバスマット』のジャーナル スタンダード コラボレーションモデルを発売しました。 スマートバスマットは幅60センチ x 奥行き40センチほどの珪藻土バスマットに薄型の体重計とWiFi接続を一体化して、風呂上がりに載るだけで自動的に体重を記録してくれる製品。 ユーザーは特に「体重を測ろう」と考える必要なく、体重計に能動的に乗って数字を見てダメージを受けたり手で記録したりする必要もなく、勝手にスマホアプリに体重記録がグラフ付きで残り、目標体重との差など健康管理ができる仕組みです。 新たに発売したコラボレーションモデルは、本体の上に載せるソフト珪藻土マットが、ジャーナル スタンダード ファニチャー監修のコルク調になった独自デザイン。 機能としては従来から販売中のモデルと変わらず、同じスマホアプリで利用します。 個人的に愛用中なので突

新機能 connpass APIに新しく、ユーザーのプロフィールを取得できるユーザーAPIを追加しました。APIリファレンスは こちら を、またAPI利用希望の方は こちら をご覧ください。 お知らせ 2024年9月1日より、connpassではスクレイピングを禁止し、利用規約に明記します。以降の情報取得にはconnpass APIをご利用ください。APIご利用にについてはヘルプページをご確認ください。 4月 10 【弁護士ドットコム × ラクス】PdM Meetup〜ビジョンを成功に導く効果的なPdM組織とは？ 【弁護士ドットコム × ラクス】のPdMによる対談企画

タイミーの矢尻、須貝、razです。 ソフトウェアテストに関する国内最大級のカンファレンス「JaSST (Japan Symposium on Software Testing) ‘24 Tokyo」が2024/03/14、15の2日間にわたって開催されました。 jasst.jp 登壇時の様子 今回は我らがGo AkazawaとYorimitsu Kobayashiも登壇！その応援も兼ねてQAコーチ、エンジニア、スクラムマスターの3名が参加。世界中で開催されるすべての技術系カンファレンスに無制限で参加できる「Kaigi Pass」という制度を利用しました。 productpr.timee.co.jp 本レポートでは、印象に残ったセッションの内容を中心に、2日間の会の様子をお伝えします。 噛みしめるほどに味わい深い「Making Quality Tangible」 今年の1月に入社したばかりの

株式会社SODAです！ 株式会社SODAは SNKRDUNK（スニーカーダンク） というCtoCフリマサービスを開発・運営している会社です。[1] 会社やエンジニア組織に関する情報は以下リンクなどをご覧ください。 今回は、SODAの福利厚生である資格取得支援制度についてご紹介します！ 資格取得支援制度ってなに？ 自ら学びの機会を取りに行く人を支援することを目的に、資格を取得したい従業員をサポートするため、資格取得時に奨励金として会社から受験料をお支払いする福利厚生です。 資格取得支援制度ができた背景 もともとSODAには福利厚生としてLearning制度がありました。 制度に関するアンケートを実施したところ、AWSの資格受験費用などを会社の経費で精算できると嬉しいという声があがり資格取得支援制度の実現に繋がりました。 制度のルール 試験に合格し資格を取得した際に個人立替の経費精算を事後で行

はじめに Google Cloud Platform（GCP）はその柔軟性、スケーラビリティ、強力なクラウドサービスのラインナップで、企業や開発者から高い支持を受けています。しかし、少しの油断で予想外の高額請求に直面することもあります。多くの人がGCPの料金に関して、何百万円もの損失を経験した話を聞いたことがあるでしょう。 今回はVoicyで行ったコスト削減の取り組みについて紹介します。 削減の流れ 分析と方針の決定 BigQueryの使用料金内訳確認←今回の記事はここまで BigQueryのコスト削減 定期実行頻度の見直し コストのアラートと上限設定 結果 今後の改善に向けて 分析と方針の決定 まず、現在のGCPの使用状況を徹底的に分析しました。どのサービスにどれだけの費用がかかっているか、使用率はどれくらいか、そして不要なリソースがないか等を確認しました。この分析を基に、コスト削減のた

hoverメディア特性には@media (hover: hover)と@media (any-hover: hover)の2種類があります。 @media (hover: hover): 主な入力デバイスがhoverに対応している場合に適用する@media (any-hover: hover): 入力デバイスのいずれかにhoverに対応している入力デバイスが含まれる場合に適用する少し前までは@media (hover: hover) and (pointer: fine)で「主な入力デバイスがhoverに対応していて、かつマウスのような正確なポインターがあるデバイスの場合」にのみhoverを適用するやり方を行っていましたが、この方法ではiPadのMagic Keyboardのカーソル操作でhoverが適用されないようです。 そのため、Magic Keyboardが接続されている時のみhov

前置き この度、ご縁あってこちらの記事の内容でFindyさん主催の 『「脱！なんちゃってスクラム」実践事例から学ぶ Lunch LT』 に登壇しました！ もし、よろしければアーカイブご視聴ください！ 当日、発表で使用したスライドも載せておきます。併せてご確認いただけるとより理解が深まると思います。 はじめに 今の会社に転職してきて２ヶ月が経ち、まだまだ分からないことも多いですが少しずつ環境にも慣れてきたので頭の中を整理するためにも今感じていることをアウトプットしたいなと思い書きました！ 現在、私が参画しているチームはスクラムをベースとして開発を行なっており、前職もスクラムでの開発を経験していたので、その違いを整理していきます。 前職 スクラムを導入するまでの背景 前職では、美容医療・精神科クリニックを運営している会社で、クリニックスタッフが使用する社内システムの開発に携わっていました。働き

「GitHub上にある不要なブランチは削除してください」と言われることってありませんか？問答無用でマージ済みのブランチは削除するのも手なんですが、とりあえず「自分が上げたブランチ」を知りたいこともあると思います。 そんなとき GitHub 上で簡単に確認できることに最近気づきました。 手順 GitHubで調べたいリポジトリのページを開きます 上部にある Branches の部分を押下します Yours のタブを押下すると自分が上げたブランチの一覧が確認できます 以上です。Git のコマンドで自分がプッシュしたブランチの指定方法が分からなかったので助かりました。 参考ページ https://docs.github.com/ja/repositories/configuring-branches-and-merges-in-your-repository/managing-branches-i

はじめに 以前からGitHubのプルリクにAIサポート、Copilotがあればいいのにと思っていました。 Github Copilot for Pull RequestもありますがCopilot Enterpriseに登録した企業のみなので シンプルかつ個人でも始められそうなChatGPT CodeReviewを導入してみます。 ChatGPT CodeReviewを導入する OpenAIの作業 1. OpenAIアカウントに登録、ログインする 2.　課金する Setting - Billingを選択します。 Add to credit balanceを選択して、クレジットカードを登録します。 ミニマム$5〜から課金を行います。 3. APIKey作成 API Keysを選択します。 Create New Secret keyを選択してAPI Keyを作成します。 API keyを安全な場

Q1:Bunってなんやねん A1:なんかめっちゃ速い肉まん。 これだとエンジニアとして失格やと思うから頑張って調べてみた。 以下調査結果。たぶん初学者向け。 Bunは、JavaScriptとTypeScriptのための新しいランタイム環境。 Node.jsの代替品と言われることが多い。 ランタイムだけではなく、バンドル、トランスパイラ、パッケージマネージャーなどを含むオールインワン・ツールキット。 エンジンはJavaScriptCore。（Node.jsはV8） 言語はZig.（Node.jsはC、C++、JavaScript） まぁ慌てなさんな。 Q2:ランタイムってなんやねん A2:プログラムを実行するときに必要な物、あるいはその実行時のこと。 イメージするなら、OSみたいな感じ。iPhoneで天気アプリをタップしたら、iOSが天気アプリを起動するためのプログラムを実行してくれる。だか

はじめに 内定者インターンの流れ カリキュラム カリキュラム実施前の自分の開発経験 スケジュール 1 日の流れ 開発 インターン生同士での定例会 メンターの方との 1on1 配属予定チームの先輩社員との 1on1 成果物 カリキュラムを振り返って おわりに はじめに こんにちは。 テクノロジー戦略本部で内定者インターンをしている林田です。 昨年の10月から、バイセルの内定者インターンに参加しており、現在は買取管理システムのGYROというサービスの開発・運用をしています。 現在、内定者インターンを実施している企業は多数存在しますが、新卒の皆さんは以下のような疑問や不安を抱いたことはないでしょうか？ 内定者インターンってどんなことやるの？ 実務経験がなくてもできるものなの？ リモートワークでの仕事ってどんな感じ？ この記事では、実務経験のない自分がリモートで内定者インターンに参加し、どのような

こんにちは。プロダクトエンジニアのatsushimと言います。 社内ではプロダクトを開発する傍ら、アクセシビリティを高めるための改善や仕組みづくりを進めています。 この記事ではSmartHR独自のESLintのルールを作っている話をしたいと思います。 SmartHRでは アクセシビリティ（以降a11y） を考慮したアプリの開発・改善を行っており、過去記事でその様子をご確認いただけます。 SmartHR Tech Blog: アクセシビリティ の検索結果 ただ普段の開発中、a11yを意識しつつ開発を行うことは、エンジニアにかなりの負荷がかかります。 フロントエンドの経験が少なく基本的なマークアップの知識が足りていない アクセシビリティを意識してね！といわれても何をすればいいのかわからない そのため、SmartHRでは独自のESLint ルールを作成し、CIに組み込むことでa11yを担保、改善

BARフロントえんどうとは？ 「BARフロントえんどう」はサイボウズのフロントエンドエキスパートチームが主催するオフラインのフロントエンド勉強会です。毎回特定のフロントエンドに関するテーマに沿い、ゲストを交えて知見や交流を深め合いましょう。 フロントエンドが好きな方、テーマに興味がある方など、ぜひ一緒にわいわいしましょう！ 注意 本イベントは技術交流を目的としており、次のような目的での参加は一切お断りしております。 懇親会のみの参加 飲食目的での参加 営業活動・リクルーティング目的での参加 上記のような目的での参加であると判断した場合、ご退場および今後の参加をお断りさせて頂きます。 テーマ「CSS Library / Framework」 第2回のテーマは「CSS Library / Framework」です フロントエンド開発のスタイリングでは CSS Library / Framewo

テレワークや旅行、さらには災害時まで。モバイルバッテリーは、もはや生活必需品のひとつと言えます。 これまで数々の充電ガジェットを使ってきましたが、昨年から愛用しているAnkerのモバイルバッテリーは特にお気に入り。 「よっぽどのことがない限り買い換えないかも！」と思うくらい、僕の生活にフィットしてくれているんです。 Ankerのハイブリッドな充電器 Anker 「Anker 521 Power Bank」 8,990円（税込） 昨年4月に買ってから今もなお愛用している、「Anker 521 Power Bank」。 以前レビューしたときにも書きましたが、USB急速充電器とモバイルバッテリーの機能を兼ね備えている点が特に気に入っている1台です。まさしく、ハイブリッド。 コンセントに直接差せる仕様になっているため、普段はデスクのコンセントに差しておいて、外出するときには引っこ抜いてモバイルバッ

皆様こんにちは。QAエンジニアのブロッコリーこと風間裕也（@nihonbuson）と申します。私は本業で株式会社10XのQAエンジニアとして勤務する一方、副業としてB-Testingを開業し、さまざまな会社でQAに関する相談に乗ったり、登壇や執筆活動を行っています。 また社外活動として、WACATE（ソフトウェアテストの合宿型ワークショップ形式勉強会）の実行委員長や、ソフトウェアテスト技術振興協会（ASTER）の主催するJaSST Review（ソフトウェアレビューのシンポジウム）の実行委員長を務めています。 本記事では、私がどうしてQAエンジニアというキャリアを歩んでいるのか、そして品質保証（QA、Quality Assurance）という分野でどのように開発チームと協調しながら開発してきたのかをお話しします。 筆者近影 学術と企業のギャップに驚いてテストの浸透に動く テスト技術に磨きを

The official repository of all things related to animating Noto Emoji.

こんにちは。セーフィーでセキュリティマネジメント業務をしている川部です。 今回はサービス障害ハンドリングについて記載したいと思います。 サービス障害とセキュリティ？と疑問に思った方もいるかもしれません。 セキュリティの基本的な考えにあるCIAの可用性の観点から、セキュリティマネジメント業務の一環としてサービス障害発生時の取りまとめを担当しています。 主な業務はエンジニアと協力し、事象の詳細確認や影響するお客様の洗い出し、対外的な対応など多義にわたります。 今回はサービス障害ハンドリングにおける工夫という観点でお話したいと思いますのでSaaS企業で障害対応される皆さんや障害対応を任された皆さんの一助になれば幸いです。 セーフィーを取り巻く環境 スピード感をもって対応するための施策 サービス品質の維持管理するための施策 セーフィーを取り巻く環境 セーフィーでは現時点（2023年6月）で20.7

Garnet is a new remote cache-store from Microsoft Research, that offers several unique benefits: Garnet adopts the popular RESP wire protocol as a starting point, which makes it possible to use Garnet from unmodified Redis clients available in most programming languages of today, such as StackExchange.Redis in C#. Garnet offers much better throughput and scalability with many client connections an

Netflix『三体』、オバマ元大統領に出演要請していた2024.03.19 14:00 Cheryl Eddy - Gizmodo US ［原文］ （ 岩田リョウコ ） オバマさん、出てるの見たかったな。 エイリアンが地球に侵略してきた場合、アメリカの大統領はどう対処すべきか。理想的で皆さんの記憶に残っているのは、やはりビル・プルマン演じる1996年のSF映画『インデペンデンス・デイ』でしょうね。でももし、本物の大統領が出演していたら、大統領が出てくる映画ではトップになるでしょうね…。 オバマさんがハマった小説中国のSF小説作家劉慈欣の『三体』は3部作で2100万部の世界的ベストセラーとなり、Netflixでも映像化。今週公開予定ですが、バラク・オバマ元大統領は、なんとこの小説の大ファン。ということで、このドラマへのカメオ出演のオファーがあったそうです。 『ゲーム・オブ・スローンズ』を手

Microsoft⁠⁠、次世代高速キャッシュストアシステム「Garnet」をオープンソースとして公開 Microsoftは2024年3月18日、同社の研究所が開発を進めてきた次世代の高速キャッシュシステム「Garnet」をGitHub上でオープンソースとして公開した。 Introducing Garnet – an open-source, next-generation, faster cache-store for accelerating applications and services -Microsoft Research Blog Garnet is a cache-store system that addresses growing demand for data storage to support interactive web applications and se

新機能 connpass APIに新しく、ユーザーのプロフィールを取得できるユーザーAPIを追加しました。APIリファレンスは こちら を、またAPI利用希望の方は こちら をご覧ください。 お知らせ 2024年9月1日より、connpassではスクレイピングを禁止し、利用規約に明記します。以降の情報取得にはconnpass APIをご利用ください。APIご利用にについてはヘルプページをご確認ください。 4月 4 ※現地、オンライン増枠【ハイブリッド開催】下請けエンジニアのキャリアの築き方を学ぶ会（懇親会あり） 現場で使える思考術や立ち回り方などをシェアする勉強会です