俺の管理画面 2023年冬 - KAYAC engineers' blog
面白法人カヤック技術部の谷脇です。私は元気です。 この記事は面白法人グループ Advent Calendar 2023の5日目のエントリーです。 というわけでこの記事では、現環境(私が取り組んでいる業務のこと)ベストの管理画面の技術選択について考えたことを書き連ねていきます。 前提知識 管理画面の定義 ここで読者と私の目線を合わせるため、この記事上での管理画面の定義をしておきます。 管理画面はサービスの運営上必要な操作やデータの閲覧をまとめたWebアプリケーションです。また、このWebアプリケーションは一般ユーザーには開放されておらず、サービス運営者側のみ閲覧と操作が可能となっている、とします。 管理画面を作る動機 ここではTonamelの管理画面について、考えて導入したことを書きます。 tonamel.com Tonamelはゲーム大会やイベントを開催するためのプラットフォームです。We
HTTP/3｜Webエンジニアが知るべき新常識 ─ QUICやコネクションマイグレーションなどを学ぶ｜ハイクラス転職・求人情報サイト AMBI（アンビ）
HTTP/3｜Webエンジニアが知るべき新常識 ─ QUICやコネクションマイグレーションなどを学ぶ 新しい通信プロトコルとして普及が進んでいるHTTP/3については、エンジニアHubでも過去に概論的な記事を掲載しています。今回はアプリケーション開発者が自社サービスでHTTP/3を採用することを想定して、仕様上の留意点や、どのように使い始めるか、そしてサイトを制作する際に注意しておきたいポイントまでを藤吾郎（gfx）さんに解説していただきました。 本記事ではHTTP/3およびその通信プロトコルであるQUICを、アプリケーション開発者として活用する立場で入門します。HTTP/3は、HTTP/1.1とHTTP/2に続く新しいメジャーバージョンのHTTPプロトコルです。HTTP/3はHTTP/1.1およびHTTP/2を置き換えるポテンシャルを持っています。将来的にほとんどのインターネットトラフィ
リリースから5年、Webフロントエンドの経年劣化と向き合う
@herablog さん、@shunke07 さんと共に Muddy Web #3 で発表した資料です。 https://cyberagent.connpass.com/event/261115/ news.ameba.jpは5年前にデスクトップ版ではReact化、モバイル版ではAMP化が行われました。当時は最先端の技術でしたが時が経つにつれて技術的なトレンドも変化しています。TypeScriptやTanStack、Core Web Vitalsの登場によりWebフロントエンドの技術構成は日々進化しています。 時代の流れに合わせてAmebaNewsでは、脱AMP、脱SPAやTypeScript化などを行いましたので紹介いたします。
Webエンジニアとして個人的に大事だと思ってる、ノウハウ・心構えについて【後編】｜Offers Tech Blog
はじめに こんにちは！Offers を運営している株式会社 overflow の バックエンドエンジニアの takkun7171 です。 前回に引き続き、個人的に大事だと思ってる、 ノウハウ・心構えを書いていこうと思います。 前回の記事 前回はハードスキル中心だったのですが、 今回はソフトスキル中心でまとめてみました。 かなり主観が混じってるので、賛否両論あると思いますが、 エンジニアのいち意見として緩く見てもらうと幸いです。 【エンジニアの勉強について】 若い人から学ぶ姿勢を持つ 当たり前ですけど長く働いていると、 同じ業界で働く人が自分より若い人だらけということになります。 当然ながら、若くて優秀な人から学ぶ、謙虚な姿勢を持つのは必要になってきます。 その時代のモダンな作り方、技術にキャッチアップできれば、 それまでの歴史や経緯について深く知らなくても、仕事出来てしまいます。 ぶっちゃ
君はPornhubを知っているか - ゆーすけべー日記
Pornhubをご存知だろうか。 答えは当然Yesだろう。 ところがその本当の実態について我々は理解しているだろうか。 WikipediaのPornhubページには興味深い事柄が書いてある。 YouTubeに次ぐ世界第2位の動画共有サイト 360度動画を提供しており、PlayStation VRで視聴できる 上下運動で発電できるリストバンドを発明した 宇宙空間でポルノを撮影すると発表した VPNHubというVPNサービスを開始した これらのいくつかを恥ずかしながら私は知らなかった。 この恥ずかしさがモチベーションとなり、私はPornhubのポルノ以外のことを調べた。 出てくるものはアダルトコンテンツばかりだったが、 以下の3つのページに出会うことができた。 Pornhub Insights :: Digging deep into the data Interview with a Por
2019-06-18
はてなフォトライフの画像アップロード画面をFlashを利用しない仕組みに変更しました。また、その他のFlashを利用している機能については廃止します いつもはてなフォトライフをご利用いただきありがとうございます。 本日、はてなフォトライフのアップロード画面をFlashを利用したものから、HTML5を利用したものに置き換えました。これにより、Flashが動作しないブラウザでも、写真の複数アップロードやドラッグアンドドロップによるアップロードが可能になりました。 どうぞご利用ください。 また、Flashは2020年末をもって、提供の終了が宣言されております。はてなフォトライフではFlashを利用した下記の機能を提供しておりますが、これらの機能についてはサポートの対象外とし、順次動線や機能の廃止などを行ってまいります。 スライドショー 廃止します ウェブカメラアップロード 廃止します お絵かき機
ドメイン駆動設計サンプルコードの徹底解説
Java/Spring Boot/MyBatis/Thymeleafを使った、ドメイン駆動設計のサンプルコード。ビジネスルールに焦点を合わせ、計算モデルで複雑さを整理し、型指向のプログラミングで実装する、その具体例。
Webエンジニアが避けるべき転職先
転職活動でストレスが溜まっているので備忘録、愚痴吐きとして。 人売りSES * 言うまでもなくクソなので行く価値なし。 * 見分け方はみんな知ってるだろうし割愛する。まあ勤務地は東京23区内とか書いてあったら香ばしいですよね？鼻腔に入ってこないで欲しいよな。 * 「多彩な案件を経験」したければ派遣免許取ってちゃんとやってる会社に行きます。違法スレスレの人材屋を選ぶメリットあるか？ * こういうクソを紹介してくる無能な転職エージェントは生まれてきたことを後悔するほど苦しんでから死んで欲しいものである。SESには興味ないって言っただろうクソが。 * ただ連中は節操なく人を採りまくるので、万が一の滑り止めとして一応受けておく選択肢はある。もちろんその際は次の次の転職先を探す必要があるので本当に最終手段である。 * 判断に迷うのは受託や自社開発とSES両方やってるパターン。SESという後ろ暗い商売
歌詞サイト「コピー禁止！右クリック禁止！ソースからも辿れないようにっと」Google「はぁ…」 : IT速報
コピー禁止ったって、「写経」できちゃうんだから万能じゃないよなー ……とか常々思う お歌の歌詞くらい短い文章なら打鍵出来ちゃうし(般若心経とどっちが短いかな)
Chrome Dev Summitで披露された高速化のテクニックの数々（所感を含む） - アシアルブログ
こちらのブログではご無沙汰しています。田中です。今週はサンフランシスコにて開催されたChrome Dev Summitに参加させていただいていました。今年はweb.devの発表や新しいPageSpeed Insightsなど、例年にも増して盛りだくさんの発表が行われましたが、特に「スピードの改善テクニック」が数多く披露されたように思います。 Chrome Dev Summitのプレゼンテーションはすべて濃厚で、しかも多くの内容は「web.dev」に詳しく説明されています。ここでは、2日間にわたって行われたセッションを振り返りながら、高速化に関する内容をざっくりと追っていきたいと思います。 以前と比べて、WebサイトのJavaScriptコード量は8倍に膨れ上がっている V8の言語機能を今後も最適化していく：Promise、Async & await、フレームワーク対応等 ReactのHoo
Webフロントエンド パフォーマンス改善ハンドブックを公開しました - dwango on GitHub
パフォーマンス改善ハンドブック ウェブページにおけるパフォーマンスに関する問題の見つけ方や考え方の事例をまとめた Webフロントエンド パフォーマンス改善ハンドブックを公開しました。 URL: https://dwango-js.github.io/performance-handbook/ このハンドブックでは過去に行ったWebフロントエンドのパフォーマンス改善の事例を中心に紹介しています。 注意点としてWebフロントエンドは常に変化しているため、現在の最適な解決方法を提案するものではありません。 また、アプリケーションによっても最適な解決方法は異なります。 今回の事例ではViewライブラリにReactを用い、映像再生プレイヤーなどある程度複雑な機能を持ったウェブアプリケーションのWebフロントエンドを扱います。 具体的にはニコニコ生放送（以下「生放送」）で行った事例を中心に書かれていま
Web最新技術がてんこ盛りのreact-native-domから目が離せない - ナカザンドットネット
パリで発表されていたReact向けプロダクトがあまりにも未来に生きていて興奮したので、紹介させてください。 目次 目次 この記事のゴール 想定読者 はじめに 今回ベースとするソースコード React Nativeは何をするツールか Reactは何をするツールか React DOMとReact Nativeの違い Reactアプリケーションを描画するものたち React DOMの役割 React Nativeの役割 1. ネイティブ処理系の上でJavaScript処理系を動かす 2. Reactを動かす 3. Reactから渡された差分をネイティブViewに適用する React Native DOMはどこがReact Nativeなのか React Native DOMのやばいところ6連発 ReactからはReact Nativeに見えてるのがやばい Objective-C実装をJavaSc
初音ミクがスクリーン外から登場できた理由--「超歌舞伎」で使われた最新技術
4月28日と29日の2日間、千葉県の幕張メッセにて開催されたイベント「ニコニコ超会議2018」にて、歌舞伎と最新技術を掛け合わせた舞台「超歌舞伎」が上演。技術協力を行っているNTTが、報道陣向けに公演で使われている最新技術についての説明を行った。 超歌舞伎は、歌舞伎俳優とボーカロイドキャラクターの共演という新しい歌舞伎の形を実現した企画。ニコニコ超会議において2016年に初上演され、今回で3回目となった。作品は顔見世舞踊の「積恋雪関扉」（つもるこいゆきのせきのと）に着想を得た新作「積思花顔競 -祝春超歌舞伎賑-」（つもるおもいはなのかおみせ またくるはるちょうかぶきのにぎわい）。俳優の中村獅童さんと初音ミクの主演によって行われた。 中村さんと初音ミクの掛け合いが魅力となっているステージでは、NTTの最新技術が活用されている。過去2回の超歌舞伎でも、NTTのイマーシブテレプレゼンス技術「Ki
#技術書典 #技術書典4 で「現代Webフロントエンドデザインパターン」を頒布します - @ledsun blog
techbookfest.org モチベーション これを解消したくて「現代Webフロントエンドデザインパターン」書いているけど、とてもSPA/SSRまではたどりつかない。（それ以前の部分で、僕の書く同人誌としては、十分のボリュームになっている。） https://t.co/BSMQwPRxfP— ぎゃばん＠技術書典4 か-20 (@ledsun) 2018年4月16日 Webフロントエンドの技術は、なかなか必要な状況や解決したい問題が明確にされないまま「流行っているからこの技術が良い」みたいな選択されることが大いように思っています。 もちろん、「新しくてかっこいい技術を使いたい」というモチベーションで新しい技術に取り組むのは良いのです。 それはそうとして、うまくマッチしない問題に適用してみて「イマイチな技術だ」っていう感想を抱いたり、 あれもこれも流行っているのに「どれにも自分は手を出せて
「忙しすぎて新しい施策を考える余裕がない！」～疲弊する現場を救った“デジタル行動観察”の4事例 | 【レポート】デジタルマーケターズサミット2018 Winter
多くの企業がデジタルマーケティングの取り組みを強化しているが、どんどん積み上がっていく施策に担当者が疲弊し、考える余裕をなくしているケースが多い。 そこでビービットが提唱するのは、顧客行動を可視化することで施策の効果を判断し、本当にやるべき施策を見極めることである。カスタマードリブン・マーケティングへの転換に成功した企業の事例を取り上げ、デジタル行動観察の重要性を説いた。 Web担当者フォーラムが開催したデジタルマーケターズサミット 2018 Winterで、ビービットの生田啓氏は、「カスタマードリブン・マーケティングへの転換は現場から！ 成功企業の取り組み」と題し、“デジタル情報観察”の重要性を解説した。 本当にやるべき施策を見極める処方箋デジタルマーケティングの現場では、多くの担当者が「忙しすぎて、新しい施策を考える余裕がない」という課題を抱えている。なぜそのような状況に陥っているのか
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JWTセキュリティ入門
Articles
CSSでこんなことができるの知ってた？ 要素・コンテナのサイズに関係なく、ボーダーや背景をはみ出して配置するテクニック
「動き」のあるWebサイトを支えるCSSアニメーション技術｜yui540
gmork.in
