ミラティブ、34億円の資金調達を実施「ライブゲーミング」で常時接続時代のＳＮＳとしての成長が加速MIXI・丸井グループ・​​KDDI Open Innovation Fund 3号・バンダイナムコエンターテインメント・セガなどから資金調達を実施 スマホゲーム配信者数日本一のゲーム配信プラットフォーム「Mirrativ（ミラティブ）」（以下Mirrativ）を運営する株式会社ミラティブ（本社：東京都目黒区　代表取締役：赤川隼一）は、MIXI、丸井グループ、KDDI Open Innovation Fund 3号、バンダイナムコエンターテインメント、セガの5社を新たな引受先とした第三者割当増資を実施いたしました。商工組合中央金庫、三菱UFJ銀行、みずほ銀行、りそな銀行からの融資を含め、合計34億円の資金調達となります。今回の調達により、当社の累計調達額は約97億円となります。 今後は、日本のS

リンク Tters Tters - 棲み分けしやすい匿名SNS Tters(ッターズ)は、自分に合った〇〇ッターを作成し、フォローして自由につぶやける匿名SNSです。匿名だからこそ、人間関係のストレスやプレッシャーとは無縁で、自分らしく自然体でありながら自己表現が可能な空間を提供しています。SNSに疲れた人々が集まる寄り合い所でもあります。 28 users 1 つみきさん@つみきUIデザインの日常 @tsumikiuiux Twitterに疲れたらここに逃げる。ご飯食べるとかお菓子が美味しいとか、初期のTwitterみたいなふわふわしたつぶやきばっかりで癒される… tters.jp

イオンリテールが、快適な買い物環境を実現するために「AIカメラ」の活用を進めている。2021年5月、「イオンスタイル川口」（埼玉県川口市）に導入したのを皮切りに、70店舗にまで拡大（22年11月末時点）。22年度末には約80店舗に導入予定だ。

Innovative Tech： このコーナーでは、テクノロジーの最新研究を紹介するWebメディア「Seamless」を主宰する山下裕毅氏が執筆。新規性の高い科学論文を山下氏がピックアップし、解説する。 早稲田大学中島達夫研究室、カタールのQatar Universityに所属する研究者らが発表した論文「Piton: Investigating the Controllability of a Wearable Telexistence Robot」は、肩の上で動作するヘビ型ウェアラブルロボットを提案した研究報告だ。肩から出た8自由度のロボットを、遠隔から別のユーザーが視覚と聴覚のフィードバックを受けながら操作を行う。

はじめに STORES 予約でSREを担当している矢作です。 STORES 予約では今年(2022年)の9月にアプリケーションを構成する大多数のサーバーをEC2からECSへと移行することでコンテナ化(以降ECS化)しました。 今回はコンテナ化をすることで解決を目指した課題についてや、コンテナ環境でどういったアーキテクチャを構築し、その後移行していったのかについてお話ししていきます。 コンテナ化以前の構成 コンテナ化する前のSTORES 予約のざっくりとしたインフラ構成は以下のようになっています。 一台のEC2インスタンスの中に、Nginx(緑のアイコン)、Next.js(黒のアイコン)を利用して作られたコードベース、Railsを利用して作られたコードベースの3者が同梱されています。 Nginxがリクエストを受け取り、パスベースでNext.jsかRailsのプロセスへとインスタンス内でリバー

■Gather.Townとは ■Gather.Townの背景と前景についての前提知識 ■必要なツールとソース Tiled gathertown/mapmaking Step.0 自社オフィスの見取図を手に入れる Step.1 MapmakingをCloneする Step2. テンプレートをベースに作っていく 基本機能説明 Step3. 不要なものを消していく Step4. 作りたいものを作っていく Extra Step1. 影を付ける Extra Step2. 背景を設定する Step5. 画像を出力しGatherに設定 Step6. Tile Effectを設定する Step7. 細かな効果設定をする ■おわりに ■参考資料 こんにちは！ 実は9月から株式会社Hajimariに入社していた上山です。 インターネットでは 「やむ」 という芸名でやらせていただいております🙏 ITプロパート

カプコンの大人気格闘ゲーム『ストリートファイター』シリーズが、今年で35周年を迎えている。1987年に1作目がアーケードゲームとして登場し、4年後の91年から稼働している『ストリートファイターII（ストII）』が世界的な大ヒット。アニメ化やハリウッド実写映画化もされ、2D格闘ゲームの代名詞となった。『ストII』以降も現在に至るまで作品は続いていて、2023年には『ストリートファイター6』も登場予定だ。 一方で、『ストII』の人気は根強く、30年以上経った今もなお、多くの企業間コラボが展開されている。例えば、17年3月にはトヨタ自動車のSUV「C-HR」とのコラボが実施され、ゲーム中の車を破壊するボーナスステージに「C-HR」が登場した。 22年6月には、『ストリートファイター』35周年の一環としてサントリーの「天然水スパークリング」とのコラボ商品も販売された。18年には佐賀県と『ストII』

2022年8月26日に出版された、エンジニア組織のマネジメントを解説した書籍『エンジニアリングマネージャーのしごと』。 マネージャーとしての心構えから、日々のふるまい、採用や評価、そしてキャリアについての考え方などを網羅的に取り上げており、「マネージャーになったばかりで勉強になる部分が非常に多かった」「全エンジニアリングマネージャーが読むべき」と話題の1冊です。 今回は、本書の翻訳者のひとりである吉羽龍太郎氏に、見どころはもちろん、ご自身の経験も踏まえたエンジニアリングマネージャーがぶつかりやすい悩みに対する解決策についてもお話を伺いました。 マネジメントの一歩目「自分を管理しよう」に多くの反響 ――さっそくですが、『エンジニアリングマネージャーのしごと』について、特に吉羽さんが重要もしくは興味深いと思われたポイントなどを伺ってもよいでしょうか？ 吉羽龍太郎氏（以下、「吉羽」）：本書は全1

はじめに こんにちは、株式会社TechBowlエンジニアインターンのsoheyです。社内ではそうちゃんと呼ばれています。 入社面接時に「裁量が欲しい」と伝えた結果、社員エンジニアの育休期間だけインターンがテックリードになった話をお話しします。 ↓社員エンジニア スーさんの育休についての記事はこちら 経緯 大学2年生の時に元々ユーザーとして利用していたTechTrainの運営元である、TechBowlにインターンとして入社しました。 元々、「ただ働く訳ではなく、会社のために色々考えて動いてみたい！」という思いがあったり、3社目のインターン先だったのもあり、調子に乗って入社面接時の逆質問で社員エンジニアのスーさんに「裁量がもらえるか」という質問をしました。 このことをスーさんがずっと覚えていてくださり、仕事に慣れてきたぐらいからある程度裁量のある仕事を任せていただいていました。 そこから1年近

こんにちは。株式会社ペライチ のインフラエンジニアの西野です。 前回は、NATGWを導入したことによるインフラエンジニアの幸福度の記事を書かせていただきましたが、今回はテック系ではなく弊社の心理的安全性について個人的な感想で書きたいと思います。 背景 私は2018年9月にペライチへJoinしました(もう4年経つんだ。。) このような記事は大体、入社間もない方が入ってどうだったのかを振り返るスタイルが多いと思いますが、今回はテックネタが無く。。ではなく、ラジオで耳にした転職に迷ってる方の話を聞いた時、自分が転職した時の振り返り、そして弊社の心理的安全性ってどうだったのかを4年在籍した今、振り返ってみようと思い記事にしました。 結論 いきなり結論からですが、個人的には転職して正解でした！！それは弊社の心理的安全性が高かったからだと思います。 では、なぜこの結論に至ったのか僕なりに考えて書いてみ

【Mac】RaycastでNight ShiftのON/OFF設定切替をショートカットキーで実現して、クリエイティブかつ目に優しい世界を。 はじめに Adobe XDやFigma等を使ってデザインを作成しているWebデザイナー、そのデザインのコーディングを担当するフロントエンドエンジニアやWeb制作を仕事にしているコーダー（マークアップエンジニア）の皆さんに質問です。 「あなたの目、疲れていませんか？」 そんなあなたにオススメしたいのが、Mac OSに内蔵されているNight Shiftという機能です。 「そんなの知ってるよ！」 という方は多いかもしれませんが、一応説明します。 Night Shiftという機能を使えば、ディスプレイの色味が暖色に変わり、液晶のブルーライトによる目の負担が軽減します。システム環境設定＞ディスプレイ＞Night Shiftから設定可能です。 ちなみに、私は以下

仕事において、相手に情報を正しく伝えることは必須です。逆に、伝えたいことが正しく伝わらなければ、相手は誤った情報を元に業務を遂行することになります。結果、いくら質高く、効率よく仕事をしたところで、アウトプットは想定外のものとなり、全く役に立たない場合すらあります。 このように正しく伝えることはよりよい仕事をする上での大前提であり、非常に重要です。そして、正しく伝えることは才能ではなく習得可能な技術です。「正しく伝える技術入門」では、伝えたいことを意図通りに正しく伝えるために必要ことをまとめます。 # 更新情報 * 2022/11/16 - 公開

この記事は、TechFeed Experts Night#8 〜 JavaScriptランタイム戦争最前線の開催に際し、TechFeedのデータを元に日本語記事ランキングを紹介していくものです。 本記事は、TechFeed Experts Night#8 〜 JavaScriptランタイム戦争最前線のセッション書き起こし記事になります。 イベントページのタイムテーブルから、その他のセッションに関する記事もお読み頂けますので、一度アクセスしてみてください。 本セッションの登壇者 こんにちは、TechFeed CEOの白石です。 この記事は、TechFeed Experts Night#8 〜 JavaScriptランタイム戦争最前線の開催に際し、TechFeedのデータを元に日本語記事ランキングを紹介していくものです。 60日以内で、獲得スコアが高かった順にトップ10を紹介しています（1pt

本記事は、TechFeed Experts Night#7 〜 コンテナ技術を語るのセッション書き起こし記事になります。 イベントページのタイムテーブルから、その他のセッションに関する記事もお読み頂けますので、一度アクセスしてみてください。 本セッションの登壇者 セッション動画 加藤と申します。SNSでは@ten_forwardとして活動しています。また、gihyo.jpで2014年からコンテナに関する連載LXCで学ぶコンテナ入門 －軽量仮想化環境を実現する技術を執筆していて、それをもとにした同人本 Linux Container Book (1) Namespace / Network 編も作っていますので、よろしくお願いします。 今日はKubernetesのことをよくご存知の方がたくさんお揃いですが、私は趣味でコンテナを使っていて、とくにカーネル周辺の技術に興味があるので、そのあたりだ

NTT Communications の社内ランチ勉強会 (TechLunch) で講演した資料です。

プログラミング言語Rubyの国内最大級のカンファレンス「RubyKaigi」。「RubyKaigi 2022」のKeynoteで登壇したのは、齋藤優太氏。「Ruby meets WebAssembly」のテーマで、WebAssembly上でRubyが動くようになった経緯、テクニック、ユースケースについて発表しました。全2回。後半は、WebAssemblyのユースケースについて。前回はこちら。 WASIでCRubyをWebAssemblyにポートする方法 齋藤優太氏：ここまでが前半戦で、ここからどうやってCRubyをWebAssemblyにポートしたかを紹介します。 CRubyはCで書かれたプログラムなので、すでにいろいろな環境にポートされています。このCRubyのソースコードは、かなりポータブルに書かれているので、CからWasmにコンパイルするコンパイラもあるしポーティングは簡単だなと。

パフォーマンスを出すとは 自己紹介 GENYA（げんや）です。 フロントエンド周辺の 開発者です。 パフォーマンスを出すとは どういうことなのか パフォーマンスの意味 パフォーマンス per form ance パフォーマンス per form ance 必要な時間、使用されたリソースなどの観点から見積もられた、達成された有用な作業の量。 (他にもたくさん意味があるので興味があればリンクを押してください) 引用: performance https://en.wiktionary.org/wiki/performance 必要な時間、使用されたリソースなどの観点から見積もられた、達成された有用な作業の量。 とは何か？ 一人の人間の例 GENYAという人が居て 24時間中16時間活動できる健康な身体があり その中で使われる8時間の労働時間で 出せる仕事上の成果 高パフォーマンスの仕事人とはど

@potato4d が Tech-Verse のセッション質問者代表の @jaycompsci, @naoto.ikuno, @yukishiba, @showkittie に、各セッションのみどころを聞いてみました。 Tech-Verse とは？ https://tech-verse.me/ja Tech-Verse 2022は、LINEとヤフーが合同で11月17日、18日の2日間に開催するオンライン技術カンファレンスです。両社をはじめ参加各社の多彩なメンバーによって、最先端の挑戦や積み重ねてきた知識を共有します。 Front-End セッション一覧 https://tech-verse.me/ja/sessions/#web_frontend LINE のフロントエンドセッション Feature Toggleを用いた大規模改修への開発アプローチin LINEスキマニ https://t

第一線で活躍するCTOに日々の業務や未来をインタビューする「Voicy公式 厳選！CTO百景」チャンネル。ここで株式会社カオナビの松下氏が登壇。続いて、3社目に入社したサイバーエージェントでの活動から、カオナビ入社に至るまでについて話します。前回はこちらから。 転職前の有休消化中は毎日勉強会に参加 やまげん氏（以下、やまげん）：そのあとはどういったキャリアを描かれていたんですか？ 松下雅和氏（以下、松下）：その会社の業務委託でいろいろなところに行っていたので、自社開発を1ヶ月ぐらいしか経験をしていなくて。所属意識みたいなところがだんだん薄まってきてしまって、もう少し自分の自社サービスをやる会社に行ってみたいなとなりました。 当時、業務委託先で行ったのがサイバーエージェントでした。仕事ももう辞めると決めて、2ヶ月間有給消化期間があったので（その期間に）勉強会に参加したら、業務委託でいた時に一

LINEのフロントエンド開発領域での現在の課題・今後の展望 司会者：（スライドを示して）今回イベントを開催するにあたって「どういうことを話したらいいんだ」という打ち合わせをする中で、「やはりこういうところがみなさん気になるんじゃないか」ということで、最初のトピックをあげました。 各社のセッションの中でもいろいろ触れてもらったと思いますが、それぞれの説明を聞いていて「うちもこういうことある」とか「このあたりもうちょっと補足しておきたい」とか（ありますか）。 先ほどの資料をもう一度出してもらってもいいんですけれど、今何に課題を感じていて、今後どうしていきたいのか。事業的な展望もあるかもしれないし、組織かもしれないし。どういった点でもいいので、それぞれ聞きたいなと思います。 順番が逆になるけれど、英児さんから行こうかな。福島さんどうですか？ 福島英児氏（以下、福島）：はい。LINEの場合、事業と

こんにちは、TechFeedの白石です。 この度、TechFeedに「JavaScriptランタイム」チャンネルを追加しました！ これまで、JavaScriptランタイム（サーバーサイドなど、スタンドアローンで動作するJavaScript環境）業界は、Node.jsの「一強」状態が続いており、そこにDenoが独自の世界観で挑んでいる…という構図でした。 が、「Node.jsの数倍高速」を謳う Bun.jsの登場で、JavaScriptランタイム界隈が急に熱くなりました！ 以降はDenoもnpmへの対応を表明＆急ピッチで実装、Bun.jsも外部からの大型資金調達に成功するなど、にわかにJavaScriptランタイムは「戦国時代」の様相を呈しています。 そんなJavaScriptランタイム界隈の「今」を探るべく、以下の3名の方々を公認エキスパートに迎え、TechFeedでも「JavaScrip

はじめに Vue3ではViteがデフォルトになり、構築手順が色々と変更されているので、今回はQuasarを使ったMaterial DesignベースのToDoアプリ開発手順を紹介します。Quasarについては、この記事も参考にしてください。 基本的には、Why Quasar?にあるYoutubeも参考しましたが、色々と改良しています。 WSL2での開発環境構築 # ubuntu update sudo apt update sudo apt upgrade # npm sudo apt-get install curl curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash source .bashrc nvm install --lts $ npm init vue@latest Ne

const material = new MeshStandardMaterial({transparent: true}); material.alphaMap = dissolveMap; material.alphaTest = 0.5; こちらの方法は公式のサンプルで即座に試すことができます。 以下の手順でパラメータを操作してみてください。 MeshBasicMaterialクラスから利用できます。 カスタムシェーダーで実現する 上記の演出では物足りない、自身でもっと拡張したい場合はシェーダーをいじる必要があります。 以下拡張例を紹介しますが、原理の説明に際して以下の動画に一度目を通しておくと内容が理解しやすくなるかもしれません。 （こちらUnityでの実装方法かつ英語ですが、途中の図の説明だけでも何となく理解できるかと思います） さてカスタムシェーダーといえばShaderMate

const FOO_COLUMNS = ["id", "name", "flag"] as const; type FooColumnTypes = [number, string, boolean]; type FooIndex = Exclude<keyof typeof FOO_COLUMNS, keyof unknown[]>; type FooTableRow = { [P in FooIndex as typeof FOO_COLUMNS[P]]: FooColumnTypes[P]; }; で、これ何やってるの？ FOO_COLUMNSからインデックスの番号を抽出した上でそれぞれの要素にインデックスアクセスしてマッピングしています。 TypeScriptのタプルはそれぞれのインデックスの型と長さが指定されたArrayの型として表現されています。そこからインデックス部分だけを抽

悩める経営者が必要とする「心の救済」 入山章栄氏（以下、入山）：僕は、これからの組織はほぼ宗教化すると思っています。ちなみにこれもこの前池上さんに言ったんですけど、今日のテーマである『世界標準の経営理論』の本を出してやったことも、実質宗教活動ですって話をして。 『世界標準の経営理論』（ダイヤモンド社） なぜかというと、（この本の内容は）世界の経営学でふつうに言われていることで、別に僕が考えたことではないんですけど、ただそれをまとめた人がいなかったんで僕がまとめただけなんです。でもそうすると、悩んでいて心の救済が必要だった経営者さんが日本中にいるわけですよね。そういう人たちがこの本を読んで、「入山がなんか言っている、『両利きの経営』とか」と。 今日本中のどこの大手企業の経営会議を聞いても、『両利きの経営』の話をしているらしいんですけど、ああいうのをやはり「心の支え」にしてくれるわけですよね。

佐々木真氏に聞く「PMスクール」「PM Club」に込めた想い リクルート時代は関わる全プロジェクトを燃やした「伝説の問題児」 PM Club主催者・佐々木真氏が燃やし続けた中で得た、大きな学び ITを活用したプロダクト開発の重要性があらゆる業界で増していく中、活躍の場がどんどん広がっていくと予想されているプロダクトマネージャー。一方で、海外と比較するとプロダクト開発を体系的に学べる場は少ないのも現状です。 そこで今回は、「PM Club」「PMスクール」の主催者である佐々木真様にインタビュー。コミュニティを立ち上げた理由、そこで実現したいことをおうかがいしました。全3記事。1回目は、佐々木氏の経歴について。 「スタディサプリ」の事業立ち上げを経験、現在は4回目の起業中 ーーまずは、佐々木さんの経歴を教えてください。 佐々木真氏（以下、佐々木）：私は国際基督教大学（ICU）を卒業して、ドリ

Sapling is a new Git-compatible source control client. Sapling emphasizes usability while also scaling to the largest repositories in the world. ReviewStack is a demonstration code review UI for GitHub pull requests that integrates with Sapling to make reviewing stacks of commits easy. You can get started using Sapling today. Source control is one of the most important tools for modern developers,

イベント概要 今回はメインテーマを「社会を変えるサービスデザイン」として、事業のリードデザイナーによるLTとそれぞれのデザイン組織トップを交えたパネルディスカッションで、エムスリーとマネーフォワードそれぞれが考える「デザイナーが社会を変える可能性」についてお話します。 「誰かの役に立つ」、「社会にいい影響を与える」デザインとは？ 社会に貢献できるデザイナーになるには？ 社会を変えるサービスデザインを事業会社で推進するためには？ 社内や社会でデザイナーの影響範囲を広げていくためには？ このようなテーマにご興味がある方におすすめのイベントです！ 参加者のみなさんからもご質問やコメントをいただきながら進めていきます。 Zoom開催、途中参加・退出もOKなので、お仕事や家事の合間にぜひご参加ください！ こんな方におすすめ デザインで社会貢献や人の役に立ちたい 狭義のデザインだけではなく広義のデザイ

ハッカソンに優勝するつもりで参加した 先日、500名がエントリーし98プロダクトが提出された東京Web3ハッカソンに参加しました。 東京Web3ハッカソンの開発期間は2-4週間に渡り、大きな時間と労力の投資です。しかし優勝賞金は60万円であり、審査員は有名な企業やVCが並ぶため、優勝した際のROIは高いと思いました。 逆にいうと、優勝しなければ金銭的にも認知的にもROIが著しく低下してしまいます。 私は、優勝以外を目指さない覚悟で参加しました。 参加してわかった優勝プロダクトの法則 私はまず、調査を行い、他ハッカソンの優勝プロダクトを片っ端から見ていきました。 その中でいずれのプロダクトに共通する法則性が見えてきました。 課題とコンセプトが明確 デザインかっこいい 作り込まれている 優勝するための３ステップ ① 成否が7割決まるアイディア出し アイディアがダメだと、そのさきのプロダクトをど

2022年11月10日から2日間島根県松江市で開催されたRubyエンジニアの国際会議である「RubyWorld Conference 2022」にキュービックは出展しましたのでその概要についてレポートの続きとなります。 今回キュービックはRubyスポンサーとしてスポンサードしました。その関係でスポンサーセッションの時間をいただくことができCTOの加藤がDay2に「キュービックのエンジニアリングプロセスとエンジニア育成カリキュラム」と題して登壇しましたのでその内容についてサマリで紹介します。（前回はキーノートやブースについて紹介しました） キャリア開発スタック キュービックではキャリアを形成するにあたりエンジニア成長のためのスタックを定義しています。1on1を始めとするコミュニケーションのスタックから始まり、戦力編成のためのスタック、教育研修のスタックそして実戦経験を積むためのスタックとそれ

2014年にThoughtworksのマーチン・ファウラーとジェームス・ルイスによって提唱された「マイクロサービス」は、いまではすっかり市民権を得て、さまざまな手法やツールが開発されています。著者は、マイクロサービスに「賛成」でも「反対」でもないという中立的な立場から、マイクロサービスの仕組み、特徴、長所、短所、課題を丁寧に説明しています。Thoughtworks在籍中から数多くのマイクロサービスプロジェクトに携わっていた著者が共有する、自身の実体験から得た多くの知見は、システム設計、開発、デプロイ、テストといった技術的側面のみならず、人材をどのように活かし、生産性を上げるかといった組織面にも多くの示唆を与えてくれるものです。組織に適したアーキテクチャを選択し、信頼性が高く、堅牢性、安全性、柔軟性に優れたシステムを設計する上で指針となる一冊です。 はじめに 第Ⅰ部　基礎 1章　マイクロサー

こんにちは。マッハバイトを運営するアルバイト事業部エンジニアの mnmandahalf です。 先日、マッハバイトの販売管理システムで使っているデータベースをオンプレPostgreSQLからAmazon Aurora MySQLに移行しました。 本記事では移行に至った背景、吸収する必要があった差分や苦労した点についてお話しします。 環境 移行前のバージョン: PostgreSQL 9.4 ※ドキュメントはバージョン14のものを添付しています 移行後のバージョン: Aurora MySQL 3.02.0 (compatible with MySQL 8.0.23) 環境 MySQL移行の背景 データ移行方法の検討 Embulkの実行で考慮したポイント Embulkの設定 scram-sha-256認証への対応 タイムスタンプが9時間巻き戻る FK制約を無効化できない PostgreSQLとM

こんにちは、あるいはこんばんは。村山です。皆さまGoogleアナリティクス4(以下、GA4)との戯れには慣れてきましたでしょうか。GA4の使い方は「完全に理解した」という方もいれば「まだまだこれから計測実装していくから触っていない」みたいな方もいらっしゃるのではないかと思います。 今回は、後者である「これからGA4を計測実装していく」方にむけて、どのようにGA4の計測実装を推進したら良いのか書いていこうと思います。 どのようなイベントを計測するべきか？ データに関わる方が1名と少ない場合 データに関わる方が2名以上の場合 データ計測の設計書となるドキュメントが必要だ GA4はさまざまなイベント計測方法がある GA4管理画面内の「イベントの変更」 GA4管理画面内の「イベントの作成」 GA4管理画面内の「オーディエンストリガーイベント」 GTM内からイベントタグの発火 GA4の計測設計にはN

UIコンポーネントにUI以外の知識、すなわちデータロジック等のドメイン知識を入れないで欲しいという話をします。 UIコンポーネントの定義 ここで「UIコンポーネント」は、UIデザインのみを表した汎用的に使い回せるコンポーネントであると定義します。 例えばMUIやChakra UIにあるものはUIコンポーネントであり、それらを使って「ユーザリスト」「特別CTA用ボタン」という特定の機能を作った場合はUIコンポーネントではないという前提です。(言葉の使い方として合っているだろうか微妙ですが、ニュアンスで何となく掴んでください...) 抽象化を間違う例 ここから(実話ベースですが)仮のお話で例えます。学生のデータを何でも管理する万能ダッシュボードの実装にアサインされたフロントエンドエンジニアA君が居ました。デザインを確認しにFigmaを開くと、このように単一の数値を見せるUIが共通しているようで

Push.jsとは!? Push.jsを利用することで、とても簡単にNotificationを実装する事ができます。 Push.js 今回はこのライブラリでNotificationを出してみます。 プロジェクトを用意する 次の様にプロジェクトを作ります。 MyProject01/ ├ index.html (プログラムを起動するファイルです) ├ custom.css (CSSを記述するファイルです) ├ main.js (メインのプログラムを記述するファイルです) ├ images (アイコン画像を格納するフォルダです) HTMLファイルを用意する では、作っていきましょう。 用意したHTMLファイルには次のコードを記述します。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"/> <meta name="view

Kubernetes Novice Tokyo #22 2022/11/15 発表資料 https://k8s-novice-jp.connpass.com/event/262918/

個人でも商用でも無料で利用できる、高解像度8Kのさまざまな種類のテクスチャ素材を紹介します。 ホワイトペーパー、ブラックペーパー、クラフトペーパー、段ボール、デニム地、水彩、グラデーションなどが揃っており、それぞれカテゴリごとにまとめてダウンロードできるので、非常に便利です。難点はダウンロードに少し時間がかかるくらいでしょうか。 テクスチャ素材はなんぼあってもいいですからね🍼

DeNAの多様に展開する事業や、それぞれの個性やライフステージに応じたフレキシブルな働き方、それらを受容するDeNAが根底に持つ考え方などを伝えるDeNA TechCon 2022 Autumn。ここで、株式会社ディー・エヌ・エーのAndroidエンジニアである手塚悠太氏が、『グランブルーファンタジー』推奨ブラウザ「SkyLeap」の開発を例に、リファクタリングの仕方について紹介しました。 リファクタリングはできていますか？ 手塚悠太氏：それでは、「レガシーな実装を丁寧にリファクタしてモダンな実装にする技術」について、手塚悠太が発表いたします。 自己紹介です。2019年にDeNAに中途入社し、当時はMOV、現在の名前はGOですね、こちらのタクシーアプリの乗務員さん向けアプリケーションを開発していました。またタクシーフードデリバリーサービス「GO Dine」のアプリケーション開発も担当をして

人気シリーズ『図解 人材マネジメント入門』や『図解 組織開発入門』の著者であり、企業の人材マネジメントを支援する株式会社壺中天の坪谷邦生氏が、MBO（目標管理）をテーマとした新刊の発行にあたり、各界のエキスパートと対談を行います。第8回の本記事では、サイボウズ株式会社 組織戦略室長の山田理氏と共に、50年以上も前のドラッカーと現代のサイボウズのマネジメントの共通点について語りました。 人事のための「原理原則の定義」 山田理氏（以下、山田）：こんにちは、ご無沙汰してます。お声がけいただいてありがとうございます。 坪谷邦生氏（以下、坪谷）：ご無沙汰しております。今回はありがとうございます。 山田：（今度書かれる『図解 目標管理入門』は）すごいですね。おもしろい本ですね。 坪谷：前作の『図解 組織開発入門』を書いた時に、ちょっと足りないところがあるなと感じて、今回はMBO、目標管理に踏み込んだ感

ProductThe journey of your work has never been clearerIn July, we launched the general availability of GitHub Projects, and now we are excited to bring you even more features designed to make it easier to plan and track in the same place you build! A key part of doing work for development teams is being able to see where you’re at, knowing where you’re going, and marking and clearing things in you

2022.11.15に発表した内容になります。 https://www.youtube.com/watch?v=ScNN3uGXFd0

オープンソースのJavaScript/TyeScriptランタイム「Deno」の最新版となる「Deno 1.28」がリリースされました。 Deno 1.28の最大の新機能は、8月に発表されていたnpmモジュール対応が安定版となったことです。これで130万種類以上のnpmモジュールがDenoで利用可能になったと説明されています。 Deno v1.28 is released: npm compatibility is now stable!https://t.co/V6Z36PrHyi — Deno (@deno_land) November 14, 2022 シンプル、セキュア、簡単なDenoのnpm対応 Denoでのnpmモジュール利用は非常にシンプルで、npm installコマンドも、package.jsonファイルも、node_moduleフォルダも不要だと説明されています（互換性

Today we are excited to announce the availability of TypeScript 4.9! If you’re not familiar with TypeScript, it’s a language that builds on JavaScript by adding types and type-checking. Types can describe things like the shapes of our objects, how functions can be called, and whether a property can be null or undefined. TypeScript can check these types to make sure we’re not making mistakes in our

Building upon the success of previous Gatsby features, Gatsby 5 boasts impressive, bleeding-edge technology to supercharge your sites. Over the past year (like every other), we have been obsessed with build and site performance. We recently reviewed our most impactful major changes over the past seven quarters in our Gatsby’s Greatest Hits post, and we’re not slowing down as we enter the final str

Ruby on Railsを推進する「The Rails Foundation」発足、理事長にDHH氏が就任。Cookpad、GitHub、37signals、Shopifyなどが創立 創立メンバーとなる企業はCookpad、Doximity、Fleetio、GitHub、Intercom、Procore、Shopify、37signals。理事長にはRuby on Railsの作者であるDHH（David Heinemeier Hansson）氏が就任します。 The Rails Foundation kicks off with one million dollars from @cookpad, @doximity, @fleetio, @github, @intercom, @procoretech, @Shopify, and @37signals to improve the