はじめに こんにちは、DevOps グループの中島です。 AWS を利用していれば、誰もが AWS CLI にもお世話になったことがあると思います。 ただ、AWS CLI (あるいは API) ってレスポンスが早いとは言えないところがありますよね。 1 回呼び出すくらいなら良いですが、何回も呼び出すとなるとその遅さが気になります。 そこで今回はまとめて大量に呼び出す場合に、どのようにしたら早く結果を得られるかについて調査してみました。 並列に呼び出す 早く結果を得る方法といっても、 内部で AWS の API を呼び出しているだけなので、 やれることとしては並列に呼び出すくらいしかありません。(当然アプリケーションの要件として並列に呼び出せる場合に限ります) 以下のように xargs のオプションで並列に実行してみます。 $ cat tables.txt table-name1 table
システム開発やシステム導入は業界・業種問わずビジネスの成長において重要な役割を担っており、近年では、ビジネスの変化に対応できる「柔軟性」や「スピード」がシステム開発に求められています。 しかしながら、これまでシステム開発を行う際には、開発部門と運用部門は立場の違いから対立し、プロジェクトの進行へ支障をきたすケースもあったのがのが現状です。 このような課題を解決する方法として、今、「DevOps」という概念が注目されています。DevOpsとは開発部門と運用部門が密に連携・協力し合うことでプロジェクトをスピーディーかつ効率的に進めることができるという概念の1つです。 本記事では、DevOpsの概要や注目される背景に加え、DevOpsと相性の良いツールなどを解説していきます。 DevOpsとは? DevOpsは「Development(開発)」と「Operation(運用)」を合わせた用語です。
こんにちは。 マイクロアドでWebエンジニアをしている木田です。 今回は、新たに着手した画面開発の業務においてつまづいたこと、その解決方法についてお話しします。 はじめに 本記事では、以下の言語・フレームワークが利用可能な状態を前提に話を進めます。 TypeScript (v3.7.3) Vue.js (v2.6.10) Composition API (v0.3.4) ※過去の記事に、Vue3に向けてComposition APIを導入した話もありますのでこちらもぜひご覧ください。 ■外部モジュールのimport文が全てコンパイルエラーとなる つまづいたこと まずは環境構築の時のお話です。 GitHubのリポジトリからcloneしてきてVSCodeで.vueファイルを開いた時にそれは起こりました。 なんと外部モジュールをimportしている箇所が全て真っ赤になっているのです。 シンタック
こんにちは。プラットフォーム開発部 EMのchikaです。 最近、開発チームの生産性について話題になったので、今回は生産性について調べたこと、考えていることなどを書こうと思います。 生産性の定義 開発チームの生産性 ≒ プロダクトの生産性…? 生産性のレベルについて 生産性の3つのレベル Lv1:タスク量の生産性 Lv2:価値の量の生産性 Lv3:成果のレベルの生産性 各レベル間の関係 モヤモヤの正体 どうやって指標設定していけばよいのか チームでコントロール可能な範囲を扱う 計測したいLv1の生産性指標 変更リードタイム デプロイ頻度 まだ生産性とか言えるレベルじゃないんですが… チームに合った指標を考える参考資料 まとめ We're hiring! 生産性の定義 「生産性を上げよう!」とはよく聞かれる話ですが、この生産性とは何を指しているのでしょうか。 開発チームの生産性の話の前に、も
HTMLファイルで特殊記号を使う際、① は ①、© は © のように置き換えて書かないといけないものだと思いこんでいないでしょうか。 現代ではそれは誤解です。 UTF-8では特殊記号の文字参照は不要 そもそも環境依存文字とは、データを扱う機種・ソフトウェアなどの違い(文字コードの割り当ての違い)により表示に違いが出てしまう文字のことでした。 例えばShift_JISには © が含まれておらずそもそも保存できなかったり、 ① などの丸数字は含まれているものの、WindowsとMac OS(当時)の割り当ての違いにより正しく表示できなかったりしました。[1] しかし現在ではUnicodeによって文字コードは統一化されており、その問題はほとんど起きなくなっています。 近年では多くの場合 UTF-8 でファイルを記述すると思います。 HTMLファイルの文字エンコーディングが
タイトルがどっかの論文みたいになってしまいましたが、要はこういうことです。 「MUIの機能は継承しつつ、スタイルだけオリジナルに定義して設計はAtomicDesignにしたい!」 というときの個人的なベスト?プラクティスです(もっといい方法があれば教えてください...)。 この実装は需要があるだろうと思いつつ、調べてもあまり記事を見かけなくて困っていました。 なので実現方法と設計・運用ルールを自分なりに考えた結果をまとめてみます。 (Next.js、MUI、Atomic Designなど登場人物の紹介は省きます。 すでにすばらしい記事がたくさんあるのでわからない方はぜひ調べてみてください) ⛰ 目的 MUIの機能を引き継ぎつつスタイルのみを上書きする 都度スタイルを上書きするのではなく、オリジナルテーマを定義して運用する デザイン設計はAtomicDesignを採用する 📦 前提 Nex
Rustで簡単なツールを作ってみました。はじめてのTUI(モドキ)のツールです。 このバージョン0.1.0を作ったことで得られた知見をまとめてみます。 長文になってしまったので目次をうまく使ってください。(スマホ画面だと上部の目次をタップしないと表示されないので少し見づらいです。) 「いいね」、「ツイート」、「バッジを贈る」、「コメント」大歓迎です! 作成ツール紹介 みなさん、timeコマンドでコマンドの実行時間を計測しますよね?Rust製のhyperfineというツールがあり、複数回実行して平均を出したり、複数コマンドを比較できたり便利です。 これを見て私はメモリ使用量も計測できたらうれしいなと思ったんです。 そう、このmntimeコマンドを使えば、実行時間とメモリ使用量の平均値が分かるんです! そんなツールですがRustで作った経緯は、最近ターミナル環境を整えました。そのとき、モダンで
「リストラされてもブランコで自分を俯瞰して楽しむ」マインド やまげん氏(以下、やまげん):最後にお便りで質問も受け付けられたらと思っているので、リスナーのみなさん、ぜひ何か聞いてみたいことがあったら、お便りで質問してもらえればと思います。 この「CTO百景」はWebのエンジニアの方も聞いていて、これからCTOになりたい人もいるのかなと思います。せっかくなので、この時間を利用して、そういった方々に一言頂けるとうれしいのですが、いかがですか? 山下貴大氏(以下、山下):そうですねぇ。いろいろ修羅場や地獄はあると思うんですけれど、やはりそこを楽しむといいと思います。リストラとかあるかもしれないけれど、そこをどうやって楽しむか。 いろいろわからないこと、カンニングができないこともあるかもしれないけれど、ググったり本を見ると意外と(答えが)あるかもしれないので、そこで楽しんで乗り切るというところです
秋篠宮ご夫妻の長女の眞子さんと結婚した小室圭さんが、アメリカ ニューヨーク州の司法試験に合格したことが、関係者への取材で分かりました。 小室さんがことし7月に受験したニューヨーク州の司法試験の結果は、日本時間の21日午後10時、州の司法試験委員会のホームページで発表され、掲載された合格者の一覧に「KOMURO,KEI」という名前がありました。 小室さんが日本で勤務していた弁護士事務所の所長で、留学なども支援してきた、弁護士の奧野善彦さんによりますと、小室さんは21日午後、奥野さんに電話で合格を報告したということです。 小室さんは「今回は合格しました。弁護士の仲間入りができました。本当に先生のおかげです。今後はますます弁護士として研さんを積んでいきたい。本当にうれしいです。ありがとうございます」などと話したということです。 司法試験委員会によりますと、今回の試験は、およそ9600人が受験して
イベント概要 本イベントは、日本最大級*のエンジニアコミュニティ「Qiita(キータ)」を運営する当社が実施するオンラインのテックトークイベントです。 イベントごとにテーマを設け、技術についての知見を共有し合うQiita Nightを実施しています! Qiitaトップコントリビューターを中心に、テーマについて深い知見を持っている方にご登壇いただき、LTをしていただきます。 これを機に登壇者とも繋がり、気軽に情報交換や質問ができる場を作りたいと考えています。 イベント中の質問やご意見も大歓迎!関心のあるテーマの知見を深めるきっかけとしていただければ何よりです。 ※注釈:「最大級」は、エンジニアが集うオンラインコミュニティを市場として、IT人材白書(2020年版)と当社登録会員数・UU数の比較をもとに表現しています。 イベント内容:今回のテーマは「Qiita Night~フロントエンド~」 移
Simple InstallationSimple installation for macOS, Windows, and Linux macOS and Windows users can simply download and run the respective installer. Linux users can install via popular package managers. Optional auto upgrade feature to automatically download and install new versions. Configuration optionsUse with the default configuration or customize to fit your needs. Ability to choose container e
イタンジ株式会社で物件連動基盤の開発をしている山﨑です。 弊社の多くのエンジニアがMac上のコンテナで開発をしており、そのためのツールとしてDocker Desktopを利用してます。今まではとりあえずでDocker Desktopを利用していましたが、特にこだわりもないのでRancher Desktopに移行してみることにしました。なお、私が利用しているPCがIntelチップなのでM1/M2チップの環境で再現できるかは未検証になります。 手順 Docker Desctopを念の為に終了しておく Rancher Desktopをインストール rancherdesktop.io Apple Siliconも選択できます 設定しているエイリアスそのままで使いたいのでdockerdを選択 権限周りやPATHの設定について選択して完了 動作確認 以下のコマンドは特に問題なく動きました! docke
どもども平社員の龍ちゃんです。今回は、ReactやVueなどのフレームワークと共に使用される、CSSフレームワークであるTailwindの環境構築についての記事です。 読むのめんどいよ~環境だけくれって方は、こちらから!Tailwind公式サイトはこちらから! 今回の記事では、ReactやVueにTailwindを導入するわけではなく、NodeでTailwindのみの環境を構築するものになっています。CDNはHTMLのHeadに書き込むだけなので、お手軽に試してみたい方はそちらから.. 事前準備 Nodeのインストール Nodeのインストールは、いろいろな手法がありますがすでにインストールされている方もいるかと思います。バージョンだけ確認しましょう。以下のコマンドをコマンドプロンプトに入力してください。 node -v バージョンが返ってきた場合は、問題ありませんので次に進みましょう。以下
こんにちは、フロントエンドチームの 谷(@high_g_engineer)です。 今週のフロントエンド定例の内容を記載します。 フロントエンド定例について、以前の記事(ランサーズのフロントエンドチームが取り組んでいること)でお伝えしたのですが、毎週金曜日に開催しており、実際の業務で取り組んでいることや気になった技術情報等をシェアしあう会になっています。 以下、今週の内容です。 10/19(水)、20(木)にAdobe MAXがありました。 https://maxjapan.adobe.com そこで下記のセッションを拝見したので、その内容のレポートをまとめました。 https://www.adobe.com/jp/max/2022/sessions/na-new-directions-in-readability-and-accessibilit-s200.html セッション概要について
概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: How to make absolutely any app look like a macOS app — Martian Chronicles, Evil Martians’ team blog 原文公開日: 2022/06/16 原著者: Anton Lovchikov、Travis Turner サイト: Evil Martians -- ニューヨークやロシアを中心に拠点を構えるRuby on Rails開発会社です。良質のブログ記事を多数公開し、多くのgemのスポンサーでもあります。 日本語ブログ: 合同会社イービルマーシャンズ - Qiita 日本語タイトルは内容に即したものにしました。 はじめに ネイティブのmacOSアプリをネイティブアプリらしく見せるにはどうすればよいでしょうか?本記事ではこの疑問を追求するととも
業界業務の経験豊富な「その道のプロ」に、1時間からピンポイントに相談できる日本最大級のスポットコンサル「ビザスク」。そのビザスク主催のセミナーに、株式会社Moguraの代表で、『メタバース未来戦略』の著者・久保田瞬氏が登壇。本記事では、メタバース業界の注目プレイヤーや、メタバースの本格普及のための「残課題」などが語られました。 メタバース業界の注目プレイヤー 久保田瞬氏(以下、久保田):「注目プレイヤーについて説明をしてください」と事務局さんからお願いされていますので(笑)、どういうところがあるのかを少しご紹介していきます。 Meta、Microsoftあたりは先ほど説明したとおりで、Metaに至っては本当に全方位でやっていますね。ハードウェア、場合によってはちょっとインフラにも手を出しているんじゃないかと思います。そこからプラットフォームの運営、コンテンツを作るところまで垂直統合でメタバ
Herding Cats Performance-Based Project Management® Principles, Processes, & Practices to Increase Probability of Cost, Schedule, & Technical Success In the agile world there is a common notion that incremental delivery is a desired approach. Many toute rapid release, even multiple releases a day. The question is two fold. Can the customer accept the release into use and the other does the customer
こんにちは。 アスエネ VPoEの石坂(@ishisak)です。 稲刈りが終わり、新米が食べられる季節ですね。 物価の高騰でパンなど小麦粉を使う食材の値段はあがっていますが、 実はお米の値段は下がっています。(米農家の義父談) みなさん、お米を買ってお米を食べましょう。 できれば地元の農家さんのお米を買って地産地消しましょう! さて、本題です。 アスエネは半年間で多くの機能追加を実現してきたのですが、 大きな会社と比べて小規模な開発チームでどうやって多くの機能実装を実現してきたのかをお話しようと思います。 仕様の引き算による実装するものを最小化結論からいうと、PdMとデザイナーが考えてくれた仕様/要件をたたき台に、ユーザにとって使いやすい状態でかつどこか最小の機能になるか徹底的に議論しています。 結果、作るものが少なくなる→開発期間が短くなる→多くの機能がユーザへ届く サイクルを実現してい
はじめに こんにちは。ブランドソリューション開発本部 バックエンド部 SREの笹沢(@sasamuku)です。 ZOZOではショップスタッフの販売サポートツール「FAANS」を2022年8月に正式リリースしました。FAANSはアパレルのショップスタッフ様を支援する様々な機能を提供しています。例えば、ZOZOTOWN上で実店舗の在庫取り置きができる機能や、コーディネート投稿の機能などがあります。投稿されたコーディネートはZOZOTOWNやWEAR、Yahoo!ショッピングに連携が可能で、今後はブランド様のECサイトとも連携できる予定です。これによりお客様のコーディネート選びをサポートし購買体験をより充実したものにします。機能の詳細に関しましては下記プレスリリースをご覧ください。 corp.zozo.com 今回はFAANSで採用しているワークフローエンジン「Argo Workflows」につ
先日、こちらの記事を拝見したのですが、Firebase卒業の理由1位に 「クラウド破産の恐怖」 が挙げられていました。 Firetoreは並列性の高いデータベースですから、ちゃんと作っていれば100万人同時接続でもびくともしません。しかし逆に言えば、もしプログラムに誤りがあって大量の無駄な読み書きが発生すれば、ものすごい勢いでコストが嵩んでいくことになります。実際私も何度か開発中にコーディングミスをして無限再読み込みをしてしまったことがあります。その時は明らかにアプリの動作速度が低下したのですぐに気付きましたが、この危険については私もそれなりに気になるところではあります。そこで、 予算をオーバーしたらFirestoreを自動で停止する仕組み を作ってみることにしました。 プログラムから予算とコストを管理する プロジェクトの現在のコストや予算の通知を受ける方法については、以下の公式ドキュメン
<div class="flex flex-col gap-4 p-4"> <div class="@container w-[200px]"> <div class="border bg-blue-50 border-blue-300 @[300px]:bg-red-50 @[300px]:border-red-300 p-8"> Sample </div> </div> <div class="@container w-[400px]"> <div class="border bg-blue-50 border-blue-300 @[300px]:bg-red-50 @[300px]:border-red-300 p-8"> Sample </div> </div> </div>
「お金がないと生きていけない」という、都会ならではの強迫観念 藤野英人氏(以下、藤野):コロナが始まる前は9時5時で会社にいて、密になって働いてがんばって、できれば飲み会もやったりすることで、忠誠心やロイヤリティを示した。逆に、そうしないと不安でもあるという価値観がずっとあったわけですよね。 それがコロナになることによって、出社をする・出社をしないについても選択肢ができた。じゃあ、その中で自分がどういう仕事をしていくのかに関して、むちゃくちゃ決められている会社もあるかもしれないけれども、そうでないのもあったと思います。 かつ、ワクチンを打つのか・打たないのかについても、実は日本はけっこう任意だったりしているじゃないですか。そういう面で見ると、確かに僕らは(コロナ禍で)すごく不安になったけれども、今までの日本に比べてみるとすさまじく選択肢が広がった感じはしますよね。 石川善樹氏(以下、石川)
FESTの他部署との連携状況 松下雅和氏(以下、松下):では続いて次の話で、実際にみなさんはそれぞれが動いていますが、独立して主体的に動いてもらう中で、チーム間や他の本部間との連携はけっこう必要とするし、求められている部分だと思います。ふだんはどういった部署とどういった連携をとっていますか? 南さんからいいですか? 南悠輝氏(以下、南):そうですね。FESTはやはりメインで(連携をとるの)はフロントエンドで、プロダクトを開発しているそれぞれのフロントエンドエンジニアと連携を取ったりもします。ただ、直近で僕がやっているフロントエンドのリアーキテクチャでは、バックエンド側の見直しも必要になったりします。 そういったところでは他本部ではないですが、千葉さんのBERTと連携して、「こういうことをやろうと思っています」みたいなことを伝えた上で、バックエンドのアドバイスをもらったりするところも連携する
こんにちは!株式会社ペライチ のサーバーサイドエンジニアの福原です! つい先日、社内にて非エンジニアの社員に向けて競プロに挑戦してみる勉強会を主催しました。 本記事では勉強会開催の経緯や内容についてとその結果私が得られたものや提供できたものについてまとめます。 また非エンジニア向けの勉強会の中身について触れることで、弊社の開発チーム以外の雰囲気を感じていただければ幸いです。 前提知識 念の為競技プログラミングや Atcoder について簡単に触れておきます。 競技プログラミング 参加者全員に同一の課題が出題され、より早く与えられた要求を満足するプログラムを正確に記述することを競う競技。 Atcoder 日本初の競技プログラミングコンテストサイト。 Atcoder 開催までの経緯 福原は今年の春ごろから Atcoder にて競技プログラミングに取り組み始めていて、ようやっと茶色が見えてきたあ
こんにちは、フロントエンドチームの @syo_igarashi です。 今週のフロントエンド定例の内容を記載します。 フロントエンド定例について、以前の記事(ランサーズのフロントエンドチームが取り組んでいること)でお伝えしたのですが、毎週金曜日に開催しており、実際の業務で取り組んでいることや気になった技術情報等をシェアしあう会になっています。 以下、今週の内容です。 https://igara.github.io/ RSS: https://igara.github.io/feed.xml また個人のブログの話になりますが、GitHub Pagesで作成しているブログの内容はQiitaやZenn、はてな等の内容をバックアップとして表示しています。 バックアップを取る際は手動でやってますが(自分で投稿するので更新すべきタイミングもわかっているのでそこまで自動化する需要はなかったりする)その際
以下は、去年の弊社のQiitaアドベントカレンダーに投稿したものです。 qiita.com 「考慮もれ」「手戻り」をなくしたい モチベーションクラウドシリーズのデザイナー杉江です。 フロントエンドエンジニアのみなさんは、画面デザインを見て「どう実装するんだ?」とストレスを感じたことはないですか? 例えば... 👨💻 フロントエンド「Emptyのときはどうするんだろう?最初から考慮してほしいな...(ストレス)」 👩🎨 デザイナー「この状態も考えないといけないのか。確認するだけで1日終わるな...(ストレス)」 →お互いにとって、よくない!!!!! こうした状態を受けて、お互いにとってストレスなく開発するために、デザイナーとフロントエンドで制作プロセスを改善しました。 今回は、プロセス改善のステップや導入してみて効果的だったツール(シート)についてお伝えします。 【まず初めに】
こんにちは、エンジニアのクロ(@kro96_xr)です。バックエンドを中心にフロントエンドやらインフラやら色々担当しています。 今回はいつもと少し毛色を変えて、イベントレポ兼採用寄りのお話をしたいと思います。 なお、タイトルでメタバース企業と銘打ってしまいましたが、他社の状況はわかりませんのであくまでSynamonの場合と捉えていただけますと幸いです。 はじめに Synamonでは様々な求人を出しており、その中にバックエンドエンジニア(=サーバサイドエンジニア)の求人もあります。 ↓記事執筆時点での求人↓ herp.careers しかしながら、採用チームから「メタバース企業のバックエンドエンジニアって何をやっているのかイメージが付きづらい」という声があると聞きました。 たしかに、VRあるいはメタバースというとUnityやUnrealEngineといったゲームエンジンを使った開発をイメージ
日々使う機器 小物類 終わりに パパエンジニアの週末(おまけ) EDGEPLANTグループの平野です。2021年4月にハードウェアエンジニアとして入社しました。 ハードウェアエンジニアは、お客様の要望を具体的に聞き、どう実現するのかを考えます。 必要な機能・費用・工数を算出して、部品の選定、製造の各工程、守らないといけない規格、製品の完成形などをふまえて提案・設計・製作などを担当します。 入社して1年半ほど経ちますが、今回、Tech Blogに何を紹介できるかかなり悩みました。 グループに相談したところ、同僚の野本さんに「仕事柄、色々な大きい機器を使っているイメージですが、リモートではどうしてるんですか?」と聞かれました。 確かに、仕事では色々な機器を使いますし、会社にはEDGEPLANTグループの様々な機器を置いている"島"もあります。 そこで今回は、ハードウェアエンジニアのリモートワー
こんにちは。MIXI 開発本部 SREグループの riddle です。 開発環境で Ingress から Gateway API に移行しようと頑張ったけど、機能が一部足りない(Identity-Aware Proxy がない)ので諦めた話を紹介します。 ※機能が追加されたら再チャレンジするんだ… <目次> 開発環境の話開発環境の問題点いくつかの解決策Gateway API とは?Ingress から Gateway API に移行してみた(けどダメだった) 5.1 移行方式 5.2 Gateway API 導入の注意点 5.3 External DNS が Gateway API の v1beta1 に未対応 5.4 URLMap の 64KB 制限まとめ開発環境の話わたしたちは開発環境に GKE を利用しています。 ゲーム開発では、エンジニアだけではなくプランナーやデザイナーも個人環境
ご挨拶 はじめまして、2022年7月1日に入社した末吉です。 スマートキャンプでは、BALES CLOUDの開発に携わっております。 今回は入社エントリということで、簡単な経歴から、 スマートキャンプを選んだ理由や入社してみてどうだったかみたいなところを 書いていければと思っております。 また、私が本格的に開発を始められたのは25歳からであり、 スタートが遅かったのでそういった方の参考にもなれれば嬉しいです。 ご挨拶 経歴 テスター時代 やっと開発に辿り着いた もっといい設計をしたいもっといいコードを書きたい スマートキャンプへ転職 なせスマートキャンプを選んだか いいものを作れそう 人柄が良さそう 最適な労働環境 入社してみて ノビノビ快適 今までのやっていた開発がいかに非効率か痛感した テストコードってめちゃくちゃいい 前職との違い 入社後してたこと まとめ 経歴 まずは簡単に現在まで
ー柳川さんの自己紹介をお願いします 新卒でサイバーエージェントにエンジニアとして入社し、そこから弊社を含め3社を経験しました。職種としてはエンジニア、スクラムマスター、エンジニアリングマネージャーを経験し、現在はDevelopment Officeという開発組織のHR・カルチャー領域を支える横断的な組織を立ち上げ、マネージャーをしています。 いちエンジニアとして働いていた時は、とにかく良いモノをユーザーに届けたいという思いでプロダクト開発にあたっていました。開発プロセスに責任をもつスクラムマスターを経験したことで、継続的に良いモノを生み出すためには、開発プロセスやチーム力が要であるという考えに至り、現在は組織づくりや組織課題の解決に注力しています。 ー立ち上げ期のHRBrain開発組織が成長していくにあたって苦労したことはなんですか? 私が入社した当時は、個人の力でそれぞれが開発をしている
こんにちは、エンジニアの富田です! 今回は社内制度を利用して、Babelのスポンサーをした事例を紹介したいと思います。 Babelが資金難であることを知った 時は遡ること1年前ですが、当時以下の記事からBabelが資金難で困っていることを知りました。 www.publickey1.jp コネヒトのフロントエンド開発でもBabelを使っているため、なんとか支援できないかなと考えてみたものの、「会社での支援って大変そう?」という思いから具体的なアクションに結びつけられませんでした。 支援したいという気持ちの再燃 何もできないまま時は流れていましたが、たまたまトヨクモさんのOSSに関する支援活動を知って、素晴らしい活動をされていると共感しました。 oss.toyokumo.co.jp 上記をきっかけになんとか小さく始められないかと模索し見つけたのが、コネヒトの「スマイル制度」です。 スマイル制度
CyberZのWebフロントチームでエンジニアをしている山﨑です。CyberZでは、新たな技術の導入を積極的に行なっており、その中で zodとReact Hook Form を使用したフォームの実装を行なったため、その実装例をご紹介したいと思います。 zodの基本的な使い方TypeScript First なバリデーション(検証)ライブラリ パースとバリデーションを同時に行なってくれる APIレスポンスの検証を行い、modelの生成も可能 https://github.com/colinhacks/zod Zodとは、「静的型推論によるTypescript Firstなスキーマ検証ライブラリ」です。もう少し具体的に説明をすると、「Typescriptの型定義と同じ形式で、データ構造の検証を行ってくれるライブラリ」です。以下のようなデータ構造の値が、本当にほしいデータの状態かを検証し、異なっ
はじめに サイバーセキュリティ推進部の吉田です。普段は、CSIRTメンバーとしてAWS環境や各種端末のモニタリング、セキュリティインシデント対応、社内からのサイバーセキュリティに関する相談対応などの業務を行っています。 2023/05/10 追記 GitHubのアップデートによって、プライベートリポジトリのIssueやPull Requestsに新たにアップロードされたファイルは、権限を持たない外部からは参照できなくなったようです。詳細につきましては、以下のGitHubのブログをご確認ください。 https://github.blog/changelog/2023-05-09-more-secure-private-attachments/ 概要 GitHubのIssueやPull requestsに添付した画像はWebにアップロードされ、パブリックなURLが割り当てられます。このURLは
どうも、ANDPADバックエンドの原田(tomtwinkle)です。 1週間ぶりくらいですね。 Rancher Desktop と Docker Desktop の差異 LocalでMySQL / LocalStack / MinIO 等のContainer立ち上げたりする程度なら特に差異はなさそうです。 今まで通り docker コマンドや docker-compose コマンドがそのまま使えます。 Rancher Desktop公式ではこんな感じに書いてますが、細かい所はもう少し使って見ないとわからないですね。 Rancher Desktop vs Docker Desktop 細かい話はリンクアンドモチベーションさんのテックブログを見てフムフムしていました。 link-and-motivation.hatenablog.com ご注意 Rancher Desktopを利用することでC
挨拶・背景GutenTag!! 現在、開発支援プロダクト推進部にてTech Boost研修に参加しております、yasudaです。SHIFTには22新卒として入社しております。 私は前回、リモートリポジトリの移動に関する記事を執筆したのですが、それに少し関連して、今回はGitの内部の動きについてまとめながら、理解を深めていければと思っております。 前回記事: https://note.com/shift_tech/n/nc00511c05f1d 想定している対象読者gitについて業務に支障が出ない程度には理解しているが、「結局Gitって何なの?.gitの中で何してるの?」と問われると答えに詰まる人 Gitを教える立場にある人 ざっくりとした好奇心でGitに興味がある人 Gitのトラブルシューティングに長けたい人 Gitとは?Gitは分散型データベースのようなシステムです。 Gitは大量のイン
はじめにTechnogoly Innovation Group 辻です。 システム間のデータ連携として、他システムが出力した CSV ファイルを Go で読み込んでリレーショナルデータベースにファイルのデータを保存する、という処理がありました。CSV の値をデコードしたあとに共通的な処理を差し込みたいユースケースで Decorator パターンを使って実装をしました。コードベースをシンプルに保ちつつ共通処理をフックできます。実用的なユースケースで Decorator パターンを紹介する記事は少ないと思ったので、本記事を書きました。 まず Decorator パターンが必要になった背景を説明したあとに具体的な Go の実装を見ていきます。 背景他システムが出力した CSV ファイルを Go でデコードして、PostgreSQL にデータを投入するような処理がありました。簡略化したイメージは以
株式会社HRBrain(本社:東京都品川区/代表取締役CEO:堀 浩輝 以下、当社)は、ガバナンス体制強化のため、元メルカリ上級執行役員 SVP Corporateの横田 淳氏が就任したことをお知らせします。 横田 淳氏プロフィール 慶應義塾大学を卒業後、1996年 NTTデータ通信株式会社(現 株式会社エヌ・ティ・ティ・ データ)入社。 2001年 サイバーエージェント入社、経営本部に配属。法務、財務、経理、内部統制、経営企画、予算管理、投資、資本政策、コーポレートガバナンス、グループ経営管理、東証 一部上場プロジェクト等、グループ全体のコーポレート業務に従事する傍ら、多数の新規事業やグループ会社の経営支援、特命案件業務に従事。 2007年 経営本部長、2014年 執行役員就任。2015年 株式会社AbemaTV設立に伴い、取締役に就任、動画関連事業の立ち上げに従事。 2017年 メルカ
nasneが立つ!繰り返す、nasneが立つ!!2022.10.21 11:0011,214 小暮ひさのり 安定感、マシマシですよ! iPhoneやiPadでも視聴OK、どこでもテレビが見られて便利なnasne。そのnasneに専用スタンドが発売されました。いや、nasne立たせられたよね? と言われると確かにそうなのですが、安定感+αの付加価値があるんです。 Image: バッファロー販売されるのはこのパーツ。 nasneの底部にカチャッと装着。床との接地面積を増やし、左右からホールドすることで、nasneを立たせた時の安定度が更に増すもの。 これで執拗な猫アタックにも耐えられる(かもしれません)し、子供のトミカアタック・リカちゃんアタックにも耐える(かもしれません)nasneへとバージョンアップするのです。またこのスタンドを装着することで…。 Image: バッファローnasneが横に
湧く沸くDXおおいたでは、DXを身近に感じていただくためのセミナーを開催しております。 第7回のセミナーでは、登壇者にTVCMでもお馴染みのBASE株式会社 上級執行役員 藤川真一氏をお招きし、DXに取り組むためのキッカケについてお話し頂きます。「ココを押さえるだけでDXが前進する!」という着眼点など、これから新しく取り組む方はDX推進のいろはを知ることができ、既に取り組んでいる方にとっては一度頭をリフレッシュするチャンスです。 開催日時10月19日(水) 時間:14:00~15:30 開催方法:オンライン開催 下記URLよりお申込みください。 https://wakuwaku-dx-oita.com/seminar/#applyRead less
Good frontend development is hard. Scaling frontend development so that many teams can work simultaneously on a large and complex product is even harder. In this article we'll describe a recent trend of breaking up frontend monoliths into many smaller, more manageable pieces, and how this architecture can increase the effectiveness and efficiency of teams working on frontend code. As well as talki
AI & MLLearn about artificial intelligence and machine learning across the GitHub ecosystem and the wider industry. Generative AILearn how to build with generative AI. GitHub CopilotChange how you work with GitHub Copilot. LLMsEverything developers need to know about LLMs. Machine learningMachine learning tips, tricks, and best practices. How AI code generation worksExplore the capabilities and be
AI & MLLearn about artificial intelligence and machine learning across the GitHub ecosystem and the wider industry. Generative AILearn how to build with generative AI. GitHub CopilotChange how you work with GitHub Copilot. LLMsEverything developers need to know about LLMs. Machine learningMachine learning tips, tricks, and best practices. How AI code generation worksExplore the capabilities and be
AI & MLLearn about artificial intelligence and machine learning across the GitHub ecosystem and the wider industry. Generative AILearn how to build with generative AI. GitHub CopilotChange how you work with GitHub Copilot. LLMsEverything developers need to know about LLMs. Machine learningMachine learning tips, tricks, and best practices. How AI code generation worksExplore the capabilities and be
静的なコンテンツはCDNで配信し、動的なコンテンツはJavaScriptをベースにAPI経由で表示させることで、高いパフォーマンスとセキュリティ、そして低コストな開発を実現するという話題のサイト構築技術Jamstackについて、「当社はJamstackの会社」と公言するピクセルグリッド テクニカルディレクター 高津戸壮氏に、TechFeed CEOの白石俊平がお話を伺いました。 今回話を伺ったエキスパート フォローしよう! –最初にJamstackの概要を教えていただけますか。Jamstackとは何でしょうか。 Jamstackの提唱者は、Netlifyというホスティングサービスをやっている会社のマット・ビルマン(Mathias Biilmann)という人で、2016年に「これからJamstackで作っていこうぜ」みたいなことを言い出したんです。JamstackというのはJavaScrip
AI & MLLearn about artificial intelligence and machine learning across the GitHub ecosystem and the wider industry. Generative AILearn how to build with generative AI. GitHub CopilotChange how you work with GitHub Copilot. LLMsEverything developers need to know about LLMs. Machine learningMachine learning tips, tricks, and best practices. How AI code generation worksExplore the capabilities and be
AI & MLLearn about artificial intelligence and machine learning across the GitHub ecosystem and the wider industry. Generative AILearn how to build with generative AI. GitHub CopilotChange how you work with GitHub Copilot. LLMsEverything developers need to know about LLMs. Machine learningMachine learning tips, tricks, and best practices. How AI code generation worksExplore the capabilities and be
ソフトウェア開発において「悪い結果に陥りやすい、避けるべき典型例」を指す、「アンチパターン」。 プロジェクトマネジメントの世界にも存在するアンチパターンは、プロジェクトの遅延や成果物の品質低下を招く原因となります。今回のセミナーでは、プロジェクトマネジメントの現場でよく見かける「プロジェクトマネジメントのアンチパターン」と、その回避方法を紹介しました。全4回。1回目は、アンチパターンその1「圧縮スケジュール」について。 よかれと思ってやっていることに苦しめられているケースがある 西郷智史氏:みなさんはじめまして、株式会社ビーイングコンサルティングでコンサルタントをしている西郷と申します。よろしくお願いします。 本編を始める前に、まず弊社の紹介をします。弊社はビーイングコンサルティングといいまして、事業内容は、制約条件の理論に基づいた生産性向上のコンサルティングサービスの提供です。制約条件の
そういえば、さくらインターネットには2日以上連続の有給休暇を事前申請すると、有給休暇手当が1日あたり5千円出る制度あるんです。 もともと、直前の有給休暇申請を減らして、計画的に休みとって欲しいなって事だったんですが、効果てきめんでした。 ペナルティよりベネフィットだなと思います。 — 田中邦裕@さくらインターネット社長🐈⬛🐕 (@kunihirotanaka) 2022年9月12日 このツイートに対するリアクションを見ると、どうやら多くの人は、「ベネフィット」という言葉に惹かれたらしい。 会社がはっきりと「連休取得推奨」を表明していれば、従業員は気兼ねなく連休を申請できるし、さらにカネももらえるのだから、確かに魅力的だ。 でも実は、本当に大事なポイントは、別のところにあるんじゃないかと思う。 それは、「計画的に休みをとる」というところだ。 なぜなら、長期休暇取得のためには、「仕事に合
WireGuard is a registered trademark of Jason A. Donenfeld. Tailscale automatically assigns IP addresses for every unique device in your network, giving each device an IP address no matter where it is located. We further improved on this with MagicDNS, which automatically registers a human-readable, easy-to-remember DNS name for each device — so you don’t need to use an IP address to access your d
ファインディでは、8/25(火)に「子育てエンジニア大集合!育児と開発ってどう両立してる?」と題したイベントを開催。子育てをしながら現役エンジニアとして活躍する鳥井さんと江部さんをお招きしました。 どのように学習しているのか質問したところ、江部さんは「朝と夜に学習している」と回答。一方で、鳥井さんは「業務時間内にインプットしている」とお話しされました。 方法は違うものの学習を続けているお二人に、子育てと開発を両立するコツや仕事に対する考え方についてお伺いしました。 ■パネリスト 鳥井 雪さん/@yotii23 株式会社万葉 二児の母/ Webプログラマー/ 翻訳家 十数年くらいずっと現役Webプログラマー。二児の母。 翻訳書にレシュマ・サウジャニ著『Girls Who Code 女の子の未来をひらくプログラミング 』(日経BP社)、リンダ・リウカス著『ルビィのぼうけん』シリーズ(翔泳社)、
ImageMagickって何って方はこちらをみてください! 簡単にお伝えすると画像編集を一括で行えるツールです! macだとターミナル、WindowsだとPowerShellで使います。 今回のnoteはmac環境を想定しております! 今回は画像にロゴを合成する方法のnoteを読み返すことがあったので、 リサイズ方法も忘れないように残しておこうと思い書きました〜! ①Homebrewをインストールする インストール方法🍺🍺🍺 ※インストールできなかったら ②ImageMagickをインストールする 以下をターミナルで実行 brew install imagemagick③準備するもの・作業用フォルダ作成 ・元の画像を格納するフォルダ ・今回フォルダ名は`aaa`にする ・一括変換された画像が、生成されるフォルダ ・今回フォルダ名は`tmp50` にする ④事前準備 ・aaaにリサイズ
この記事で,JavaScriptをGoで制御しているので,それを行う時に使った,調べた知識をまとめようと思う. このサイトを見てわからなかったことだけに絞る. windowオブジェクトとは画面上に表示されているすべてのオブジェクトの親となるオブジェクトで、JavaScriptのオブジェクト階層の最上位に位置する。ウィンドウに関する情報の取得や、ウィンドウを設定・操作する。 https://qiita.com/mzmz__02/items/3ed731b9ed9dfb74a971#:~:text=%E7%94%BB%E9%9D%A2%E4%B8%8A%E3%81%AB%E8%A1%A8%E7%A4%BA%E3%81%95%E3%82%8C,%E3%82%A6%E3%82%A3%E3%83%B3%E3%83%89%E3%82%A6%E3%82%92%E8%A8%AD%E5%AE%9A%E3%8
💡このnoteはWebメディア「暮らしとNotion。」で更新中の記事です。メールでも更新のお知らせ受け取れるので、ぜひチェックしてみてください! こんにちは!Notion公式アンバサダーのReiです。 突然ですが、皆さんはNotionをどれくらい使いこなせていますか…? なんでもできるNotionですが、それ故に、使いこなすのがなかなか難しいですよね… アンバサダーの自分でさえも、「これってできたっけ…」と分からなくなり、恥ずかしながら検索する事がたまにあります…(笑) 今回は、そんなNotionの、「え、こんなことできるんだ…!」となるような、ちょっとした隠し(?)機能をいくつかご紹介します。 👇Notionはこちらから! 1. データベースを複数列にする方法まず一つ目の裏技は、データベースを複数列にする方法です。 テキストは2列や3列など複数列にする事ができるのですが、実はデータ
ソシム社から大好評の意識低い系デザイン本の第2弾がいよいよ発売です! 『俺の資料がダサすぎる!』 もう本のタイトルからしてヤバイww 企画書、プレゼン、スライド、資料をつくるのが苦手、デザインを分かりやすく見栄えがよいものにしたい、自分に足りないデザイン力を身につけたい、デザインの専門書はなんか難しい、そんな人にオススメのマンガを笑いながら読んでいるうちに、デザイン力がしっかり身についてしまう新感覚のデザイン本を紹介します。 本書は当ブログでも大好評だった「デザイナーじゃないのに!」(紹介記事)の第2弾。 自分がつくった残念なデザインの資料に気がつき、「俺の資料がダサすぎる!」と叫んでしまう主人公とともに企画書、プレゼン、スライド、資料を作成するためのデザイン力を身につける楽しいマンガです。 第2弾の本書では、いろいろな意味でパワーアップしています! 本書は来週の10/25に発売。第1弾は
スクウェア・エニックスは10月20日、『ファイナルファンタジーXVI』(以下、FF16)の新映像を公開した。久々の情報公開となる。 『FF16』は、『FF14』を手がけた第三開発事業本部が開発を担当。スクウェア・エニックスの数多くの作品にてバトルデザインなどを手がけてきた髙井浩氏がディレクターを務める。『デビル メイ クライ』など数多くのアクションのバトルに関わってきた鈴木良太氏も携わっているほか、プロデューサーとしては吉田直樹氏が名を連ねている。音楽については、『FF14』の祖堅正慶氏が担当するとのこと。 舞台となるのは、クリスタルの加護を受けし大地ヴァリスゼア。この地では、クリスタルの巨塊“マザークリスタル”によってエーテルが供給され、剣と魔法の世界で人々は安息に暮らしていた。ロザリア公国、ザンブレク皇国、ウォールード王国。それぞれの国がマザークリスタルを保有することで均衡が保たれてい
Googleは動画サービスYouTubeのサブスクリプションである「YouTube Premium」の一部値上げを行いました。 YouTube Premiumは広告非表示、バックグラウンド再生、オフライン再生用ダウンロード、音楽サービスYouTube Musicの広告非表示・バックグラウンド再生が可能になる有料オプション。特に広告非表示機能は重宝している人が多いと思われます。 YouTube Premiumには、個人プラン、ファミリープラン、学生プランの3種類がありますが、今回値上げの対象となったのはファミリープラン。同世帯の5人分(13歳以上)が利用できるプランですが、従来の1,780円が、11月22日から2,280円へと500円引き上げられます。 ▲ファミリープラン契約者に送られてきたメールの文面 個人プランの月額1,180円と学生向けの680円はそのままです。 米国でもファミリープラ
Ubuntu 22.10 “Kinetic Kudu”のリリース 2022年10月20日(現地時間)、Ubuntu 22.10 “Kinetic Kudu”(動的なクードゥー)がリリースされました。このリリースはいわゆる「通常のリリース」で、サポート期間は9ヶ月です。LTSではないので「Ubuntu Pro」の提供は行われません。基本的に「サポート期限が終了する前に、次のリリース(23.04)へ乗り換える」ことを想定して利用してください。 今回のリリースでは一部の「古くからデフォルトになってきたソフトウェア」の入れ替えを含め、未来に向けた変更が加えられています。UIの見た目的な変更はあるものの、直接的な使い勝手に影響する部分はあまり多くありません。 上述のとおり、22.10のサポート期間は9ヶ月です。「できるだけ最新を使いたい」という動機でなければ、更新するべき理由はありません。
Building a Better Web - Part 1: A faster YouTube on web Stay organized with collections Save and categorize content based on your preferences. A case study of changes the YouTube Web team made to improve performance, increase their Core Web Vitals pass rates and lift key business metrics. The Chrome team often talks about "building a better web", but what does that mean? Web experiences should be
Which serverless edge platform has the fastest git deployments? Deploying to the edge is becoming more common, with multiple services that offer serverless edge computing. One of the most important factors is speed of deployment, since context switching and waiting for code to build and deploy can halt momentum, flow state, and developer productivity. So, which serverless edge compute platform han
Cloudflare Workers and micro-frontends: made for one another2022-10-20 To help developers build better web applications we researched and devised a fragments architecture to build micro-frontends using Cloudflare Workers that is lightning fast, cost-effective to develop and operate, and scales to the needs of the largest enterprise teams without compromising release velocity or user experience. He
オラクル、MySQLからオブジェクトストアにある最大400テラバイトのCSVファイルなどにクエリを高速実行できる「MySQL HeatWave Lakehouse」発表。Oracle CloudWorld 2022 オラクルは米ラスベガスで10月17日から4日間に渡って開催したイベント「Oracle CloudWorld 2022」で、MySQL HeatWaveからオブジェクトストアのデータファイルに対して直接クエリを発行できる「MySQL HeatWave Lakehouse」を発表しました(日本オラクルの発表)。 [News] Oracle Announces MySQL HeatWave Lakehouse with 17X Faster Query Performance vs. Snowflake and 6X Faster than Redshift on 400 TB Wo
オラクル、PostgreSQLデータベースに最適化した専用ストレージ「Aries」を用いた、高性能なマネージドサービス「PostgreSQL Aries」を提供予定と発表。Oracle CloudWorld 2022 オラクルは米ラスベガスで10月17日から4日間に渡って開催したイベント「Oracle CloudWorld 2022」において、PostgreSQLのマネージドサービス「PostgreSQL Aries」をOracle Cloudで提供予定だと明らかにしました。 「私たちはPostgresにも非常に大きな投資をしており、Postgresのマネージドサービスを提供しようとしている」(Well, we're also investing very heavily into Postgres. We're coming out with a managed Postgres ser
2020年4月に開学し、2024年3月に第一期生が卒業を迎える学校法人電子学園 iU 情報経営イノベーション専門職大学は、変化を楽しみ、世の中にイノベーションを起こす人材を育成する大学です。本記事では、iU主催で行われたキャリアイベント「iU careerpunks 2022」より、客員教授で株式会社人材研究所代表の曽和利光氏による講演の模様をお届けします。人事のスペシャリストの視点から、「優秀な人」の評価が変わってきた例について解説しました。 高度成長期までは「現実型」の人が世の中のリーダーだった 曽和利光氏(以下、曽和):実際、人には特徴しかない。強み・弱みは、何をするかによって変わります。 これは人事の世界で一番有名な、「RIASEC(リアセック)」という古典的な職務特性理論です。ホランドという方が仕事を6つに分けて、「こういう仕事だったらこういう特性の人が向いてるんじゃないか」とい
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く