はじめに Web技術は日進月歩で新しい技術が増えているが、実務でそれらすべてを触る機会はない。そこで、今回の記事では2023年下半期に赤の他人に勧めたいWeb技術を個人の独断と偏見で解説する。 対象者 これから何をすればいいのかわからないプログラマー 新しい技術に興味があるひと スキルセットを拡大したいひと タイトルでなんとなく気になったひと フレームワーク FastAPI FastAPIはPythonでAPIを開発するために開発された軽量のWebフレームワークだ。FastAPIでは、主に以下の特徴がある。 Node.jsやGo言語に匹敵する高速なアプリケーションを開発できる 構造が簡単(Flaskの影響を受けている) Pythonに型定義を含められる 環境構築がコマンド一つで終了する 非同期処理を簡単に実装できる Pythonで開発されているので、機械学習との相性が抜群 RESTとGra

リクルートでは、エンジニアのパフォーマンスを最大化させるために、開発組織をバリューチェーンとして捉えています。 ツリー構造組織ではないワンチームの開発組織は実際、社内でどのように機能しているのでしょうか。今回は、リクルートが提供するプロダクトの一つである『Airワーク 採用管理』の開発事例を参考に深堀りします。 サービス開発を進めるなかで、190画面もの規模の開発をなんと4カ月で完遂させたというこの事例では、BA、アーキテクト、開発マネジメントがそれぞれ八面六臂の活躍を見せ、圧倒的な「開発速度」を実現させました。 後編では、アーキテクトの西村祐樹さん、開発マネジメントの朴永喆さん、BA（ビジネスアナリスト）の竹下由美さんの御三方を交えて、その裏側をお伺いします。 （前・後編の後編です） ※この記事は株式会社リクルートによるSponsoredContentです。 「ブルックスの法則」を乗り越

はじめに この記事では、当社内で開発した最適化フレームワークである「 Codable Model Optimizer 」について紹介します。 リクルートでは、機械学習のビジネス活用に長く取り組んできましたが、機械学習によって将来の予測が正確にできたとしても、その予測を元に良い選択を決定できなければならない問題に直面することが増えてきています。 例えば、商品に対する購入率が予測できたとしても、購入率の高い商品をたくさん表出させれば良いというわけではなく、実際には商品の在庫などを考慮してどのように表出させるのか意思決定する必要があります。 膨大な選択肢からより良い選択を見つけ出す問題を"最適化問題"とよび、様々な解法があります。解法としては、数理最適化（主に厳密な最適解を見つけるのに使われる）やメタヒューリスティクス（厳密最適解ではないが、大規模な問題において良い解を見つけるのに使われる）など

「神絵が1分で生成される。参った」──AIが作ったイラストともに投稿されたそんなツイートが話題になっている。この画像を生成したのはAI「Midjourney」だ。 Midjourneyは、NASA（アメリカ航空宇宙局）の技術者も務めたデイビッド・ホルツさんが代表を務めるAI研究チームが開発した画像生成AI。8月1日の時点ではβ版を公開している。無料で25回まで画像生成のテストができる。有料版は月額10ドル（約1330円）からで、企業向けライセンスも用意している。 画像の生成にはコラボレーションツール「Discord」を使う。MidjourneyのDiscordサーバに入り、コマンドを使って生成したい画像の内容を英語で指示すると、AIが1分前後でお題に沿った画像を出力する仕組み。生成した画像の権利はユーザーに帰属するが、規約上はMidjourneyチームや他のユーザーが生成画像を取得し、加工

テキストからイラストを生成するAIサービス「Midjourney」が、SNS上で注目を集めています。 「Midjourney」は、Midjourney社が開発・運営する、チャットアプリケーション・Discord上での画像生成サービス。スラッシュコマンド「imagine」と共に好きな英語を入力すると、60秒以内に4枚のイラストが出力されます。 さらに、出力されたイラストそれぞれを高解像度化（アップスケーリング）したり、スタイルや構図の似ている新しいイラストを出力したりすることもできます。 現在、「Midjourney」はベータ版として公開中。無料トライアルとして、約25回イラストを作成することが可能です。 今回、「KAI-YOU POP PORTAL CULTURE MEDIA」のイラストを生成してみたので、その手順を紹介します！ 画像生成AIサービス「Midjourney」の使い方 1.D

これは何 Rubyは「DSLが書きやすい言語」という説明がされることがあります。 なぜRubyはDSLが書きやすい、と言われるのかを僕なりにまとめてみました。 「こういう要素もあるからだよ」などあればぜひコメントや編集リクエストをいただけると嬉しいです。 DSLの例 DSLとは直訳するとドメイン固有言語です。 簡単なイメージで言うと、「ユーザーが自由に構文に近い仕組みを実装、提供できる」ようなものです。 詳しい説明はWikipediaにお任せします。 RubyやRailsで使われているDSLで有名なものはActiveRecord周りの実装などでしょうか。 例を記載します。

こんにちは! アソビューでバックエンド アプリケーションエンジニアをしている山野です。 アソビューは7月にGoogleとの連携機能「Google Things to do」のリリースをしました。 今回はこの機能開発について紹介したいと思います。 Google Things to doとは Googleがアクティビティやアトラクション分野で導入した予約検索表示機能です。 これにより世界中のゲストが世界中のアクティビティやアトラクションを見つけ、 Google上で価格を比較することができます。 またゲストは体験したいアクティビティ・プランを見つけた場合は、 Google上からサービス事業者のWEBサイトへのダイレクトにアクセスでき、予約に進むことが出来ます。 google things to do 開発体制 プロダクトオーナー・プロダクトマネージャーとエンジニア(私)の３人体制で開発を行いまし

こんにちは！デザインリードを担当している山中です。 ついにアソビュー！のネイティブアプリがリリースされました！ 私が入社（2019年の夏ごろ）してから、アプリをつくりましょう、という話は何度もでて、途中まで開発しいたもののコロナの影響で業績が低迷、アプリの開発どころではなくなり、他の開発の優先度が高くなり、アプリの開発がずっと止まっていましたが、業績がV字回復し資金調達により採用に力を入れたことで開発メンバーも増え、やれることが増えてきたので、アプリ開発が再開でき、ついにファーストリリース！ ようやくです！私もだいぶ待ちましたが、アソビュー！をご利用の皆さん、お待たせしました！そして、週末なにしよう！？と考えてしまう前に、ぜひダウンロードしておでかけ先を探してみてください！ アプリダウンロードURL iOS　　　‎アソビュー！:遊び先の検索・予約 on the App Store Andr

React Server Components（RSC）は、ページの読み込みパフォーマンスやバンドルサイズのほか、Reactアプリケーションの書き方に近い将来大きな影響を与えることになる、素晴らしい新機能です。 Plasmicでは、Reactのビジュアルビルダーを開発しており、Reactのパフォーマンスには大きな関心を持もっています。 当社のクライアントの多くは、Plasmicを使用して高いパフォーマンスが求められるマーケティングサイトやECサイトを構築しています。 したがって、RSCはまだReact 18の初期実験機能ですが、Plasmicではその仕組みを詳しく調べています。 このブログ記事では、これまでに分かったことを紹介したいと思います。 Plasmicのメンバーによるツイートまとめもご覧ください。 React Server Componentsとは何か サーバサイドレンダリングとの

こんにちは！2022年4月にペパボに新卒入社しました、新卒12期エンジニアズ（通称12th-dev)です。 今年は5月末から8月上旬にかけて新卒エンジニア研修が実施されています。 その中のフロントエンド研修では、ブラウザの仕組みやモダンな環境構築の方法などを学んだ上で、２チームに分かれて実際にWebサービスを作成しました。 この記事では、作ったサービスの概要や使用した技術スタックについてお伝えします。 オフィス内カフェのメニューサイト 新卒12期エンジニアのseiji, keigo, yukyan です。私たちのチームは社内カフェを便利にするサービスを作りました。 GMOインターネットグループには「シナジーカフェ GMO Yours」と呼ばれるカフェが福利厚生として用意されています。しかし、メニュー表がパソコンのみでしか見られず、列に並んでいる間などにメニューをみることができないという問題

こんにちは。インフラエンジニアのsheep_san_whiteです。 障害を起こしてしまって、ポストモーテムを書いたことありますか？ 私はあります( • ̀ω•́ )ﾄﾞﾔｯ 社内ポストモーテム共有会について さて、リブセンスでは6月24日に「社内ポストモーテム共有会」を開催しました。 ポストモーテムを持ち寄って内容を振り返り、お焚き上げするという会です。 コロナ禍の中ではありますが、オンライン／オフライン混合のハイブリッドで開催しました。 ハイブリッド開催の様子 撮影場所: WeWork東京ポートシティ竹芝 社内ポストモーテム共有会について 発表内容 Sがついてただけなのに シン・風桶〜null文字入ればピザ屋が儲かる〜 内容の更新がSolrに反映されない 再提示リクエストリリースによる指名ページのエラー 課金関連の開発でバグを出しまくった話 サマリーテーブル生成時にエラー発生 DBの変

3章 Network Namespace - 1 helloworld ip netns コマンドでNetworkNamespaceの作成や操作が可能になる 作成したNetworkNamespace内で独自のネットワークを構築できる $ ip netns add helloworld $ ip netns list helloworld $ ip netns exec helloworld ip addr show 1: lo: <LOOPBACK> mtu 65536 qdisc noop state DOWN group default qlen 1000 link/loopback 00:00:00:00:00:00 brd 00:00:00:00:00:00 $ ip netns delete helloworld # NSを作成 $ ip netns add ns1 $ ip n

※本記事は2020年4月に公開された内容です。 松本瞬と申します。 私は主にフリーランスとしてスタートアップのWebサービス開発をお手伝いしています。これまでにPXITA、cakes、クックパッド料理教室、FiNCなど多数のプロジェクトに参画してきました。Ruby on Railsはすでに10年以上利用しています。 Ruby on Railsは個人の力を最大限引き出してくれる少人数開発向けのフレームワークと言えます。 本記事では開発者の思想を軸としてそんなRailsの魅力を語ります。また、初心者の方が押さえておきたいポイントもご紹介しているので、ぜひ参考にしてください。 Ruby on Rails関連の案件をお探しの方はこちらをご覧ください。 Ruby on Rails関連の案件を探す 記事の後半ではFLEXYがお取り扱いするRuby on Rails関連の求人案件もご紹介していますので、

We're laying the foundation for the future of Next.js with 12.2: Middleware (Stable): Dynamic routing for your entire application. On-Demand ISR (Stable): Update content without redeploying. Edge API Routes (Experimental): High performance API endpoints. Edge SSR (Experimental): Server-render your app, at the Edge. SWC Plugins (Experimental): Extend compilation with your own plugins. Improvements

仮想DOMは本当に“速い”のか？ DOM操作の新しい考え方を、フレームワークを実装して理解しよう 最近のJavaScriptフレームワークで利用される「仮想DOM」について、リアルDOMの違い、メリット・デメリット、仮想DOMを使ったフレームワーク開発などを、ダーシノ（bc_rikko）さんが解説します。 はじめまして、ダーシノ（@bc_rikko）です。さくらインターネットでフロントエンドエンジニアをする傍ら、NES.cssというファミコン風CSSフレームワークを開発しています。 さっそくですが、皆さんは、ReactやVue.jsといったJavaScriptフレームワークを使ったことがありますか？ そういったフレームワークで使われている、仮想DOMについて知っていますか？ 「聞いたことない」「聞いたことはあるけど、どう実装されているかは知らない」「熟知している」。いろいろなレベルの方がい

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 deployment times. Today we are releasing the first stable version of Fresh. Client side rendering has become increasingly popular in recent years. React (and React-like) pages allow program

Develop locally in JavaScript or TypeScript, deploy in seconds globally and scale to billions of requests.

あなたが、いま実装しようとしているレイアウトは、おそらくCSSで実現できるでしょう。 ただし日常の業務をこなしながら、日々進化するCSSの最新テクニックを習得するとなれば、話はまったく別です。 仕事で使えるCSSの技術を、時間をかけて学ぶよりも、ボタンやドラッグ＆ドロップ操作で、思い通りのレイアウトを自動で生成できる「ジェネレーター（英: Generator）」を活用してみましょう。 新しいプロジェクトにコピー＆ペーストで利用でき、瞬時に思い通りのレイアウトを作成、はじめてのひとにもオススメの時短ツールを厳選しています。 コピペ一発！便利なCSSレイアウトジェネレーターおすすめ12選（Grid ＆ Flexbox編） ここでは、CSS Grid と Flexbox で表現できるレイアウト用ジェネレーターと便利なリソースを一緒にまとめてご紹介します。 Layoutit! grid-templ