地元の花火大会が、やたら規模が大きくて信じられないほど混む 実家から車で30分くらいのところに住んでるけど毎年その日は実家近辺には近寄らないようにしてるくらい混む（どうしても用があれば早朝行って午前中には帰る、午後はもう混みすぎて動けない） でも友達とちょっと浴衣で遊びに行きたいよね、という話になるとどうしても花火が候補に上がる まあ、暗い時間で比較的涼しいしわからんでもないけど絶対嫌だ 地元が近い友人も「花火の日は絶対嫌」と言っており話が止まってしまう なんかいい感じのイベントないかなあ 諦めてなんもないけど浴衣で遊びに行くくらいの気持ちでいたほうがいいか 【追記】 流れると思いきやまさかたくさん反応貰えるとは 縁日ってなんか地元で聞かないんだよな あんまり祭りがないというか…なんでだろ 友達からも発案ないからそういう地域なのかも？？一応調べてみる 観劇なら着物とかで行ったことあるけど、

AI によるコーディングの支援はコード補完型からチャット型、そして自律型へと進化しています。この記事では現時点で主流となっているコーディングエージェントの種類とその特徴を整理したうえで、エンジニアの仕事の変化について考察します。 コーディングの仕事における AI 技術の関わりといえば、GitHub Copilot を代表するエディタ補完型が主たるものとして認識されてきました。補完型の AI はユーザーが途中まで書いたコードを補完する形で提案を行うことから、ペアプログラムの相方のような存在として捉えられていました。例えば function add と書き始めると、AI は (a: number, b: number): number { return a + b; } といった形で関数の定義を提案します。ユーザーは Tab キーを押すことで提案を受け入れたり、提案が気に入らなければそのままコ

htmx は、JavaScript のコードを書かずにサーバーとの非同期通信を実現し、ページの一部を更新することを可能にする JavaScriptライブラリです。HTML属性の拡張により簡単に使用できるようにし、結果として、コードの可読性が向上し、将来のメンテナンスも容易になります。これらの特徴から、htmx はウェブサイト制作の現場での活用が期待されます。 簡潔さとアクセシビリティ: htmx は、複雑な JavaScriptコードを書かずに、HTML 内で直接動的な振る舞いを宣言することを可能にします。これにより、Web開発がよりアクセスしやすく、より理解しやすくなることを意味します。 非同期リクエストの簡易化 : htmx は、Ajaxリクエストを簡単に実装するための属性を提供します。これにより、サーバーへの非同期リクエストを簡単に行い、ページの一部を更新できます。 導入の容易さ :

あなたにとって重要なトピックや同僚の最新情報を入手しましょう最新の洞察とトレンドに関する最新情報を即座に受け取りましょう。 継続的な学習のために、無料のリソースに手軽にアクセスしましょうミニブック、トランスクリプト付き動画、およびトレーニング教材。 記事を保存して、いつでも読むことができます記事をブックマークして、準備ができたらいつでも読めます。

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

Eclipse の以下のエディターで、インデントを半角スペース（空白）に設定する方法を書いていきます。 Java エディター テキストエディター（XMLも含みます） 補足 以下の手順では、インデントのサイズを半角２つに設定しています。お好みで調整して頂ければと思います。 1. 設定の表示 Eclipse のメニューで「ウィンドウ」→「設定」をクリックします。 2. Java エディター 2.1. フォーマッターのプロファイル作成 設定が開いたら、左上の入力欄で「フォーマッター」と入力して、Java の「フォーマッター」をクリックします。 まだプロファイルを作成していない場合は、上の「新規」をクリックして作成します。 プロファイル名に任意の文字列を入力して「OK」を押します。 2.2. インデントの設定 新規プロファイルを作成すると、自動的に下の編集ダイアログが表示されます。 プロファイル作

はじめに Java使いには欠かせないIDEであるEclipse。賢く補完してくれるのが魅力ですが、Visual Studioに慣れていると「補完がもっさりしてるなー」と思ってしまうのも事実。 でも補完設定をカスタマイズすることで、Visual Studio並みにバリバリ補完してくれるようになるのです。 環境 Eclipse 3.6.1 Helios 今回はWindows 7でPleiades All in Oneを使用していますが、素のEclipseでも同じです。もちろんLinux版でもOK。 Javaの補完設定のカスタマイズ やることは コンテンツ・アシストの自動有効化遅延を短くする 補完候補の一覧が表示されるまでの時間を短く設定することで、補完を速くします。 コンテンツ・アシストの自動有効化トリガーとなる文字を追加する 「.」以外の文字を入力した場合にも補完を開始するように設定し、特別

※1JVMオプションを下記のように変更しました。 -Xms2048m -Xmx4096m 変更方法は下記サイト(2021年5月11日時点)を参考しました。 https://pleiades.io/help/idea/tuning-the-ide.html#common-jvm-options VSCodeの起動が早いことが確認できました。 しかしIntelliJ IDEAでもJVMオプション変更後はまぁまぁ早いので、これでも良いかなと感じました。 Java環境作成 VSCodeでJava環境を作成するにあたっては公式サイトやググってもらうといっぱい出てきます。 僕が試した2021年5月時点では下記のようにしました。 拡張機能のインストール Javaとビルドツール（Gradle）に関する拡張機能をインストールしました。 Java Extension Pack・・・必要な拡張機能を全て入れてく

最近、リモートワークということもあり、ペアプロというかAWS、GCPなどの操作をする際に一緒に画面を見ながら作業する機会が多いです。若手の同僚がターミナルソフトを起動してコマンドを実行するのですが、傍から見ているとエイリアスなりキーバインドなりを使えば効率的に操作できるのにと思うことがあります。 最近はGUIで操作することが多いのでターミナルソフトでコマンド操作することがあまりないのかもしれませんが、私は少し前までは（クラウドしかできない）ITインフラエンジニアをやっており、プログラミングよりもコマンド操作するのが圧倒的に多かったため、ちょっとしたことならGUIよりもターミナルで操作することが多いです。Windowsを使っていますが WSL2 + Ubuntu 20.04 LTSで開発環境を整えているため、操作に不自由はほとんどしません。 この手のエイリアスやzshなどのオススメ設定はググ

こんにちは！CTO統括室の黒崎(@kur_m88)です。2022年度のサイバーエージェントには新卒のエンジニアが約90名入社してくれました。 アフターコロナー1期生の新入社員へ、代表藤田からのメッセージ 2014年までエンジニアブログを遡ると、こんな企画がありました。この企画を8年ぶりに復活させてみようと思います。 #e100q 新人エンジニアにお勧めする一冊 思いつきで企画してみたので100人に聞く時間はありませんでしたが、約40名から返事をもらえました。 社内でアンケートを募集した様子 おすすめする一冊の被りが多ければランキング形式にしようと思っていたのですが、あまり被りがありませんでした。 ちょっと分量が多いですがせっかくなので全部紹介しようと思います。 先輩エンジニア達から新人エンジニアに向けた言葉ももらったので、最後に載せてあります。ぜひ最後までご覧ください！ 新人エンジニアにお

※本記事は筆者styprが英語で執筆した記事を株式会社Flatt Security社内で日本語に翻訳したものになります。 TL;DR Node.jsのエコシステムで最も人気のあるMySQLパッケージの一つである mysqljs/mysql (https://github.com/mysqljs/mysql)において、クエリのエスケープ関数の予期せぬ動作がSQLインジェクションを引き起こす可能性があることが判明しました。 通常、クエリのエスケープ関数やプレースホルダはSQLインジェクションを防ぐことが知られています。しかし、mysqljs/mysql は、値の種類によってエスケープ方法が異なることが知られており、攻撃者が異なる値の種類でパラメータを渡すと、最終的に予期せぬ動作を引き起こす可能性があります。予期せぬ動作とは、バグのような動作やSQLインジェクションなどです。 ほぼすべてのオンラ

タイトルの通り、シェルの実行結果によって、Ansibleの挙動を制御する方法を考える。 Ansibleで何か実行する場合、通常、その目的を達成するモジュールを探すわけですが、モジュールだけでは細かい制御ができないことが多く、シェルを実行するモジュールにシェルコマンドを渡すことが多くなります。 そういった際にシェルの実行結果を取得し、結果によって別の動きをする条件分岐を行えると便利です。 例えば、 grep 'hello' test.txtのように、test.txt文中に「hello」という文字列があるか？ ということを調べる場合、以下のような形でYMLを書きます。 - name: check hello shell: "grep 'hello' text.txt" register: check_hello failed_when: check_hello.rc not in [0,1]直

ゲームエンジンや3Dソフトウェアを利用して高度な表現ができるこの時代でも、プリミティブな描画や動き、アルゴリズムから学べることは多い。それらをJavaScriptで書くクリエイティブコーディングという形で学べる手引書が本書となる。

某先輩の書評を読んで気になったので 『現場で役立つシステム設計の原則』 という本を読んだ。 とあるプロジェクトでその先輩に自分の書くコードについて色々ご指摘をいただいていたタイミングであり、自分としてはかなり参考になった点があるので備忘も兼ねて書いてみる。 今回は特に「値オブジェクト」と「コレクションオブジェクト（ファーストクラスコレクション）」について。 値オブジェクト 値オブジェクトはアプリケーションに登場する様々な値に対してその値を扱うための専用クラスを作るという考え方。 値ごとにクラスを定義する 値オブジェクトの考え方をルール化すると、「プリミティブ型や String 型は使わない」という方針となる。 例えば、先述のプロジェクトのコードでは登場する様々な値を String 型で表現していた。 userId nickname address etc... これらはサーバーリクエストの

※本コラムは、長谷川のブログ「underconcept」からの転載です。 ユーザー体験（ユーザーエクスペリエンス／User Experience: UX）という言葉が広く聞かれるようになってきた。半ばバズワードのように、特にウェブデザインやマーケティングの記事などの中では、この言葉を見ない日はない。しかしながら、多くの場合、UXという言葉の真意や可能性を取り違えてしまっている。本稿では、いくつかの観点からUXの本質を考えてみる。 1.UI/UXという誤用 1.1. UIとUX まず、多くの記事や講演などで見られる「UI/UX」という表現からとりあげてみたい。 UI/UXとは、もちろん、User Interface / User Experience（ユーザーインターフェイス／ユーザーエクスペリエンス）の省略形であるが、多くの記事などで「すぐれたUI/UXデザイン事例」、「UI/UX講座」な

CPUの性能を調べる方法を紹介、というかメモです。 次の記事が長くなりすぎないように分割したやつ。 CPU Benchmark Charts 最も手軽にCPU性能を調べられるのが、このサイトです。 PassMark Software – CPU Benchmark Charts 私の場合は、サイドバーの『Single Thread』を眺めたり、ヘッダの検索から型番のページに行って、Single Thread の値を確認したりします。 マルチコアでの総合力も大事なんですが、個人的には Single での性能がレスポンスタイムなどに直結するので、重要視しています。 CPU情報 /proc/cpuinfo Linux なら、これで大体の情報を確認できます。 $ cat /proc/cpuinfo processor : 0 vendor_id : GenuineIntel cpu family

エムスリーエンジニアリンググループ製薬企業向けプラットフォームチームの三浦 (@yuba)です。普段はサービス開発やバッチ処理開発をメインにやっておりますが、チームSREに参加してからはこれに加えて担当サービスのインフラ管理、そしてクラウド移行に携わっています。 今回はそのクラウド移行の話そのものではないのですが、それと必ず絡んでくるインフラ設定に関してです。 アクセス元IPアドレスを知りたい Webアプリケーションがアクセス元IPアドレスを知りたいシーンというのは、大まかに二つかと思います。ログ記録用と、アクセス制限ですね。どちらもアプリケーションそのものではなく手前のWebサーバの責務のようにも思えますが、そうとも言い切れません。動作ログ、特に異常リクエストをはじいた記録なんかにセットでIPアドレスを付けたいとなるとアプリケーション要件ですし、アクセス制限についてもマルチテナントサービ