Web制作の技術は日々進化しており、会社やプロジェクトによっては昨今の環境に適さない書き方をしているケースも時折見受けられます。 そこで今回は「2024年のWeb制作ではこのようにコードを書いてほしい！」という内容をまとめました。 質より量で、まずは「こんな書き方があるんだ」をこの記事で伝えたかったので、コードの詳細はあまり解説していません。なので、具体的な仕様などを確認したい方は参考記事を読んだりご自身で調べていただけると幸いです。 1. HTML 画像周りはサイトパフォーマンスに直結するので、まずはそこだけでも取り入れていただきたいです。また、コアウェブバイタルやアクセシビリティも併せて理解しておきたい内容です。 Lazy loading <img>にloading="lazy"属性を付けると画像が遅延読み込みになり、サイトの読み込み時間が早くなります。

甥の山上徹也が安倍晋三元首相を銃撃した2022年7月8日の事件から、まもなく1年が経とうとしている。 事件後、私はマスコミ関係者に事件の背景を説明してきた。徹也の幼い頃に父親（私の弟）が自死したことや、徹也の母親が旧統一教会に多額の献金をしたことが原因で一家が破産したこと、さらには障害者だった徹也の兄が将来を悲観して自死したことをなどである。そうした事件の背景を説明することが伯父としての社会的責任だと考えたからだ。 徹也の捜査は終了し起訴されたことで、私は、自分の任務を終えたと考えている。ところが事件から1年という節目が近づいているからか、最近、再びマスコミ関係者が私のところにやってくるようになった。その一つひとつに対応するつもりはないため、以下、徹也に関することを記しておくことにした。 海水浴場で見せた笑顔 まずは彼の少年・青年時代に触れておきたい。 彼の父親が自死したのは1984年、徹

Delaney氏はTwitterにて、「10点満点で10点」のインディーゲーム4本をユーザーたちから募集。「まずは自分から」として、同氏の考える“満点インディーゲーム4本”を紹介した。Delaney氏が挙げたのは海底施設を舞台にしたホラーゲーム『SOMA』、疾走感が売りのリズムアクション『Sayonara Wild Hearts』、まばたきで進めるアドベンチャーゲーム『Before Your Eyes』、幻想世界が舞台のアドベンチャーゲーム『RiME』の4本だ。いずれもSteamユーザーレビューにて高評価を獲得するタイトル。特徴的なゲームプレイや世界観、ストーリーなどが評価を受けている。 そしてDelaney氏の投稿にはメディア関係者を中心に、リプライや引用リツイートで数多くの“満点インディーゲーム”が寄せられた。ざっくりながら、筆者による集計で特に人気だった作品からご紹介していく。 タイ

[いわゆる退職エントリ] Microsoft を辞めることにしました（あるいはサポートエンジニア → Product Marketing Manager になるまでなど）退職エントリ 皆さんごきげんよう。ういこうと申します。 これまで日本マイクロソフト株式会社で Azure のフロントエンド領域を中心としたサービスの Product Marketing Manager をしておりましたが、6/30 日をもって退職することとなりました。 きっと Microsoft 界隈以外では、あなたどなた？という感じだと思いますので、少し自己紹介と、退職エントリ（のようなもの）を書くことにした理由を紹介させてください。ちょっと、いや...かな～り長いので、おやつでも食べながら読むものがないなーというときや、今エンジニアなんだけど、マーケティングなど、テクニカル ロール外の職種に転換しようと思ってる、あるい

Drive Capital was founded by two former Sequoia Capital Partners looking to start anew in the Midwest. But investors in the Columbus, Oh.-based firm have had a bumpy ride of late, and according to our

自作キーボード入門法2019　開発者が教える「初めの一歩」：ハロー、自作キーボードワールド　第1回後編（1/2 ページ）

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

TL; DR Docker/Kubernetes初心者の方と一緒に仕事をすることになったので、はじめの一歩として勉強会を開いたときに作成した以下の資料を公開しました。 speakerdeck.com 資料の目的 ZOZOテクノロジーズではたくさんのプロジェクトがあり、技術的にも古いものから新しいものまでいろいろなものが使われています。その多くは歴史的経緯や開発者たちのレベル感、今まで経験した技術などをベースに選定されることが多いです。 弊社 岡がCNDT2019にて発表した以下の資料や、ZOZOTOWNの作り直しの真っ赤な広告にもあるように、古い技術を使い続けてグロースを続けてきた結果、社内のプロジェクトのいくつかはスケーラビリティとして飽和に近い状態のものもあります。 ZOZOTOWNのCloud Native Journey from Toru Makabe www.slideshar

]# cat /etc/redhat-release CentOS Linux release 7.7.1908 (Core) ]# uname -a Linux localhost.localdomain 3.10.0-1062.1.2.el7.x86_64 #1 SMP Mon Sep 30 14:19:46 UTC 2019 x86_64 x86_64 x86_64 GNU/Linux ファイルシステムとは何か? データを管理/操作するための仕組み。 ファイルとディレクトリで構成されていて、/ を基点とした木構造になっている。 # ls -l / 合計 56 lrwxrwxrwx. 1 root root 7 8月 25 01:17 bin -> usr/bin dr-xr-xr-x. 6 root root 4096 9月 29 15:51 boot drwxr-xr-x. 19

プールの水が抜かれる？ 6月14日の記事「まさかとは思うが『ソフトバンク・ショック』はありえるのか？」で危惧していた内容がいよいよ現実のものになるかもしれない。 この記事の副題に「ITバブル崩壊前夜と似てきた」とあるように、問題はソフトバンクだけにあるのではなく、同じようにベンチャー・バブルの波に乗ってきたIPO業界にも降りかかるから、世界規模の激震になる可能性もある。 ベンチャー・キャピタリストの友人によれば、米国IPOの総額がこの2年で2000億ドルを超え、ITバブルが崩壊した2000年の2年前からの状況とまったく同じ状況である。 市場が過熱して、有望な投資先がなくなったため「チューリップの球根」（1637年がピークであったチューリップ・バブルでは、球根1個の値段が土地５ヘクタール相当まで上昇）にまで多くのベンチャー・キャピタルが手を出したといえよう。 ソフトバンク・グループの主要投資

はじめに なんらかの理由によってOSやOSカーネルに興味を持つ人は多々います。しかし、その次のステップとしてどんな本を読めばいいんだろうと思っている人はこれまたいっぱいいます。そこで、長年Linuxカーネルにかかわってきた筆者がこれまでに読んでよかったと思うものについてここの列挙しました。紹介するのは本だけであって、記事は省いています。もう一点、筆者が書いたものは省いています。 OSそのものに興味を持った人は、その後に興味の方向が次のような二つに分かれることが多いと筆者は考えています。 オレオレOSを作りたい 既存のOSを改造したい この仮説をもとに、それぞれについて筆者がかつて真面目に読んだ本の中から「自作OS」および「Linuxカーネル」というキーワードでよかったものを挙げておきます。Linux以外の既存OSについては語れるほどの知識はないので書いてません。 筆者について 本の良し悪し

こんにちは、ARuFaです。 突然ですがみなさんは、生きていてふと寂しさを感じる瞬間はありませんか？ 僕は3時間に一度の頻度であります。 実家を離れ上京し、一人暮らしを始めて早5年……。 友達もおらず、休日もただ散歩をするだけの日々に、孤独感はどんどん増していきます。 住んでいる賃貸もペット禁止なので猫一匹飼うこともできず、以前は猫と同じ重さの『疑似猫』を作り、寂しさを紛らわせていた時期もありました。 これが当時の写真です。 とはいえ、”常に身体が冷たくて固い”という「生命」と真逆の概念を保有していたため、完全に逆効果でした。 ……さて、そんな暮らしを細々と続けている僕ですが、じつは僕には、一人暮らしを始めてからずっと憧れているものがあるのです。 それがこちら。 おかえりのキス、されてみてぇ～！ ……そう、『おかえりのキス』をされてみたいのです。 仕事を終えて帰宅したら、愛する恋人が駆け寄

どうも、まさとらん（@0310lan）です！ 今回は、Googleが提供しているスプレッドシートを表計算ではなく、Web開発の即戦力になる万能ツールへと変えてしまうサービスを厳選してご紹介しようと思います。 スプレッドシートのデータを活用して、Webコンテンツを作成したりデータベースとして活用するなどさまざまな開発手法に応用できるので、ご興味ある方はぜひ参考にしてみてください！ ■スプレッドシートのデータを即座にAPIで提供する！ 【 SwiftSheet 】 SwiftSheetはExcelやスプレッドシートなどで管理しているデータを、即座にRESTful APIとしてホスティングしてくれるのが大きな特徴です。 CSVで保存したファイルをアップロードするだけという簡単な操作のため、ユーザー登録や課金などは一切不要です。 たとえば、お店のリストをスプレッドシートで管理しているとします。 こ

-NオプションについてCentOS7のls (8.22)のmanpageを見ると、実は載っているが微妙に異なる。 -N, --literal print raw entry names (don't treat e.g. control characters spe‐ cially)CentOS8のls (8.30)はこうだ。 -N, --literal print entry names without quotingmanpageには以前のバージョンから-Qや--quoting-styleなどのオプションはあるが、そもそもメタ文字をクォートする動作そのものについては何の説明もない。いつどのタイミングか分からないが、メタ文字の扱いが突然変更になったようだ。 -Nによる動作の違いを比較してみると、 クォートされたファイルを含むと、有無を言わさずすべてのカラムにパディングが入るようだ。 とり

Oculus Questにハンドトラッキング、PC接続など新発表まとめ Facebookは、太平洋時間9月25日から開催されたOculus Connect6の基調講演を行い、一体型のVRヘッドセットOculus Questのアップデートを発表しました。 特に大きな発表は、PC接続可能な「Oculus Link」とハンドトラッキングです。 PC向けのVRゲームを体験できる「Oculus Link」 Oculus Questは、PCやスマートフォンを使わない一体型のVRヘッドセットです。それ一台で動き回ったり手を動かす高品質なVR体験が可能です。 今回、Facebookは新機能「Oculus Link」を発表しました。USB Type-CケーブルでゲーミングPCとQuestを接続し、PC向けのVRヘッドセットRift S用のゲームもQuestで遊べるようにしてしまうというもの。2019年11月

米Facebookは9月25日（現地時間）、AR/VR関連イベント「Oculus Connect 6」で、「Oculus Quest」と「Oculus Rift」で参加できるVRワールド「Facebook Horizon」を発表した。2020年に登場の予定だ。 米Linden Labが2002年に公開した「Second Life」を彷彿とさせるVRワールドだ。 Facebookは2016年のOculus Connectでアバター機能を発表し、2017年のF8でソーシャルVRアプリ「Facebook Spaces」を発表した。Horizonは「仮想空間とコミュニティについてこれまでに学んだことの集大成」という。 遠くにいる友人とのアバターでの会話やゲームプレイ、映画鑑賞などを楽しめる他、仮想世界での新しい出会いも叶う。

Photoshop, Illustrator, InDeign, Animate, Lightroom, Dreamweaver, After Effects, Auditionなど、Adobe系ソフトの代替ソフトウェアを紹介します。 有名なものからあまり知られていないものまで、買い切り、オープンソースで無料、日本語対応のものなどいろいろあります。 Photoshopの代替ソフトウェア Illustratorの代替ソフトウェア InDesignの代替ソフトウェア Animateの代替ソフトウェア Lightroomの代替ソフトウェア Dreamweaverの代替ソフトウェア After Effectsの代替ソフトウェア Auditionの代替ソフトウェア 下記ツイートの代替ソフトウェアをまとめたグラフィックはAffinity Designerでデザインされています。 With the re

『データ指向アプリケーションデザイン』を読んだ。たいへんおもしろかった。技術書でこんなにわくわくしながら一気に読んだのは『Androidを支える技術』以来かもしれない。 データ指向アプリケーションデザイン ―信頼性、拡張性、保守性の高い分散システム設計の原理 作者: Martin Kleppmann,斉藤太郎,玉川竜司出版社/メーカー: オライリージャパン発売日: 2019/07/18メディア: 単行本（ソフトカバー）この商品を含むブログを見る 本書はソフトウェアシステムの設計について「データ」という観点からまとめたものだ。もちろんデータベースは登場するが、それだけでなくJSONなどのデータ形式、RPC、メッセージキュー、全文検索インデクス、バッチ処理やオンライン処理も等しく「データ」という観点から扱っている。特筆すべき点は、理論だけでなく実際のミドルウェア製品を引き合いに出しつつ具体例を

本日、2019年9月24日で、私がTogetter（トゥギャッター）というサービスを作って丸10年になります。キリも良いし、私もnoteに何か書いてみたいと思っていたので、サービスの歴史などを書いていこうと思います。 トゥギャッター誕生Togetterというサービスは、名前からも想像できると思いますが、Twitter関連のサービスで、誰でも自由にツイートをまとめることができるサービスです。2009年当時の私は、個人の趣味でいろいろなWebサービスやアプリを開発して、リリースしては潰すということを繰り返してて、大体の作っているサービスの名称はダジャレで考えていたので、Togetter（トゥギャッター）も、ツイートをトゥギャザーする（一緒にする）という想いを込めて、Twitter＋Together=Togetter という形で安易に決まりました。まさか、このダジャレで考えたサービスに10年間フ