2025/01/04 Git Hooks ツールの Lefthook を追記 2025/01/05 フロントエンドの状態管理に XState を追記 各リンクテキストを対象名がわかりやすい形式に変更 概要 以前のプロジェクトで使っていたり、進行中に差し替えまでは出来ないけど次使うならこれを使おうと思っていたライブラリやツールなどが、いざ新しくプロジェクトを作ろうと初期構築を始めたら色々と失念している事ってよくありませんか？ 最近実際それがあり、個別のページにわかれて技術メモはとってあったりするのですが探しながらは手間なのとブクマしただけのものもあるので、インデックス的に手軽に気になった技術をメモっておく見ながら構築したり技術選定の前段階に使うようなノートを作ったので誰かのお役に立つかもと公開してみます。 気軽に雑にメモるのを前提に作ったものをそのまま公開しているので文体等は統一されてません

今までJavaScriptを使用しないと実装できなったことが、CSSだけで実装できるようになったものが増えてきました。たとえば、表示・非表示をdisplayプロパティでアニメーションできるようになったり、スクロールをトリガーにしたアニメーションなど、新機能が登場しました。 今回紹介するのは、height: 0;からheight: auto;へのトランジションです。高さが固定値であれば簡単にアニメーションできますが、コンテンツ量が不明で成り行きの場合はJavaScriptで高さを取得する必要がありました。 height: 0;からheight: auto;へのトランジションをCSSで実装する方法を紹介します。元記事を読んで、CSS Gridをここで使用するのか！ と驚きました。 🧙‍♂️ CSS trick: transition from height 0 to auto! by Fra

それはベンツなんよ 総括 今年はコードをよく読むようにした。 技術的にはひき続きPaaSやクロスプラットフォームの動向に注目した。 デファクトの移り変わりを感じるので来年以降はGoやGraphQLに手を出していきたい。 去年のエントリ: 2021年に作ったモノや技術をふりかえる 今年やったこと コード読み 去年はコードを書くことに注力していたので今年は一転コードを読んでいた。 プログラム雑談ポッドキャストを聞いていて「コード読み」っていう言葉がよく出てくるので聞きながらそういえば自分もこの分野が好きだなと思い出したので意識してやることにした。 丁度、最新技術のトレンドだけ俯瞰しているのに学びを感じなくなってきたのでより潜りたい気持ちがあったのでそれを満せたと思う。 IntelliJ IDEAで全言語のプログラミング環境が楽に揃っているのが心強い（Samuraismさんありがとう）。 読んだ

Webパフォーマンスにおける指標の歴史原一成氏：サイバーエージェントの原と言います。今日は「Core Web Vitals in Practice」というタイトルで、Core Web Vitalsの実践的なお話をしたいと思います。 さっそくですがクイズです。以下の選択肢の中で、Core Web Vitalsに含まれないものはどれでしょうか。1.FID、2.PWA、3.LCP、4.CLS。簡単ですかね。ちょっと思い浮かべてもらって、さっそく解答です。ジャジャン。正解は2.PWAです。それ以外のFID、LCP、CLSがCore Web Vitalsの指標です。 今日はPWA Night CONFERENCEへようこそということで、このセッションでは直接PWAの話ではありませんが、Webアプリケーションの品質に関わる話をしたいと思います。 以前、サイバーエージェント社内で似たようなクイズを出した

近未来的なかっこいい印象を与えるグラデーションを使用した、テキスト・ボタン・背景のスタイルを実装するCSSのテクニックを紹介します。 白地のテキストをわずかに輝かせたり、ダークモードに映えるグラデーションでテキストやボタンを目立たせたり、カードに美しいグラデーションの背景を実装したり、少し色味を変えてライトモードに使用してもかっこいいグラデーションです。 CSS Tricks to Create that Dark Futuristic Web3 Look by Trisha Lim 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに かっこいいグラデーション使用したテキストのスタイル かっこいいグラデーション使用したボタンのスタイル かっこいいグラデーション使用した背景のスタイル はじめに ダークモードのWeb3の美しさ

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

この記事では、2020年に公開された便利なWebオンラインツール・ベスト100個をまとめてご紹介します。 定期的にリストアップしている最新オンラインツールまとめ記事では、2020年にかけて合計306個の新しいツールやサービスが登場しました。 その中でも、特にWebデザイン制作に便利なツールを選りすぐったコレクションで、「無料で利用できるツール」を揃えています。 これらのツールやサービスを活用すれば、Webデザイン制作をより快適に進めることができるでしょう。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. CSSツール（14個） 2. パターンツール（7個） 3. イラスト系ツール（3個） 4. デザインツール（10個） 5. 配色カラーツール（6個） 6. グラデーションツール（3個） 7. SVGツール（8個） 8. スクリーンショ

Google faces its first AI Overviews lawsuit from a major US publisherThe lawsuit from Penske Media claims that Google's AI Overviews reduce its sites' traffic and revenue.

日本経済新聞の「電子版」が今週月曜日23日から正式に刊行された。 「紙の新聞を購読してる人はその購読料＋1,000円、ネット単体だけを読む人は4,000円」 という価格設定だ。 この価格設定についてのネット上での評判は非常に芳しくない。 「高い！」 「日経、何考えてるんだ？」 「高コスト体質を温存するための価格だ。」 「経済新聞なのに経済的センスが皆無の価格設定。」 等、概ねケチョンケチョンな評価になっている。 ライブドアの「BLOGOS」のアンケートでも「日本経済新聞の電子版は成功すると思う？」という問いに対し、８割の人が「思わない」と答えている。 http://news.livedoor.com/article/detail/4628980/ ネットの「集合知」で世の中の真実がわかると思っている人は、こうした意見からみて「日経電子版は失敗する」し「日経はネットにおけるビジネスセンスを欠

IPサイマルラジオ協議会は4月7日、AM・FMラジオを放送と同時に丸ごとPC向けに配信する試験サービス「radiko.jp」のストリーミングのセキュリティを強化したと発表した。「radikoの存続を危うくするサービスに対する措置」で、「ラジオの楽しみを広げるためのアプリを排除する目的ではない」としている。 同協議会はradikoについて「都市部を中心とした難聴取の解消を目的としたもの」と説明。ラジオ放送を、聴取エリア内のPC限定で配信しており、「実質的な放送エリアに向けた試験配信という枠組みで権利者、広告主など関係者の理解をいただいている」という。 「エリア外の聴取を可能にするサービスが一般化すると、実用化が困難になる可能性もある」ため、対策としてストリーミングのセキュリティを強化した。「ラジオの楽しみを広げるための様々なアプリを排除することが目的ではなく、エリア外聴取環境の提供、収益を得

電子出版に関する議論を見てると、10年前のLinuxを思い出す。 Linuxを思い出すというより、Linuxを見ていた当時の自分のものの見方を思い出す。 当時のLinuxは、手軽なWebサーバや個人用の安価なUNIXワークステーションとしては、充分使えそうだという評価はほぼ定まっていた。議論になったのは、これを本格的な業務用のサーバとして使えるだろうかという所だ。 これが、ちょうど、ブログが手軽な個人の情報発信用ツールとして使えることが確定した今、同じ方法論が、本物の書籍に通用するかどうか、という話と似ている。 私は、アマチュア軍団を迎え打つプロの立場から「サーバは絶対無理」と思っていた。 個人用のパソコンとサーバは、同じコンピュータでも評価する観点が全然違うし、パソコンをやっている人には思いもよらない細部に、いろいろなこだわりがある。具体的には次のような所だ。 カーネルが高負荷に耐える設

ノルウェーの企業Operaは、PC向けWebブラウザからAndroidやWindows Mobile、BlackBerryなどのスマートフォン向けモバイルブラウザ、auケータイのPCサイトビューアーのようなケータイ向けのフルブラウザ、「ニンテンドーDSiブラウザー」のようなデバイス向け組み込みブラウザなど、幅広いラインアップのWebブラウザを手がけていることで知られる。 スペインのバルセロナで2月に開催された「Mobile World Congress 2010」で限定プレビューを行った「Opera Mini for iPhone」も、そんなOperaが手がけるWebブラウザの1つだが、このブラウザには特別な意味がある。iPhoneでは、標準ブラウザとしてMobile Safariを搭載しており、iPhoneアプリもたいていSafariのために開発されたオープンソースのHTMLレンダリング

UCC上島珈琲がTwitterをつかって、大失敗したようだ。UCCのサイトに２月５日掲載された謝罪文によると、同社は５日午前１０時からTwitterを通じて宣伝メッセージを自動的に多くのユーザーに配布したことがユーザーの不評を買ったようだ。 具体的には、「コーヒー」「懸賞」などのキーワードが入った「つぶやき」をしたユーザーをコンピューターが自動的に探し出し、そのユーザーに向かって「コーヒーにまつわるエッセイとアートを募集中！エッセイで賞金200万円！アートで賞金100万円！締切間近！！」というメッセージを一方的に送りつけた。その後Twitter上でUCCに対する不評が続出したため、正午には中止したという。 UCCというキーワードでTwitterを検索すると、UCCにこのキャンペーンを勧めた広告代理店のネットリテラシーのなさを責める声が多いように思うのだが、僕はそうした大半の意見とはちょっと