はじめまして! 「ABEMA」の開発デザイナーの寺本です!! 今回は約5年間ゲーム事業部にいたデザイナーの僕が、メディア事業部のデザイナーにチャレンジしようとABEMAへ異動したことでの学びと、自分の中での変化を書いていこうと思います。 目次 ・ソシャゲを作っていた僕が、メディア事業にチャレンジした理由 ・ABEMAでの新しい挑戦と学び デザイナーの裁量の大きいプロジェクトで、推進と判断する経験 UIデザインの探求と知見共有 環境の違う組織でのマネジメント経験 ・さいごに ソシャゲを作っていた僕が、メディア事業にチャレンジした理由 僕は内定者アルバイトの期間を含めると、約5年間ゲーム事業部で『ポコロンダンジョンズ』のゲームUIデザイナーとして働き、その中でいろいろな経験をしてきました。 ・UIデザイナーとして第一線でスキル向上 ・デザインリーダーとして、ピープルマネジメントへのコミット ・

京都研究所・TechLabの田中です。 マイクロアドでは、主にエンジニア以外のメンバーが広告配信実績などの各種データにアクセスする際にRedashを利用しています。 Redashから接続しているデータソースには、以前このブログでも紹介した分析用Hadoopクラスタ*1に加えて、MySQLのレプリやBigQueryなどがあります。 これらの異なるデータソースに対してRedashからは同じインターフェースでアクセスでき、手軽にデータの抽出や可視化・分析などが可能です。 また、クエリで抽出したデータを利用して、Redash上にダッシュボードを作成することもできます。 本稿では、そんなRedashの活用方法の1つとして、 スケジューリング機能とキャッシュ機能を利用した簡易的なデータパイプラインを使ってダッシュボードを作成する例をご紹介します。 なお、この記事で扱うRedashの説明はバージョンv1

こんにちは、フロントエンドチームの @high_g_engineer です。 今週のフロントエンド定例の内容を記載します。 フロントエンド定例について、以前の記事（ランサーズのフロントエンドチームが取り組んでいること）でお伝えしたのですが、毎週金曜日に開催しており、実際の業務で取り組んでいることや気になった技術情報等をシェアしあう会になっています。 以下、今週の内容です。

皆さんこんにちは。 ユニバーサルゲーム事業部でサーバーエンジニアをやっております、田口です。 入社して結構な月日が経ち、最近では大規模開発の設計をやる機会が非常に増えたのですが今までの設計のやり方だと分かりづらかったり、レビューしづらかったりと苦しい状況になってきたため思い切って設計専用リポジトリを作ったら色々解決した！という話をさせて頂きます。 元々どのように設計を書いていたか GitHubのIssueに設計を直接書いてました。 設計で書く内容としては以下があり、これらをIssueのコメントで1つずつ記載してました。 概要 DB設計 APIインターフェース設計 機能設計 ログ設計 そしてレビューに出した後、さらにIssueのコメントにレビューを書き、やりとりをしていくわけですが・・・。 これらを続けていくと以下のような状態になってました。 レビューコメントがどんどん増えて長くなるので、I

こんにちは。福岡オフィスで課題解決部に所属しているエンジニアの petamoriken です。趣味で ECMAScript の動向を追ってたりします。よろしくお願いします。 この記事では私がレガシーだったピクシブ百科事典のフロントエンドを如何にしてリファクタリングし、モダン化していったかを紹介していこうと思います。 まずピクシブ百科事典の構成の調査 ピクシブ百科辞典のフロントエンドのコードは複数の JavaScript がクラシックスクリプト形式で読み込まれ、実行されていました。もっと詳しく説明すると、ページ共通のエントリーポイントの中で今どのページにいるかの判定をし、そのページに必要なスクリプトを LABjs というライブラリを使って動的に <script> タグを追加することによって読み込んでいました。 これにより別のコードで定義されたグローバル変数を使うのが当たり前の状態になっていま

.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads

主にOSSプロジェクトで活用されているmonorepoバージョニングツール「Changesets」を社内プロジェクトに導入した話について、@potato4dが@spring-rainingに聞いてみました。 Changesetの仕組み https://github.com/changesets/changesets monorepo向けバージョニング&リリースツール 修正や機能追加があれば、.changeset ディレクトリに自動生成されたMarkdownファイル (Changeset) にChangelogを書く その変更の粒度 (major/minor/patch) もMarkdownファイルで指定する パッケージがリリースされるまでChangelogが .changeset に溜まっていく changeset publish すると、リリースされていないChangelogが CHAN

政府は2022年10月7日、地方自治体の情報システムを標準化・共通化する方向性を定めた「地方公共団体情報システム標準化基本方針（以下、基本方針）」を閣議決定した。2020年9月に菅義偉首相（当時）が自治体ごとに異なる行政システムを2025年度末までに統一するよう指示したことでスタートした自治体システム標準化は、この閣議決定をもって期限やクラウド基盤、目標などが「確定」したことになる。 「2025年度までにガバメントクラウドを活用した標準準拠システム移行を目指す。2018年度比でシステム運用経費の3割減も目指す」――。河野太郎デジタル相は同日、基本方針の閣議決定を報告した記者会見で、標準化の目標をこう強調した。

東芝テックとRetail AIは2022年10月7日、レジ機能付きカートを使った実証実験を始めると発表した。東芝テックの小売流通事業者向けクラウドサービス「ELERA（エレラ）」とRetail AIのレジ機能付きカート「スマートショッピングカート」を連携し、スーパーマーケットなどの小売店の利便性向上や省力化に取り組む。 Retail AIはスーパーやディスカウント店を展開するトライアルホールディングスの子会社。Retail AIが開発したスマートショッピングカートは、客が自らカートに付属するスキャナーで商品バーコードを読み取ってキャッシュレス決済する仕組みだ。通常のレジでの商品登録や会計の手間を省けるのが特徴で、客の属性や購買履歴データを基にした商品のレコメンド機能も備える。2022年10月7日時点で日本国内では100店舗が1万247台を導入しており、月間180万人が利用する。 ELERA

トヨタ自動車は10月7日、クルマ向けネットワークサービス「T-Connect」ユーザーのメールアドレスと「お客様管理番号」、29万6019件が漏えいした可能性があると発表した。 2017年7月以降にT-Connectユーザーサイトにメールアドレスを登録した人が該当する。氏名や電話番号、クレジットカード番号などが漏えいした可能性はないという。 原因は2017年12月にT-Connectユーザーサイトの開発委託先企業が、取り扱い規則に反してソースコードの一部を誤って公開設定のままGitHubアカウントにアップロードしたこと。その後、5年にわたって第三者がソースコードの一部にアクセスできる状態で放置されていた。ソースコードにはデータサーバへのアクセスキーが含まれ、これを利用するとサーバに保管しているメールアドレスやお客様管理番号にアクセスできたという。 トヨタは9月15日にGitHub上のソース

東出昌大 三浦貴大 皆川猿時 和田正人 木竜麻生 池田大 金子大地 阿部進之介 渋川清彦 田村泰二郎 渡辺いっけい / 吉田羊 吹越満 吉岡秀隆 監督・脚本：松本優作 STORY 殺人に使われた包丁をつくった職人は逮捕されるのか——。 技術者の未来と権利を守るため、 権力やメディアと戦った男たちの真実の物語。 2002年、開発者・金子勇（東出昌大）は、簡単にファイルを共有できる革新的なソフト「Winny」を開発、試用版を「２ちゃんねる」に公開をする。彗星のごとく現れた「Winny」は、本人同士が直接データのやりとりができるシステムで、瞬く間にシェアを伸ばしていく。しかし、その裏で大量の映画やゲーム、音楽などが違法アップロードされ、ダウンロードする若者も続出、次第に社会問題へ発展していく。 次々に違法コピーした者たちが逮捕されていく中、開発者の金子も著作権法違反幇助の容疑をかけられ、2004

なぜ千葉にデータセンター開設？ 印西市は東京都心へのアクセスの利便性、そして広い土地が確保しやすいなどの理由でデータセンターが集まる土地として知られ、NECや米アマゾン・ドット・コムも拠点を構えている。 出典：Bloomberg10/7(金)

さまざまなテストレベルとロールで活躍されている方々がテストコードをリーダブルにする方法について語り、それぞれの違いや共通点について議論する、「リーダブルなテストコードについて考えよう」。ここで株式会社ソニックガーデンの伊藤氏が登壇。リーダブルなテストコードとは何か、リーダブルなテストコードを書くための具体的な意識を紹介します。 伊藤氏の自己紹介 伊藤淳一氏：リーダブルコードという発表です。いきなり余談から入りますが、今日仕事をしていたらテストコードに助けられました。 仕様変更がいつ入ったのかを調べなきゃいけなくなってコミットを追いかけていったら、過去の僕がすごくわかりやすいテストコードを書いていて、仕様Aを仕様Bに変えることがdiffを見れば一目瞭然というようなものを作っていました。リーダブルなテストコードを書いてて良かったと思った日がこの勉強会の開催日で、ナイスタイミングだと思いました。

社内勉強会用 デザイナーとフロントエンドエンジニアの境界をなくし、UI開発を加速させるためのコンポーネント設計入門 ※フロントエンドエンジニア視点 [Keywords] - 共通認識としてのデザインシステム - 共通認識としてのコンポーネント設計

前段でモノレポとは何か、後段でそれをどう活用しているかについて、簡単に解説しました 1. モノレポの一般論について 2. プロジェクトでそれをどう活用しているかについて これらを下に、どう利益を享受するかについて、理解いただけたら幸いです

「るーみっくスペシャル号」と題し、高橋留美子による「うる星やつら」と「MAO」の描き下ろしコラボイラストが表紙を飾った今号の週刊少年サンデー。上坂は頭にツノを付け、トラ柄の衣装に身を包んだキュートな姿を披露している。 また今号では舟本絵理歌の新連載「双影双書」が開幕。遊郭で雑用をして暮らす主人公・宵は「皇太子と顔が瓜二つ」という理由で皇宮で働くことになるが……。さらにアニメ「名探偵コナン 犯人の犯沢さん」で主演を務める蒼井翔太のインタビューも収録されている。

芸能ニュース アニメ・2.5次元 「機動戦士ガンダム 水星の魔女」市ノ瀬加那×Lynn対談　初の女性主人公、“学園が舞台のガンダム”が描くものとは 「機動戦士ガンダム 水星の魔女」キャストの市ノ瀬加那(左)とLynn(右)撮影=入江達也 7年ぶりのテレビシリーズとして放送が始まった「機動戦士ガンダム 水星の魔女」(毎週日曜昼5:00-、MBS／TBS系ほか)。人類の戦争史を舞台に、テロ、人口、環境、エネルギー問題など時勢に見る社会的テーマが取り入れられるのが「ガンダム」の1つの特徴だが、今作発表時には学園が舞台、TVシリーズ初の女性主人公という、およそこれまでのガンダムイメージを覆す新しい形がファン内外に大きな話題を振りまいた。第1話では学園で繰り広げられる、少しコミカルな要素も混じった雰囲気の物語が新鮮であったが、この“学園が舞台のガンダム”は何を描くのか？主人公の少女スレッタ・マーキュ

「週刊新潮」の発売前日に速報が届く！ メールマガジン登録 デイリー新潮とは？ 広告掲載について お問い合わせ 著作権・リンクについて ご購入について 免責事項 プライバシーポリシー データポリシー 運営：株式会社新潮社 Copyright © SHINCHOSHA All Rights Reserved. すべての画像・データについて無断転用・無断転載を禁じます。

「ロボットが軽快に踊る動画」や四足歩行ロボットの「Spot」などで知られるロボット企業のボストン・ダイナミクスが、ロボット企業6社を代表して「ロボットを武器化しない」と誓約するロボット産業およびコミュニティへの公開書簡を発表しました。ボストン・ダイナミクスは公開書簡の中で、ロボットの武器化は深刻なリスクと倫理的問題を引き起こし、技術に対する人々の信頼を損なうと訴えています。 Open Letter Opposing Weaponization of General Purpose Robots | Boston Dynamics https://www.bostondynamics.com/open-letter-opposing-weaponization-general-purpose-robots An Ethical Approach to Mobile Robots in Our

株式会社タカラトミー（代表取締役社長：小島一洋／所在地：東京都葛飾区）が1983年から展開しているオリジナルＩＰ（※１）『ゾイド』シリーズは、2023年に40周年を迎えます。当社では、2023年の40周年イヤーに先駆けて、2022年10月から「ゾイド40周年プロジェクト」をスタートします。歴代主人公機のデザインとギミックをリファイン（改良）し、劇中再現度を高めた40周年記念商品「40th Anniversary ZOIDS」シリーズの発売や、「40周年記念プロモーションビデオ」の配信などを実施してまいります。 「40th Anniversary ZOIDS」シリーズの第1弾商品として「AZ-01 ブレードライガー」（希望小売価格：11,000円／税込）を、2023年4月下旬から全国の家電量販店、ホビー専門店、模型専門店、インターネットショップ、タカラトミー公式ショッピングサイト「タカラトミ

＼新発売／ 「ぽてたまぬいぐるみシリーズ」に 『ぽてたまぬいぐるみ ちいかわ さすまた』 『ぽてたまぬいぐるみ ハチワレ さすまた』 が登場 10月7日(金)より順次 ・ナガノマーケット(店舗・オンライン) ・キデイランド… https://t.co/N3mFeSHEyf — ちいかわグッズ公式 (@chiikawa_kouhou) 2022-10-03 17:00:01 イラストレーター“ナガノ”氏による人気コンテンツ『なんか小さくてかわいいやつ』（『ちいかわ』）より、さすまたを持った“ちいかわ”と“ハチワレ”のぬいぐるみが登場。今回のぬいぐるみは、かわいいまんまるフォルムが特徴の“ぽてたまぬいぐるみ”シリーズの新商品。ちいかわ＆ハチワレの勇ましい顔つきも表現されており、思わずふたりの「ヤーッ!!!」という掛け声が聞こえてきそうなぬいぐるみだ。 本商品は、ナガノマーケットの店舗と公式EC

はじめに 「勉強やるぞー、先に掃除しよ」ってありますよね。 この現象には セルフハンディキャッピング って名前があるようです。 開発者体験向上のために、Webブラウザを整理しました。 導入するまでの情報整理 WebエンジニアがWebブラウザで行うこと Webエンジニアが就業中にWebブラウザで行うことを列挙してみます。 業務に纏わる調査など 技術的な調査など Slack,バーチャルオフィスなどの業務中のコミュニケーションツール GoogleクラウドなどのWebを活用した業務ツールの利用 私的な利用(ニュースサイト巡回,Youtubeとかとか) 開発しているWebApplicationの動作確認 私の利用例（就業中） 会社貸与PC(Mac OS)では、動作サポートを Google Chrome に注力しているため、Chromeのみ利用するように心がけている。 また、画面共有で検索候補などが見

はじめに こんにちはウコンパワーです。 今回は私が所属しておりますジュニにて一つWebサイトを公開しまして、ちょっとトリッキーなことをやったりしましたので、いくつか紹介できればなと思いこちらの記事を書いております。 制作全体に関しても記事をまとめたりもしてますのでぜひ参照ください。 というわけで今回公開したサイトは以下です。↓↓ GPUがアツアツですね!! すべてをさらけ出す そして今回はただのTips紹介じゃないぞ！の気持ちです。 なぜなら、リポジトリが公開されてるからです。 こんな記事読まなくても git cloneすれば済む話なのでこの記事はおまけ程度に見てもらえますとです。 ライブラリ / ツール 主に使用したライブラリやツールは以下です。 ライブラリ Threejs cannon.js ore-three ツール VSCode Bender Fgma Miro フレームワーク 無

はじめに 皆様はじめましてウコンパワーと申します。 この度私が所属しておりますジュニにてひとつWebサイトを公開しまして、せっかくなのでそのフローを皆さんにも共有できればと思いこちらの記事を書くことになりました。 (Zennに書くことなのか？という疑問も持ちつつきっと誰かの役にも立つことを祈って書いてます、温かい目で見ていただけますと幸いです。) 技術的な内容にフォーカスした記事も作成しておりますのでそちらもよろしければ参照ください。 早速ですが、今回制作したものはこのようなものになっております。↓↓ PCのファンが回りますね!! なぜ作ったか サイトを見ていただいた方はお察しかもしれませんが、 このサイトを作った明確な意図はありません。（驚 強いていえば採用というところで、最後にWantedlyへのリンクを張ったりしていますが、 まずはなんかいい感じのサイトを作りたいなあ...という感情

ランサーズ（Lancers）エンジニアブログ > フロントエンド > フロントエンド定例 > ライティングルールによるtextlint適応 iframeとPostMessageを使ったアイランドアーキテクチャぽいやつ フロントエンド定例 2022/10/7 ライティングルールによるtextlint適応 iframeとPostMessageを使ったアイランドアーキテクチャぽいやつ フロントエンド定例 2022/10/7

あいさつ こんにちは。スマートキャンプのデータアナリストのkumanomiです。 現在はBOXIL SaaSのデータ分析業務や社内のデータ民主化のため、小さいながらも日々改善を繰り返しています。 前職ではアプリエンジニアを経験した後にデータ周りを担当していました。 その際の職種はエンジニアでしたが、スマートキャンプではデータアナリストでの採用となりました。 スマートキャンプ内のデータアナリスト1人目です。 そのため業務内容は他社の同職の人がされている範囲とは違うかもしれません。 そんな僕がデータの役割について思うことを共有します。 データドリブン データ主導でビジネスの意思決定を行なうことをデータドリブンと言っていたりします。 例えば、うまい棒サラミ味が1本100円で売ってたら「高い」と思いますか？と質問されれば「高い」と答える人は大勢いるんじゃないかと思います。 なぜならうまい棒は1本1

エキサイト株式会社SaaS事業部の菅間です。普段はクラウド経営管理ソフト KUROTEN. の開発を行なっています。 speakerdeck.com 今回は、SaaS事業部のKUROTEN.開発メンバーで「レビューを考える会」を実施したので活動内容に関して記事を書きます。 レビューを考える会とは？ レビューを考える会とは、チーム全員でプルリクエスト（以下PR）に関して意見交換とハンズオンを行う会です。 背景と目的 弊チームのレビューは全員にアサインされます。 ここ1ヶ月で新しいメンバーが3名増えたこともあり、メンバーのレビューの機会が増加しました。 普段はシニアメンバーがコメントをすることが多いですが、その知見を他メンバーに共有することによってメンバーの技術力向上・レビューの質向上を目的として実施をしました。 実施の仕方 出社日に合わせてオンライン・オフラインの同時開催で行いました。 大き

こんにちは。新卒2年目のKEN☆YAMAGUCHIです！ 今回は「エンジニアも外部のメディアに露出することの重要性」というタイトルでお話をしたいと思います。 僕自身の話をすると、メディアというのはおこがましいですが、本ブログの執筆・Twitterアカウントの運用・イベントへの登壇を経験しております。 これらの経験をしていく中で、エンジニアの方がメディアへ露出している姿を目にすることが多くなりました。その中で感じた技術広報の重要性や実際にSHOPLISTが行っている広報活動についてお話しできればと思います。 駆け出しエンジニアの方はもちろん、エンジニアを目指している方、エンジニアでメディア露出へのご興味がある方にとってもためになるのではないかと思うので、最後まで読んでいただければ幸いです！ 【重要】技術広報の大切さ 昨今エンジニア不足で悩まれている会社さんは多く存在しているかと思います。募集

XP祭り 2022 XP 祭り 2022 は、XPJUG（日本 XP ユーザーグループ）主催のベントです。2002 年から毎年行われていて、今年 2022 年は、10 月 1 日（土）にオンラインで開催されました。 http://xpjug.com/xp2022/ 今回の XP 祭り 2022 に BASE・BASE BANK から 3 名が登壇しましたので、その参加レポートをお届けします。 セッション内容 エンジニアが新規事業に取り組むところから始めPdMとしてプロダクト開発に向き合う組織を作り続けるまで 2022/10/01 13:00 - 13:20 B Track 所属：BASE, Inc. / New Division / BASE BANK 今回はこれまでの自分の経験をお話させていただきました。なぜ事業責任者を志向するのか、どういう考えでチームをつくっているのか、どのようにプロ

今回は、チーム開発などにおいて運用しやすくなる、エンジニアのための「より綺麗なCSSの書き方」を紹介します。 !important を使わない 余分な div は書かない CSS セレクタを深くしない HTML に style を直接指定しない 自分より外のコンポーネントに margin の情報を持たせない まとめ !important を使わない 例えば、以下のようなHTMLがあったとします。 <style> p { color: red !important; } </style> <p>青色のテキスト</p> <p>緑色のテキスト</p> ここで要件として「文字色が赤なのをそれぞれに合った色にしたい」とします。 そこで blue、green というクラスで色を変更してみます。 修正は以下の通りです。 <style> p { color: red !important; } + .bl

Scalar とは 大規模リポジトリを対象とした、リポジトリ容量最適化・コマンド高速化のための拡張機能の提供とgit configの自動設定を行うツールです。元々 Microsoft によって開発されていました (https://github.com/microsoft/scalar) が、Git 2.38よりメインストリームに取り込まれたことで同梱されるようになりました。 github.blog 下記コマンドでScalarを利用することができます。 # 既存リポジトリでScalarを利用する場合 $ cd /path/to/repo $ scalar register # 新規でクローンする場合 $ scalar clone /path/to/repo 実際に、https://github.com/git/git のリポジトリを対象にScalarを利用するとなにが起きるのか今回は調べてみ

概要 本記事は、HTTP クライアントライブラリである axios の v1.0.0 が満を持してリリースされたため、何がどう変わったのか、マイグレーションしても良いのかについて個人的に調べてまとめた結果になります。 TL;DR axios の v1.0.0 は、パッケージのモダン化に向けた節目としてのバージョンともいえる v1.0.0 では多数のバグ修正と、いくつかの小規模の機能追加がまとめて取り込まれた 破壊的変更や非推奨化は少なからずあるが、基本的な使い方や挙動を大きく変える規模の変更はない 一方で劇的に良くなる変化もないので、急いであげる理由もない 公式マイグレーションガイドは記事執筆時点では提供されていない axios について axios は、JavaScript 向けの HTTP クライアントライブラリの一種で、この種のパッケージとしては比較的古くから普及している老舗ライブラ

HENNGEは10月7日、企業の情報システム部門をテーマにしたボードゲーム「情シスすごろく」を発表した。転職してきたばかりの社員として「社員が携帯電話をなくした」「半導体不足で業務用PCが納品されない」といったトラブルに対応し、できるだけ体力を残して1カ月を過ごせた人が勝つルール。情シス間のコミュニケーション用に作ったという。

山形大学は６日、米のたんぱく質を原料に肉に代わる「代替肉」を作ることに世界で初めて成功したと発表した。将来、新たな代替肉として普及することが期待されるという。 肉などの動物性のたんぱく質は、生産や輸送の過程で、大量の温室効果ガスを発生させることから、近年、環境への影響が指摘されている。こうした中、山形大学の渡辺昌規教授は、食品メーカーと共同で、米のたんぱく質から肉の食感などを再現した「代替肉」を作ることに世界で初めて成功した。原料は米ぬかからこめ油を抽出する際にできる「脱脂米ぬか」というものだ。こめ油を作る際は原料の８割以上が「脱脂米ぬか」として残り、その多くは廃棄されるため利活用が課題となっていた。この代替肉は国内での自給が可能なほか、アレルギーの原因となるアレルゲンがないことなどが特徴で、将来、新たな植物由来の代替肉として普及することが期待されるという。また、収益性が高い持続可能な農業

この記事はLayerXアドベントカレンダーの5日目の記事です。 バクラク事業部のプロダクトマネージャーの花村です。本日、事業所が200を超えるエンタープライズのお客様へのバクラク請求書・バクラク申請の導入を発表させていただきました。 bakuraku.jp バクラク自体はまだ2年目のSaaSではあるものの、直近エンタープライズのお客様向けに導入を支援させていただいておりました。 エンタープライズのお客様では業務フローが複雑になるため、通常のセールスに加えて、コンサルタントがついて業務フロー整理や導入サポートが不可欠です。私はプロダクトマネージャーが主務ではありますが、導入コンサルタントを兼務してお客様のサポートにあたっています。（私自身がフューチャーやデロイトといったコンサルティング企業での経験があったことも兼務の要因です） 今回の記事ではLayerXにおけるSaaS導入コンサルタントの仕

ログラスにおけるコード品質でビジネスに貢献する仕組み・カルチャー / A system and culture that contributes to business through code quality in Loglass

今の会社の同僚、というかチームメイトが訳を手掛けた「カオスエンジニアリング」、これを頂戴してから実に4ヶ月弱、先日ようやく読み終わりました...。。遅読にも程がある。 こちら来ました、ご恵贈いただきました！！ありがとうございます、ちょっとスピードは遅めかもなんですが読みます！！！ pic.twitter.com/GBxvw9gVjV— a-know | Daisuke Inoue (@a_know) June 10, 2022 この本を読むまでは、「カオスエンジニアリング」という言葉だけは知っていて、......と思っていたけど、実際に読んでみて、「自分は何も知らなかったんや...」ということに気が付きました。本当によかった。 カオスエンジニアリング、僕が盛大に勘違いしていたこととして「”カオス” をいかにもたらすかというエンジニアリング」かと思ってたのだけど、そうじゃ（それだけじゃ）なく

木古おうみ@3巻4/25発売 @kipplemaker 「魔術師、お前をパーティから追放する……」 「な、何でだよ」 「査定……」 「え？」 「魔術師免許の更新行ってなかっただろ。お前、厳密には勤務資格なしで書類上では三週間前からパーティ在籍してないことになってるんだ……」 「あ……」 「悪い、俺がもっと早く気づいてれば……」 2022-10-06 14:18:46 木古おうみ@3巻4/25発売 @kipplemaker 読み書きを覚え出した蛮族。アイコンは狼足さん【@omukust001 】から 。『領怪神犯』書籍&漫画版、 『はぐれ皇子と破国の炎魔:龍久国継承戦』発売中。『きさらぎ異聞』ノベライズ担当。仕事の依頼はDMかkipplemakerアットマークgmail.comまで kakuyomu.jp/users/kipplema… 木古おうみ@3巻4/25発売 @kipplemaker

*Nuxt.js 3で使う場合、一部のUIフレームワークは外部ライブラリが必要 結論 なんでもいい、早めに成果物をみたい：Quasar　Element+ レスポンシブサイトを構築したい：Quasar 高度なカスタマイズができるUIフレームワークを使いたい：TailwindCSS　PrimeVue スマートフォンサイトだけを構築したい：Vant IOS、Android、EXEアプリを作りたい：Quasar 補足 Vuetify 3はリリースしたばかりなので、結論に含まれていません クロスプラットフォームについて本記事は特に話しません SEOに気になれば、Nuxt.jsがおすすめです。SPAアプリは生まれた時からSEOに弱いです 🔰 学習の初心者へ： Vuetify 2がおすすめです。参考資料が多くて、Vuetify 2の場合は公式サイトで日本語のドキュメントもありますので、勉強しやすいと思

ソフトウェアアーキテクチャに絶対的な正解は存在しません。むしろ、さまざまな妥協点の中から選択を強いる難題、すなわち「ハードパーツ」が多く存在します。そのため、ソフトウェアアーキテクトには常にトレードオフを見極め、状況に合った選択をすることが求められます。本書は、読者が自身のアーキテクチャ上の難題に対して効果的なトレードオフ分析を行い、より良い決定ができるようにするための書籍です。 本書では、サービスの粒度やデータの所有権、コードの再利用やワークフローの調整、可用性や信頼性の実現といった現代のソフトウェアアーキテクチャの難題と、それに対するさまざまなアプローチやパターンを紹介します。そして意思決定を難しくするトレードオフについて、モノリスを分解しマイクロサービスアーキテクチャに再構築する例を通して詳しく説明します。 『ソフトウェアアーキテクチャの基礎』の著者らによる現代的なトレードオフ分析と

みずほ銀行が2021年2月から2022年2月までの間に合計11回おこしたシステム障害に関しては、様々な「誤解」が流布しています。 みずほ銀行のシステム障害を追いかけ続けてきた「日経コンピュータ」の記者が、システム障害の真相やそこから得られた教訓について解説します。 我々ITエンジニアが、より良いシステムを作る為に、みずほ銀行のシステム障害から何を学ぶべきなのでしょうか？より未来志向なシステム開発における教訓をご紹介します。 【ちょっと宣伝】上級エンジニア特化のキャリア支援サービスをはじめました！ 市場の変動がキャリアへの不確実性をもたらす昨今、これまで以上にエンジニアに寄り添いたいという想いから、上級エンジニア特化のキャリア支援サービスをはじめました。スポーツ選手のエージェントのようにエンジニアの立場で次のキャリアを提案いたします。一般的な転職エージェントのように募集中の案件を紹介するだけ

Gitでブランチ(コミット)間の違いを表示するgit diffコマンドに存在するダブルドット(..)記法とトリプルドット(...)記法の違いについて、Stackoverflowの分かりやすい回答。 「git diffコマンドで比較する時のダブルドット(..)とトリプルドット(...)の違いとは？」という質問へのMark Longair氏の回答 git diffコマンドは通常(「通常」というのは、例えばマージコンフリクトを解消する際などには3ウェイマージを表示することがあるため)、コミットグラフにおける完全な2つのポイント間のツリーの状態の違いを表示します。git diffでの..と...の表記は、以下の意味になります。 言い換えると、git diff foo..barはgit diff foo barと完全に同じです。どちらも2つのブランチfooとbarの最新の変更同士の違いを表示します。

射精終わったらさっさと活動した方が生存に有利そうなのになんでだるくて動けなくなるんだろう？ しばらくは留まっても、だるいなら襲われた時メスを守れない ということはやはり、交尾後に襲われたら自分が食われてメスを逃すためなの？ セックス後にすぐ100m走した時のタイムの落ち込みの男女差、みたいな研究データないか気になる 女の方が速かったりして 追記 え？ 運動後とかそんなんじゃなくて、射精と同時に全身に疲労物質が放出されてガチで動けなくなるときない？ 乳酸溜まりきった感じというか ガチでしばらく動けないまでは毎回はないけど、ある程度は運動のせいじゃないだるさあるでしょう？ あと賢者タイムというのは賢くなる感じじゃなくて盛って馬鹿なことしたことを我にかえって後悔する感じと思ってたけど、みんなそうじゃなくて本当に頭が冴える感覚なの？ 今まで一度もないわ 俺は、例えば、アイドルの大事な写真集に精液か

女装してバイクに乗る（ヘルメットからウィッグをはためかす）と信号待ちのとき運転席の男が食い入るように俺のケツを眺めてきてなかなか気持ちが悪い。

今はプログラミングができないけれども、ゆくゆくはできるようになりたい。そう思っている人は多いだろう。そうした人が知りたいのは「独学でプログラミングができるようになるのか」ということではないだろうか。 こうしたことを考えているのは、「独学コンピューターサイエンティスト Pythonで学ぶアルゴリズムとデータ構造」（日経BP発行）という書籍を読み始めたからだ。著者のコーリー・アルソフ氏は、大学の政治学科を卒業し、独学でプログラミングを学んで職業プログラマーになったという。前著の「独学プログラマー Python言語の基本から仕事のやり方まで」（日経BP発行）は、そうした経験を通して同氏が得たプログラミングの知識をまとめたもの。そうした知識の中から、特にアルゴリズムやデータ構造といったコンピューターサイエンスに焦点を当てて解説したのが本書だ。 もっとも同氏がいう「独学」は、大学でコンピューターサイ

小型キーボード「Stream Deck」のマクロ機能付きは、入力作業の効率化に大いに役立つ（図12）。専用のアプリをインストールしておき、本体に並ぶ個々のボタンにショートカットキーやファイル、テキストなどを割り当てるという使い方だ（図13）。メールのテンプレートや、アプリのショートカットキー、Webサイトへのアクセスをワンタッチで確実に実行できる。ボタンの数は15個だが、複数の機能をまとめて収納できるフォルダー機能や、操作中のアプリに応じて登録内容の表示が自動で切り替わるプロファイル機能があるので、不足に感じることは少ないだろう（図14）。なお、ボタン数が6個や32個のモデルもある。

テレワークなどの際に家庭とオフィスの間の通信を秘匿し、セキュリティを保つVPN。近年ではフリーWi-Fiを安全に使う手段としても注目されている。VPNの基本原理からソフトの選び方、上手な活用法、ありがちなトラブルへの対処法などを解説する。 自宅や職場のネットワーク（LAN）に、外出先などからVPNで接続する環境を個人レベルで作ることもできる（図1）。外出先からLAN内の共有フォルダーのファイルを取り出す、メディアサーバーに保存されている音楽を聴くといった使い方ができる。ただし、外部からの通信要求を受け付ける環境をつくることになるため、設定を間違えると不正アクセスを許すことにもなりかねない。利用には十分注意しよう。職場では、導入前に説明をし、同意を得よう。

年間1000万人超が買い物をする衣料品EC（電子商取引）モール「ZOZOTOWN（ゾゾタウン）」。運営元のZOZOは現在、同社初となるZOZOTOWNのシステム刷新を5年越しで進めている。オンプレミス環境で2004年に構築したシステムをつくり替え、処理能力の引き上げと合わせて、アプリケーションの開発効率を向上させる狙いがある。 「開発とビジネス部門を密に連携する『BizDevOps』という方針の下、ユーザーに対して本質的な価値を素早く提供できるようにしたい」。プロジェクトを率いる瀬尾直利技術本部本部長兼VPoEはシステム刷新の背景をこう語る。 ストアドプロシージャーをJavaに書き換えるも性能出ず システム刷新は現在も続いており、目指す姿までの進捗率は50％程度という。これまでの取り組みを振り返ると大きく2つのフェーズに分かれる。第1期に当たる2017年から2019年にかけては、オンプレミ

経済産業省、東京証券取引所、情報処理推進機構（IPA） が2022年6月に発表した「DX銘柄2022」。その選定企業は日本における DX（デジタルトランスフォーメーション） の先進企業と位置づけられ、大半がDXの取り組みを全社に広げている。DXの全社展開では全社ビジョンを浸透させたうえで、業務の現場を組織的に支援することが不可欠だ。DX銘柄2022の選定企業はDXの全社展開において、どのような組織的支援をしているのか。特徴的な事例を取り上げる。今回はDX銘柄2022に選定されたふくおかフィナンシャルグループ（FG）の取り組みについて、傘下のみんなの銀行のケースを中心に紹介する。 みんなの銀行は2021年5月にサービスを開始したデジタル専業銀行で、メインの顧客ターゲットはデジタルネーティブ世代だ。スマートフォンの専用アプリによって口座振り込みやローン申請などの取引サービスを提供している。シス

ヤフーの「Yahoo!」では、各種Webサービスが提供されている。Yahoo!カレンダーやYahoo!天気などを使っている方も多いだろう。Googleなどの超定番サービスとダブっている部分も多い。だからこそ、情報に独特のこだわりがあるようで、かゆいところに手が届いている。今回は、Yahoo!地図、Yahoo!路線情報、Yahoo!簡単バックアップを紹介していく。 地図上の情報が見つけやすい 「Yahoo!地図」は、いわゆる地図アプリだ。使い方は簡単で、住所やキーワードを入力して地点を検索すればよい。はっきり言って場所を探すだけなら、Googleマップとの違いは少なく、どちらを使ってもよいだろう。地図の見やすさが違うのだが、そこは好みの問題でもある。 面白いのが、我々がよく探す情報がカテゴリー化されていて、地図上ですぐに見つけられることだ。ラーメン、バー、テークアウトなどの飲食カテゴリーから

ビジネスでデータサイエンスを活用するシーンとして、過去データを使って将来を予測するタイプの問題がある。商品販売数や店舗売上高など、折れ線グラフを使って表現するようなデータ（時系列データ）に基づいた時系列分析だ。過去の販売データに基づいて翌月の発注量を決めたり、3年後など中長期の計画を策定したりするのに使う。今回は、この時系列分析に活用しやすい3つのアルゴリズムを見ていこう。 Prophet

はてなで働くエンジニアにアンケートシリーズ第21回は、ノベルチームのWebアプリケーションエンジニア、id:k-murakami0609に話を聞きました。 バリバリ開発をする環境に身を置きたかった サポート役に回りつつもバリバリ開発ができている チームでは会話や雑談の時間を多くとるように Reactについてデザイナーとのコミュニケーションを深めた メンバーが面白いと思えるタスクに集中できる状態を作りたい バリバリ開発をする環境に身を置きたかった ── Q1. はてなidとその由来を教えてください id:k-murakami0609 です。本名と誕生日の組み合わせです。 はてなには、スタッフをはてなIDで呼び合う文化があるので、もうちょっとひねったものにすればよかったかもと後悔しています。 ── Q2. いつどんなきっかけで入社しましたか？ 2019年11月に中途で入社しました。 前職ではt

世界最大の開発者プラットフォームとして、アイデアベースからユニコーン規模へと成長するために必要となるツールを、スタートアップ企業向けに提供を開始します。 スタートアップ企業は未来を築いています。GitHubでは、こうした企業が成長するためには、独自のリソースやサポートが必要であることを知っています。本日より、世界中のスタートアップ企業を対象にGitHub for Startupsの提供を開始いたします。利用希望の企業は今すぐお申し込みいただけます。 世界で最も革新的な企業はGitHub上で開発されています 今年初めにGitHub for Startupsを立ち上げ、世界中のパートナーやパイロットグループの何百ものスタートアップ企業と検討を重ねてきた結果、開発者間のコラボレーションと生産性、セキュリティ、イノベーションのスピードの重要性がかつてないほど高まっていると認識しました。今日に至るま

People Tech （テクノロジーによって人の可能性を拡げる）事業を展開する株式会社アトラエ（本社:東京都港区、代表:新居佳英、東京証券取引所プライム市場:6194）は、組織力向上プラットフォーム「Wevox」（ウィボックス、以下「Wevox」）のデータを用いて測定したエンゲージメントと株価の関係について、一橋大学野間幹晴教授と共同研究を行ったことをお知らせいたします。 《背景》 2022年8月、内閣官房より「人的資本可視化指針」が発表され、金融庁からも「2022事務年度金融行政方針」が示されました。また、経済産業省の「人材版伊藤レポート」では企業価値向上のための「人的資本経営」が提唱され、岸田首相率いる日本政府も「人への投資」を成長戦略の柱と位置付けています。 これらを受け、従来はコストと捉えられていた「人材」が、近年では企業利益や企業価値を生み出す重要な「資本」として認識が変化し、

DAZNでアーキテクトを務めた著者が、マイクロフロントエンドアーキテクチャの概念、長所と短所、導入のポイントなどを俯瞰的に説明します。プロジェクトに適したアーキテクチャをどのように見極めるべきかについて、デプロイ可能性、モジュール性、テスト容易性、パフォーマンス、開発者体験といった観点から、多角的に分析することの重要性を強調します。また、マイクロフロントエンドを導入する予定がない組織にとっても、自律性、生産性の高いチーム作りのヒントを得ることができます。巻末の付録では、開発の最前線で活躍する8人にインタビュー。マイクロフロントエンドの威力、可能性、落とし穴など、開発現場の貴重な「生の声」を収録。一筋縄ではいかない開発の風景を垣間見ることができます。実装サンプルはすべてGitHubから利用可能です。 序 まえがき 1章　フロントエンドのいま 1.1　マイクロフロントエンドアプリケーション 1

今回はバックエンドAPIでページネーションをどうやるかについての話なので、よくある無限スクロールUIのようなフロントエンド側の実装に関する話はしない。あくまでもAPI、もっと言えばRESTfulなAPIのリクエスト・レスポンスにおけるページネーションの話。 本気で深く考えるというよりざっくり検討したときの話です。 はじめに REST APIを実装するにあたってリスト系のAPIを提供する場合に必須といっても過言ではないのがページネーション。大量のリソースをレスポンスする場合にそれらを一気に返してしまうことは応答速度、転送量、クライアントサイドでの扱いづらさなどなどに繋がるので必須と言える。 最近、新たなAPIを開発するにあたってページネーションをする必要があったこともあり、今回はこのページネーションをどうやって提供するか整理して改めて検討してみた。 前提 TypeScript Nest.js

Building a floating action button (FAB) component Stay organized with collections Save and categorize content based on your preferences. A foundational overview of how to build color-adaptive, responsive, and accessible FAB components. In this post I want to share my thoughts on how to build color-adaptive, responsive, and accessible FAB components. Try the demo and view the source! If you prefer

こんにちは。ユーザープラットフォーム開発本部(UP部)の原です。 あなたのチームの雑談チャンネルは1日あたり何回ぐらい発言がありますか？ 小さい仲良しチームなら頻繁に発言があるかもしれませんが20人,30人あたりになってくるとだんだん発言が少なくなってきますよね。 チームメンバーのエンゲージメントや生産性を高めるためには少なくともお互いがどんな人なのかを知っているようにしておくべきです。 JMDCは数百人いる組織だし、私の所属するUP部だけでも20名以上の社員が所属しており、しかもほぼ全員リモートで仕事をしている状況なので、いかに "チームメンバーがお互いにどんな人なのかを知っている状態" を作り出すかが課題になっています。 GitLabのリモートワークガイド参考にする 自らを “A world leader in remote work” と呼んでいるGitLabも雑談を重要なものと捉え

チーム分割って難しい エンジニアリングマネージャーのkobaanです ついにフィットするオフィスチェアを手に入れました。KnollのGenerationというプロダクトで背もたれがいい感じに曲がるのでとても重宝しています 今回はScrumチームを分割したときのお話ができればと思います。 チーム人数肥大化によるリスクの顕在化 多人数化したスクラムにおけるイベントの非効率性 案件認知負荷の増大 チーム分割の方針策定 もともとのチーム構成 転機の時 コードレベルまで至らなかったコンポーネントチームの罠 参考）ComponentチームとFeatureチームの違い ユーザーストーリーの特性に合わせたFeatureTeam 考えた結果としてのプロダクト基盤チーム 複数チームの運営 結果はどうだったか？ 最後に チーム人数肥大化によるリスクの顕在化 弊社では順調に採用で人数を伸ばしていましたが、一方で開

技術責任者の@kenchanです。先月はRubyKaigiとPHPカンファレンス2022というin-personなカンファレンスに参加し、久しぶりにたくさんの方とお話ができてとても楽しかったです。さて、本記事ではEC事業部のチャプターの1つであるエンジニアリングマネジメントチャプターでの活動である「大臣」制度を紹介をします。 「大臣」制度の狙い 皆さんは「大臣」と聞いたときにどのような人、役割を思い浮べますか？日本であれば内閣の構成員である国務大臣をイメージするのではないでしょうか。現在の日本国における大臣はどのようなものがあるのか大臣・副大臣・大臣政務官 - 内閣府で見てみると、省庁の名前がついている大臣だけではなく、重点政策のようなものにも「担当大臣」という役割がついています。EC事業部における「大臣」はここでの「担当大臣」のように、現在の事業部における重点課題の解決を主導してもらうこ

こんにちは。LINEでさまざまなサービスのQAを担当しているSoogwang Chaeです。私は社外のQAの方々とコミュニケーションするために、さまざまなチャネルを利用しています。今後は、LINE Engineering Blogブログを通じて多くの方と、QAに関するさまざまなテーマについてコミュニケーションをしていきたいと思っています。今回の記事では、QAが「Quality Assurance」から「Quality Assistance」「Quality Advocator」に変化してきた流れを説明します。そして、その変化の流れの中で行った「Shift-left」と「Shift-right」というアプローチによって、いかにより良い品質を確保できるようになったかについてご紹介します。 QA（Quality Assurance）はなぜ品質を保証できないのか 従来のQAでは品質の基準を設け、そ

2022年9月28日に『業務に役立つISUCON』というイベントを開催しました。イベントでお話した内容をご紹介します。 登壇者紹介 hogelog CTO室 バックエンドエンジニア。 ISUCON歴：初参加 ahogappa STORES ブランドアプリ バックエンドエンジニア。22卒入社。 ISUCON歴：初参加。ずっと参加したかったので、参加できてうれしかった！ waniji STORES 予約 SRE。 ISUCON歴：ISUCON4から参加していて、ISUCON12で8回目の参加。 ISUCON12 と heyの関わり ISUCON12 にゴールドスポンサーとして協賛しました。 イベントレポート 予選に向けての準備は？ hogelog：wanjiさんは8回目の参加ということですが、毎回どういう準備をしているのか、今回どういう準備をしたかを教えてもらえますか？ wanji：基本的なと

こんにちは、CTOの山岡（@hiro_y）です。 イノベーター・ジャパンではオフィスが複数拠点（東京、福岡、柏、湘南）に分かれているため、コロナ禍以前からオンライン会議（Web会議）を活用してきました。最近ではリモートワークも導入され、一層その頻度が増えています。サービスとしてはZoomやGoogle Meetを使っており、音声だけで済ませる場合はSlackのハドルミーティング（Huddle）を使うこともあります。 距離が離れていても気軽に顔を見て話すことができるオンライン会議はとても便利なのですが、終わらせ方が難しいと感じることがあります。何となく会議や話がスッキリ終わらないな…という体験、されたことがあるのではないでしょうか。もうお互いに話が終わったか、探り合いのようになってしまうこともありますね。 対策として自分がやっているのは、終わりにする、解散する際の決まり文句を決めておくことで

こんにちは。パーソルプロセス＆テクノロジー(以下パーソルP＆T)の松浦です。 突然ですが質問です。みなさんの会社には「品質監査部」はありますか？ ITコンサルティング・SIerなど、プロジェクトを通じてお客様の開発・運用・保守をご支援されている企業にお勤めの方だと類する部門があるのではないでしょうか。 「品質監査部」は、簡単にいえばプロジェクトのトラブルを未然に防いだり、スケジュール通りの進行を支援したりすることがミッションです。プロジェクトに入っている方にとっては身近ではないかもしれませんね。 その上でもう一つ質問です。品質監査部に所属したことのあるエンジニアの割合、ご存じですか！？ 私たちパーソルP&Tの場合、所属するシステムソリューション事業部の人数は約1,200名ですが、品質監査部のメンバーはわずか5名です。単純に、割合にすると【0.4%】となります。。。 今回は、そんな稀な（笑）

スクリーンリーダーがさらにつかいやすく！　アクセシビリティ強化に向けた6〜8月の取り組みをご紹介します noteは「だれもが創作をはじめ、続けられるようにする。」というミッション達成に向けて、あらゆるクリエイターが創作活動をたのしめるよう、ウェブアクセシビリティ（※1）の向上に力を注いでいます。 ※1 ウェブアクセシビリティ 一般にアクセシビリティとは、アクセスのしやすさを意味します。転じて、製品やサービスの利用しやすさという意味でも使われます。 ウェブのアクセシビリティを言い表す言葉が、ウェブアクセシビリティです。ウェブコンテンツ、より具体的には、ウェブページにある情報や機能の利用しやすさを意味します。 ウェブアクセシビリティ基盤委員会「基礎知識」 2022年6〜8月は、社内勉強会でアクセシビリティに対する意識を社内に浸透させるほか、ウェブのカイゼン、ユーザーインタビュー、社内整備などを

先人の教えに背いてCDKのスタックを分割した男の末路 / The fate of the man who split the CDK stack

SaaS Design Conferenceは、SaaS業界で働くデザイナーの輪郭線を描き、BtoBビジネスとデザインをつなぐカンファレンスです。

これによって、意思決定を誤ったり、指示を異なる意味で受け取ったりした場合、いくらその後の業務遂行を正しくしたとしても結果は失敗です。

Except Singapore, we’ve got a world of sub-100 millisecond TTFBs. This is because instead of heading off to Virginia to get the site, each of these locations can use an edge server nearest to them. The edge is about getting 50ms response times vs 150ms response times. You can test this for yourself with a VPN. If you: curl -I https://deno.landYou’ll get the server nearest your location: server: de

仕事の都合上、Django を覚える必要が出たので、その素振り課題が欲しい + スプラトゥーンを強くなりたいというニーズが出会って スプラトゥーン 3 反省会会場 を作りました。 色々技術的な挑戦をしたのでそのまとめをします。 スプラトゥーン 3 反省会会場とは スプラトゥーン 3 反省会会場は、自分のスプラトゥーン３プレイ動画を録画して、後から見返して反省をするためのサイトです。ただ反省文を書くためだけに作っていたのですが、どうせなら改善点のアドバイスなどがもらえるようにと思って Youtube への紐付けと反省文を外部から見られるようにしています。 反省文を書こうと思ったきっかけはウデマエを上げたいからで、普段同じようなミスをしている気がしているのでしっかりと反省することと、その反省すべきシーンだけを後から何度でも検索して見返せるようにすることが目的です。 いまではご飯を食べる時は常に