







こんにちは!12月に子供が生まれたばかりの鈴木( @suzan2go ) です。現在は週2~3日リモートで子供の成長を片目にみつつコードを書いています。うちの子はガラピコぷ〜がお気に入りです。 さて今回はRailsでのフロントエンド開発についてです。 昨今のフロントエンドの進化はめまぐるしく、Rails標準のSproc…
フロントエンドの画像軽量化まとめ【2017年版】 - KAYAC Engineers' Blog
こんにちは、面白法人カヤック フロントエンドエンジニアのごんです! 今回は、Webの画像の軽量化について、フロントエンドチームで使ってるツールややり方をまとめてみました。 画像の軽量化などで困ってる方の参考になればと思います。 なぜ画像の軽量化をするのか Webサイトのローディング時間は、ユーザーの直帰率やコンバージョ…

スカイチケット ブックオフでも…情報漏えい相次ぐ【対策は】 | NHKニュース
【NHK】企業への不正アクセスによる被害が相次ぐ中、旅行サイトのスカイチケットを運営するアドベンチャーは外部から不正アクセスを受け、利用客の情報、1400万件あまりが流出したか、流出したおそれがあると発表しまし

TwitterによるReactベースのモバイルWebスタックはネイティブのパフォーマンスに匹敵する
Twitterは最近、すべてのモバイルWebトラフィックを新しいWebスタックに切り替えた。これはバックエンドでNode.jsを、ブラウザでReactベースのProgressive Web Appを動かしている。大量のトラフィックとデータを処理できることは、選択されたスタックの能力を証明している。

エージェント型AIを乗っ取る 第1回:そのAIエージェントはすでに侵害されている
各企業はAIエージェントを自社のデータベース、文書処理パイプライン、社内ツールへと次々と接続しており、その結果、業務の一環として信頼できない入力を読み取る特権的なコンポーネントが生まれています。TrendAI™ Researchは、攻撃者がリターン・トゥ・ツール(RTT)エクスプロイトを通じて、こうしたエージェントをいかにユーザ自身に向ける武器へと転じさせるのか、そしてそれがエージェント型AIセキュリティの将来に何を意味するのかを検証していきます。
目指すのはぶっちぎりの速さ! なぜ HTML5 版CacooはSVGを採用するのか | 株式会社ヌーラボ(Nulab inc.)
こんにちは! Cacoo チームの中原です。現在CacooチームはFlashで作られている図のエディタを HTML5 で*置き換える開発を進めています。このブログでは、 HTML5 版 Cacoo で図形の描画に使用される技術 SVG に関する説明と、 SVG を選択した経緯について説明したいと思います。

JavaScriptフレームワーク選定の議論 - Qiita
相談内容 既存の管理ツールを新しく作り直すために新しいJSフレームワーク/言語使いたいのですが、何を選んだらよいでしょうか? ここで選んだものは今後新しく作る時にも使用していく予定のため、学習コストよりメンテナンスしやすいものを選びたいと考えています。 利用者は社内外...

【踊ってみた】AKB48柏木由紀が衣装を着て踊ってみた
中年IT人材おじさんの平穏 - megamouthの葬列
IT人材が不足してるんだって。零細Web制作会社で言えば、退職者が残したubuntu12サーバーに眠るRails5アプリをすぐにDDDでマイクロサービスに再構成して、jQuery満載のコードを全て読み下したうえで、フロントエンドをReactかなんかのSPAに全部書き換えて、E2Eを含めた自動回帰テストを整備して、ついで…

Webエンジニアがやりたいことドリブンで機械学習に入門してみた - Qiita
概要 普段Ruby on RailsでWebアプリの開発をやっているWebエンジニアが機械学習に挑戦した話です。 普通のWebエンジニアがこういった具合で機械学習を学ぶと、このくらいの期間でこのくらいのことができるようになる。 みたいなひとつの例として参考になるかもしれま...

パイプライン演算子の歴史 - まめめも
(You can read this article in English.) Ruby の開発版にパイプライン演算子(pipeline operator)が試験的に導入されましたが、いろいろあってプチ炎上になっています(チケット)。 せっかくの機会なので、パイプライン演算子の歴史を調べてみました。付け焼き刃の調査なの…
TypeScriptの型を手に馴染ませるためにやっていること - $shibayu36->blog;
最近TypeScriptが好きで勉強していっている。しかしなかなか型定義周りが手に馴染まず、少し複雑な型定義を読んだり、自分でユーティリティ型を定義したりすることが難しかった。 そこで型を手に馴染ませるために色々学習をしてみたので、やっていることをメモしておく。 まずざっとTypeScriptの型概要を学ぶ まずTyp…
ハーブ専門店「enherb(エンハーブ)」公式WEBサイト ハーブについて/サントリーグループのハーブ専門店「enherb(エンハーブ)」 [ハーブティー・エッセンシャルオイル・ハーブコスメ] [株式会社コネクト]
サントリーグループのハーブ専門店「enherb(エンハーブ)」のWEBサイトです。ハーブティーやアロマをはじめ、ハーブコスメやティーポットなど、ハーブ関連商品を取り扱っています。ハーブティー、エッセンシャルオイル、茶器など、ハーブ関連商品を常時200点以上取り扱っているハーブ専門店です。
生成AIチャットボットの回答から危険サイトへ誘導される事例を確認
トレンドマイクロの脅威リサーチャーによる調査では、生成AIチャットボットの回答に含まれる外部Webサイトへのリンク(URL)や、そのURLに付与されたUTMパラメータ、アクセス元のリファラー情報などを分析しました。その結果、生成AIチャットボットの回答を経由して危険サイトへ誘導される事例を確認しました。
ブレークポイントを使ったJavaScriptデバッグを整理してみた【再入門】 - Qiita
はじめに プログラミングの上達において、デバッグスキルを上げることはとても重要で近道の1つだと考えています。 私自身、勉強し始めた頃に知っていれば(理解できていれば)とよく思います。 今回、JavaScriptデバッグについてChromeDevtoolsとブレークポイント...

フロントエンドエンジニアのための動画ストリーミング技術基礎
AbemaTV という動画サービスをリリースしてから半年経ち、新しくサービスのフロントエンドに関わる人数が少し増えてきたため、動画に関して社内で勉強会を行いました。本記事はその勉強会資料です。 Web でメディアを見るためにはデータのダウンロードが必要 Web サービスが HTML を介して提供するコンテンツはテキスト、画像、音声、動画などいろいろありますが、テキスト以外のデータは HTML に

トクリュウのスマホ、遠隔で解析 被害防止へ、早期導入を提言―有識者会議、法改正目指す・警察庁:時事ドットコム
匿名・流動型犯罪グループ(トクリュウ)による被害を防ぐ新たな対策が急務だとして、警察庁の有識者検討会は24日、トクリュウが犯行に用いるスマートフォンから通信内容や情報を入手する「遠隔解析」を早期に導入するべきだとする提言をまとめた。同庁は制度の具体化を急ぎ、次の臨時国会にも警察官職務執行法改正案の提出を目指す。
