文章の折り返し指定のCSS最新版 - ICS MEDIA
文章の折り返しはウェブ制作において意外と難しいものです。URLが文章に含まれている場合、URLがレイアウトを突き抜けてしまった、という経験をみなさんはお持ちではないでしょうか？ この記事では、国内のウェブ制作において「開発者が考えることが少なくてよくなる」安全なCSS指定を紹介します。 結論から説明すると、以下の指定を提案します。 body { overflow-wrap: anywhere; /* 収まらない場合に折り返す */ word-break: normal; /* 単語の分割はデフォルトに依存 */ line-break: strict; /* 禁則処理を厳格に適用 */ } この記事では上記の指定にいたった理由と、折り返しの理解について必要なoverflow-wrapとword-breakプロパティを中心に解説します。 overflow-wrap overflow-wrapは
Railsの技: バリデーションにDBレベルのCHECK制約を使う（翻訳）｜TechRacho by BPS株式会社
概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: Rails validations: database level check constraints | Boring Rails: Skip the bullshit and ship fast 原文公開日: 2022/01/18 原著者: Matt Swanson サイト: Boring Rails Active Recordモデルのバリデーションの背後にデータベースレベルの制約を配置する手法は、Railsの定番の技のひとつです。 バリデーションはスキップされてしまうこともあるので、データの整合性を維持するための最後の防衛線はデータベースに任せるのがベストです。たとえばモデルにvalidates :name, presence: trueと書くのはもちろん可能ですが、データベースにnull値が何かのはずみで紛れ込んでしまうと
ClinPeer Railsプロジェクトの技術選定（2025年版） - メドピア開発者ブログ
こんにちは。サーバーサイドエンジニアの三村（@t_mimura39）です。 こちらでご案内した通り、弊社で新しくリリースした「ClinPeer」の裏側をご紹介します。 tech.medpeer.co.jp 今回はClinPeerのバックエンドについての簡単なシステム概要と選定技術の紹介編です。 2024-2025年にrails newをした新鮮なRailsプロジェクトの様子をお楽しみください。 目次 システム概要 rails stats Gemfile 技術選定 Ruby Ruby on Rails Puma ActionPack::CloudfrontViewerAddress Trilogy SolidQueue SolidCache Kaminari Async::HTTP::Faraday Ueki Jb Nokogiri Blazer ActiveHash Flipper Log
2024年のファビコンを極める: 本当に必要なファイルはほぼ6つ（翻訳）｜TechRacho by BPS株式会社
はじめに モダンブラウザで使われるファビコンの作り方を見直して、今こそアイコン生成であくせくするのを終わりにしましょう。昨今のフロントエンド開発者は、ブラウザタブやらタッチ画面やらにWebサイトの小さなロゴを表示する、ただそれだけのためだけに静的なPNGファイルを20個以上扱わなければなりません。よりスマートな方法で、現代のニーズに合う最小限のアイコンセットを使う方法を紹介します。 ファビコンは見かけよりもずっと幅広く奥深いトピックで、実は誰もがファビコンについてしっかり学びたいと思っていることもわかってきました。本記事全体の内容を実質わずか2行のスニペットに凝縮したものも紹介していますので、今ファビコンで苦しんでいる方は（正確な使い方をご存知なら）そちらをお使いいただけますが、そこをぐっとこらえて記事を最後までお読みいただくことをおすすめいたします。 🔗 忙しい人向け: ウルトラショー
Crawling December: Faceted navigation | Google Search Central Blog | Google for Developers
Send feedback Crawling December: Faceted navigation Stay organized with collections Save and categorize content based on your preferences. Tuesday, December 17, 2024 We just published a new document about faceted navigation best practices, which was originally published as a blog post. This is a summary of some of the important parts of the new documentation page. Faceted navigation is a great way
Dialog と Popover #1 | blog.jxck.io
Intro HTML の <dialog> 要素と、 popover 属性、および関連する様々な仕様が標準化され、実装が進められている。 Open UI を中心に進められているこれらの改善は、多くのサイトで共通したユースケースがありながら、長らくミッシングピースとなっていた重要な機能だ。 もし今、同等のユースケースを自前で実装しているのであれば、適切な仕様を用いた実装に刷新することで、従来はほぼ不可能だった UX を提供できるようになる。 今回から、数回の連載形式で、これらの仕様がどのように標準化され、我々開発者はこれをどのように使っていくべきなのかについて解説する。 showModalDialog Modal や Dialog と言われる UI の歴史は Web においても古く、ブラウザでは IE4 くらいのころに独自実装された window.showModalDialog() が最初に
北海道泊村問題
背景 総務省の管理している「全国地方公共団体コード」をご存じでしょうか。 一般には「都道府県コード」や「市区町村コード」などとも呼ばれている番号のことで、 各都道府県・各市区町村を一意に示す番号として、総務省が採番しています。 例えば、北海道札幌市は、都道府県コードが「01」、市区町村コードが「100」となり、合わせて「01100」と表記します。 このコードは何に使うかというと、様々なシステムの申請やデータ取得で使用することがあります。 日本の住所は曖昧な表記が多いため、住所情報を一元的に管理するために活用されています。 詳細はこちらを読んでください。 問題点 さて、このコード、一つ問題点があります。 使いにくいからPDFやExcelではなくCSVで公開して欲しいと言いたいのもあります。 しかし、その程度の話ではありません。 このコード、なんと同じ名前の市区町村に別々のコードが割り当てられ
formタグは入れ子にできない＆その対処法 - Qiita
開いたら開発者ツールでDOMをインスペクトしてみましょう。 なんと内側のformタグがいなくなってしまっています。 実はHTMLの仕様として、入れ子のformタグは許可されていません。(詳細な話はこちらにのっています→ html - formタグの入れ子とブラウザーの解釈 - スタック・オーバーフロー) この仕様を知らなかったため、業務で開発しているWEBアプリにバグを入れてしまいました…。 なぜformがなくなってしまうのかわからずフロントエンドで使っているライブラリを疑ってみたり、ダミーのフォームを入れてみたり、いろいろと試行錯誤してずいぶん手間取ってしまいました…。 とはいえ、自分が実際そうしてしまったようにフォームの中にフォームを作りたくなる場合もあるかと思います。たとえば、次のような感じ？メッセージの一覧画面をイメージしてください。 <!DOCTYPE html> <head><
Omakub
Turn a fresh Ubuntu installation into a fully-configured, beautiful, and modern web development system by running a single command. That’s the one-line pitch for Omakub. No need to write bespoke configs for every essential tool just to get started or to be up on all the latest command-line tools. Omakub is an opinionated take on what Linux can be at its best. Omakub includes a curated set of appli
日経平均が34年ぶりに節目の3万8000円台。こういう時にやるべきことは？
今日2月13日は「NISAの日」。2024年からはじまった新NISAで投資をはじめた方も多いと思います。そして、ニュースを見れば日経平均が34年ぶりに節目の3万8000円台に一時乗せたそうです。 誰がどう見ても上げ相場です。日本株に投資していた皆さま、おめでとうございます。バブル最高値更新まであと少しです。株価上昇は、とても良いことだと思います。 しかし、何度でも、何度でも、何度でも、繰り返し伝えていきますが、予想外の大きな損失をくらって市場から一発退場にならないためには、今のような上げ相場の時こそ「保有資産のリスクを数字で確認」することが重要です。 リスクは数字で把握すること。無料のツールで自動計算できます。私が利用しているのは「ファンドの海 アセットアロケーション分析」です。資産クラスごとに金額を入力すれば、保有資産全体の期待リターンとリスクが数字で表示されます。 たとえば、オルカンの
AIで商品名をクレンジングする、Llama2や、Google Cloud Gemini-proとVertex AIを活用した商品名の最適化
ECサイト上の商品名は、「送料無料」や「ポイント5倍」、「母の日」といった宣伝文句が付加され、本来の商品名が分かりづらくなっています。 これらの不要なキーワードは、自然言語モデルを作成する際の妨げとなり、精度を上がりづらくしている一つの要因となっています。 そこで、本記事では、これら不要なキーワードを効率的に除去する方法について、具体的な手法と事例を紹介します。 データクレンジングの例、LLMオープンモデルを活用したアプローチ、さらにはGoogle Cloud PlatformのVertex AIやGemini-proを用いた解決策について触れます。 3行まとめ ・商品名から頻出単語のリストを作成し、商品名から不要なキーワードを検索して除去する ・オープンモデルでプロンプトを実行し除去する ・Google Cloud Platform のVertex AI、Gemini-proで除去する
Deploy scheduled jobs in seconds
Val Town is a collaborative website to write and deploy TypeScript. Build APIs and schedule functions from your browser. Explore Val Town’s features…Get started
docker buildx buildを使ってdockerイメージをローカルに書き出したい - Qiita
でいけるようです。 つまずいたので、投稿しておきます。 [公式]単一プラットフォームの構築結果を docker images に読み込む（--load） 構築結果の出力方法を指定（-o, --output） -o, --output=[PATH,-,type=TYPE[,KEY=VALUE] build 結果の出力処理を設定します。 docker build で全ての構築が終わると、コンテナのイメージを作成し、それを docker images に出力します。 buildx ではこの手順が設定できるようになっており、処理結果を直接クライアントや、oci イメージ・tar ボールやレジストリ等に出力できます。 Buildx の docker ドライバが現時点でサポートしているのは、 local 、 tar ボール・エクスポータtarball exporter と イメージ・エクスポータima
DNSリバインディング攻撃: 悪意のあるWebサイトがプライベートネットワークを悪用する方法
This post is also available in: English (英語) 概要 Webベースのコンソールが管理用のソフトウェアやスマートデバイスに広く使われるようになったおかげで、データをインタラクティブに可視化したり、設定をユーザーフレンドリーに行えるようになりました。こうした流れは企業コンピュータシステムの複雑化や家庭用最新IoTデバイス（Internet of Things モノのインターネット）の利用数増加につれて勢いを増しています。こうしたWebアプリケーションはふつう、ファイアウォールで保護された環境の内側やプライベートネットワーク内に設置されていますから、その利用者に対しては高い信頼度が設定される傾向があります。また、それらの製品は利用者がすべて認証済みであることを前提としているので、機微な情報の開示や管理者権限の付与にさいしても、アプリケーションレベルでは強
ガチでnoshを2年間食い続けた俺の夕食戦争｜ジスロマック
「nosh」というサービスがある。 いわゆる「宅配弁当」のサービスであり、冷凍された弁当が定期的に届く今流行りのシステムである。 ネット上の広告ではこれでもかと「定期的にご飯が届くなんて素晴らしい！」「チンするだけで美味しいお弁当が食べられて最高！」などというプロモーションが打たれているので、誰でも一度は見たことがあるのではないだろうか。だが、個人的にあのPR漫画はほぼ嘘じゃないかと思っている。 私はnoshを2年使い続ける中で、もはや「戦争」とも言えるほどの食で食を洗う戦いを繰り広げてきた。チンするだけで美味しい弁当が食べられる。まぁ、嘘ではない。健康にいい食事が定期的に届く。あながち嘘ではない。ただしこれは、「noshを使いこなすことができれば」の話である。 人は、noshで失敗すると心が死ぬ。 これは、私がnoshと繰り広げた「戦い」の歴史。PRでもなんでもなく、2年間に渡ってひたす
Google AdSense シンガポール税務情報の提出方法を徹底解説
Google AdSense（アドセンス）でシンガポールの税務情報を提出するように警告が表示されたり、メールで通知を受け取る方が出てきました。YouTube で収益化されている方であれば、米国税務情報を提出されていると思います。そのシンガポール版だとお考えください。 シンガポールの税務情報も本格的に導入され始めたようで、多くの方が提出を求められるようになってきています。また、米国税務情報と異なり YouTube で収益化しているユーザーだけでなく、 Web サイトだけで AdSense を利用しているユーザーにも表示されています。 なお動画でもご紹介しておりますので、よろしければご覧ください。 シンガポール税務情報は必要？出さないとどうなるのかYouTube で収益化されている方であれば、米国税務情報を提出しないと収益が保留されたり、源泉徴収されてしまいます。そのため、仕方なくでありつつも
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Mise and Puma-Dev | Scott Watermasyks's Blog
Tag Parrot: Auto Index Pages on Google
GPUなサービスをそこそこな費用で運営する | Kai INUI
How do I reset my sidekiq counters?
