改行コード(\n)が含まれる文字列をブラウザの表示上で改行表示させる方法 - Qiita
はじめに HTMLタグの要素内容として、改行コードを含む文字列を埋め込んだ場合に改行の見せ方をブラウザ側で調整する方法がわかりました。 vue.jsを使用したプロジェクトなのでVue.jsのコンポーネントを使用していますが、vue.jsとかmustache記法は関係ありません。 困っていること 何もしないと、こんな感じになります。 エラーメッセージとはいえ、美しく表示させたいのでエラーメッセージ毎に改行表示させたい。 JS側のコードになるべくHTMLタグを入れ込みたくない。 実行結果 サンプルコード <template> ... <strong>Error: {{message}}</strong> ... </template> <script> export default { data() { return { message: `User nameは必須項目です。 E-m
10年もののRailsアプリの持続可能性を求めて -なぜ初手でCoffeeScript廃止を選んだのか- - Money Forward Developers Blog
シニアソフトウェアエンジニアのusadamasaです｡ マネーフォワード クラウド会計とそれに関連するマイクロサービス群の開発運用を担当しています｡ 本記事では､クラウド会計という10年もののRailsアプリの持続可能性をいかにして確保していくかの取り組みをご紹介します｡ TL;DR 私が所属するチームでは､クラウド会計の開発運用における課題を整理し､それぞれの課題に対して解決策を検討し､実行するための取り組みを進めています｡ 最初にクラウド会計の全体の構造を明らかにし､課題を可視化､組織の共通認識としました｡ その上で銀の弾丸を求めるのではなく､有期かつ漸進的な改善のプロジェクトとして計画することが成果に繋がります｡ クラウド会計の現状 クラウド会計はマネーフォワード クラウドの代表的なプロダクトの一つです｡ 2013年にリリースされてから10年､多くの機能追加や改善を重ね､現在では沢山
Cookie 廃止本格化から4カ月。いま直面している問題と混乱をまとめる | DIGIDAY［日本版］
あれから4カ月目に突入した。Chromeにおけるトラッキングの混乱を収めるGoogleの努力は……複雑とでも呼ぼう。Chromeのトラフィックのうち、サードパーティCookieが使用されていないのは全体の1％にすぎない。 ところがその後、混乱が発生し、試行錯誤、臆測、図書館がいっぱいになるほどの戯言が交わされている。一時停止し、残骸を選別し、このデジタルサーカスショーの第2幕に備えるときだ。 ――まず、悪名高き1％にズームインしてみよう。 確かに、サードパーティCookieがなければ残骸のように見えるかもしれないが、世界中の広告幹部の欲求をそそるには十分だ。この4年間、臆測ばかりが飛び交っていたのだから、「前菜」としては上出来だろう。 2020年のあの衝撃的で不可解な発表を実現するための一歩だ。Googleが開発した技術、つくり上げた理論──これこそが、正しい方向に進んでいるかどうかのリト
国内でも相次ぐSNSの乗っ取り、原因は2要素認証の無効化と怖いマルウエア
2024年に入ってから、米Google（グーグル）傘下のセキュリティーベンダー米Mandiant（マンディアント）や、ネットワーク機器ベンダー米Netgear（ネットギア）、韓国現代自動車の海外拠点、米証券取引委員会などがそれぞれ運営するSNS「X（旧Twitter）」のアカウントが乗っ取りの被害に遭っている。国内でも、講談社やBS朝日が運営するXアカウントが2024年に入ってから乗っ取られた。X以外にも、オンワードホールディングス傘下のバレエ用品メーカーのチャコットやサンシャインシティ、マッサージ機器メーカーのアテックスが米Meta（メタ）のSNS「Facebook」「Instagram」のアカウントを乗っ取られたことを明らかにしている。 トレンドマイクロの調査では、2024年3月時点で同年に発生したSNSアカウント乗っ取り被害が、2023年1年間の被害件数を超えたという。なぜ最近になっ
公式SNSはやるだけムダ。売上にはほとんど影響しません
京都大学出身。2014年まで、株式会社beBit（デジタル分野のコンサルティングファーム）にて事業責任者を務める。DX・デジタルマーケティング支援に特化した「株式会社Media Theater」創業・代表取締役。また、日本とシリコンバレーを拠点にEdTech企業「RISU」を経営。大手金融機関から消費財・インターネット起業まで、幅広い業界へのデジタルマーケティング支援を経験。デジタルマーケティングにとどまらず、事業レイヤーに踏み込んだコンサルティングを得意とする。 DX沼からの脱出大作戦 DX沼にハマって苦しむ現場の方へ バックナンバー一覧 巷では「DX」「DX」の大合唱が呪文のように続いています。しかし現場からは、「仕事が増えただけで売上はなかなか上がらない」という悲鳴が聞こえてきます。そんな悲劇を解決すべく、1000社以上の問題を解決してきたITコンサルタント・今木智隆氏が書き下ろした
Google、PDF論文を劇的に読みやすくするChrome拡張「Google Scholar PDF Reader」
Google、PDF論文を劇的に読みやすくするChrome拡張「Google Scholar PDF Reader」 米Googleが「Google Scholar PDF Reader」というPDF形式の論文を読みやすくするChromeブラウザ拡張機能の提供を開始した。 プラットフォームやOSに依存せず、クリーンで、文章の構造が一貫しているPDFは、学術文書の標準的なフォーマットとして広く利用されている。しかし、一方で、引用されている他の文献にジャンプするのが難しかったり、あるいは特定のセクションを閲覧したくても、PDFの構造上、簡単に移動できないなど、閲覧性に関して不便と感じる面もある。Googleは「Google Scholar」という学術論文の検索エンジンを提供している。シンプルで分かりやすい画面構成で、良質な学術文書を効率的に見つけられるサービスである。Scholar PDF R
Reactは悪い意味でも現在のjQueryだし、それを受け止めないと前に進めないということ
HTMXのCEOに就任したので[1]、記念に記事を書きたいと思います。 HTMXサイトのエッセイ[2]はどれも珠玉の出来で評判ですが、それらを読んでもわかるとおり、HTMXは「Webはこうあるべき」という主義主張のあるライブラリです。その主義主張のかなり初歩的な前提を書きたいと思います。 Reactはなぜだめか、という話です。 21日追記 ちょっと誤解が生じているために書き足しますが、Reactのパフォーマンス(及びそれ以外のこと)への批判というのはHTMX固有のものではありません。SvelteやSolidJSといった新興JSフレームワークやRails等の非JS WEBフレームワーク、SSG開発者たち、それからReact開発者たち自身といった多様なWEB開発者たちに共有されている見方です。この記事の最後の方でReact批判記事のリンク集を引用していますが、そういった多様なバックボーンの人た
【Discord】ゲーム・アプリ開発キットが3月18日に登場。ゲームプレイで報酬がもらえる新機能“クエスト”も発表 | ゲーム・エンタメ最新情報のファミ通.com
“クエスト”は、Discord上でゲームを遊んだり、Discordでフレンド相手にゲーム配信することで報酬を得られるという機能。いつごろから正式実装されるかは不明だ。 “埋め込みアプリSDK”は、Discord内で動作するゲームを開発・プレイできるようになるソフトウェア開発キット。こちらは2024年3月18日より全世界で利用可能となるようだ。 PCゲームストアを見る (Amazon.co.jp) Discord、全世界向けに2つの新プロダクトを発表 「クエスト」と「埋め込みアプリSDK（ソフトウェア開発キット）」によりユーザーの体験をより楽しく、ゲームデベロッパーの開発を支援 音声、動画、テキストによるコミュニケーションサービスをグローバルに提供する Discord（本社：米国、サンフランシスコ、CEO：Jason Citron）は、ゲームプレイヤー、ゲームパブリッシャーそしてゲームデベロ
セキュリティを無効化するマルウェアが333％増加 防御回避は“常識”になっている
セキュリティを無効化するマルウェアが333％増加 対処法はあるか？ Picus Red Report 2024は2023年1～12月の期間における商用またはオープンソースソフトウェア脅威インテリジェンスサービス、セキュリティベンダーおよび研究者、マルウェアサンドボックス、マルウェアデータベース、フォーラムなどから得られた66万7401個のユニークなファイルを分析した結果をまとめたものだ。そのうち61万2080個（92％）が悪意のあるファイルとして分類され、計775万4801件のアクションが抽出され、マルウェアごとに平均13件の悪意のあるアクションが抽出されている。 Picus Securityの共同設立者でありPicus Labsの副社長を務めるスレイマン・オザルスラン氏は「Hunter-killerはセキュリティツールを回避するだけでなく、積極的にダウンさせるように設計されている。サイバ
HTML / CSS を検証（チェック）できる無料サービス一覧 - Naifix
ブログをカスタマイズするときあちこちのコードをいじりますが、ある程度適当なコードでもブラウザが自動補正して表示してくれます。 でも、自分の環境では思ったとおり反映されているのに、ブラウザやバージョンの違いで意図しないエラーが吐き出されていることもあります。 そうしたエラーを防ぐために、HTML や CSS をチェックしてくれるサービスを活用しましょう。 WordPress の一般的なエラーや不具合への対応方法まとめ HTMLをチェックしてくれるツール HTML にはいろいろなバージョンがありますが、現在は「HTML Living Standard」が標準仕様となっています。 HTML Conformance Checkers — WHATWG HTML Conformance Checkers — WHATWG 調べたいページの URL を入力し、「Check」をクリックするだけで検証して
Chromeのクッキー廃止へ。ブラウザをチェックしてみよう
Chromeのクッキー廃止へ。ブラウザをチェックしてみよう2024.01.13 21:00167,126 Thomas Germain - Gizmodo US ［原文］ （ 岩田リョウコ ） グッバイ、クッキー！ Googleが長年にわたって進めてきたクッキーの廃止計画が1月4日､実行に移されました。Chromeウェブブラウザを利用しているユーザーのうち1％、約3000万人に対してクッキーを無効化。そして今年の年末までに、すべてのChromeユーザーのクッキーがなくなるとのことです。すべてのクッキーではなく、廃止されるのは追跡をするサードパーティークッキーです。 クッキーの役目って？プライバシーを守りたい人たちにとって、インターネットの元凶とみなされているクッキー。ほとんどのウェブでクッキーは、テック企業がオンライン上での私たちの行動を追跡する方法となっていました。ターゲット広告や他の多
GitHub資格認定プログラムが一般ユーザも利用可能に | gihyo.jp
2024年1月8日、GitHubはこれまでGitHub/Microsoftの従業員とパートナーのみが利用可能であったGitHub Certifications（資格認定）プログラムを、世界中のすべての顧客も利用可能とすることを発表した。1月8日から誰でも登録サイトにアクセスしてGitHub Certificationsの学習と認定試験の準備を進めることができる。 GitHub Certifications are generally available -The GitHub Blog 利用可能な認定プログラムは以下の4種。 GitHub Foundations Certification GitHubプラットフォームの基本的な概念とGitHub製品を初めて学ぶ人向け。gitの使用方法からリポジトリ管理、コミット、ブランチ、マージ、プロジェクト管理などのGitHubコア機能をひと通り学習で
URI::Escape - 安全でない文字のエスケープとアンエスケープ - perldoc.jp
URI::Escape - 安全でない文字のエスケープとアンエスケープ 概要¶ use URI::Escape; $safe = uri_escape("10% is enough\n"); $verysafe = uri_escape("foo", "\0-\377"); $str = uri_unescape($safe); 説明¶ This module provides functions to escape and unescape URI strings as defined by RFC 2396 (and updated by RFC 2732). A URI consists of a restricted set of characters, denoted as uric in RFC 2396. The restricted set of characters co
URLエンコード / URLデコードするには (urlencode, urldecode) | 文字列 | プログラミング言語の比較 | hydroculのメモ
hydroculのメモ > プログラミング言語の比較 > 文字列 > URLエンコード / URLデコードするには (urlencode, urldecode) URLエンコード / URLデコードするには (urlencode, urldecode) 2014/09/27 各プログラミング言語でのURLエンコードまたはURLデコードする方法。 PHP 2014/02/18 例 // URLデコード $str = urldecode("%2B+%3D%26 %E3%81%82%E3%81%84%E3%81%86%E3%81%88%E3%81%8A"); echo $str; // => + =& あいうえお urlencode 関数 | PHP Manual http://www.php.net/manual/ja/function.urlencode.php urldecode 関数 |
オブジェクトのプロトタイプ - ウェブ開発を学ぶ | MDN
完全な初心者はこちらから!ウェブ入門ウェブ入門基本的なソフトウェアのインストールウェブサイトをどんな外見にするかファイルの扱いHTML の基本CSS の基本JavaScript の基本ウェブサイトの公開ウェブのしくみHTML — Structuring the webHTML概論HTML 入門HTML を始めようヘッド部には何が入る? HTML のメタデータHTML テキストの基礎ハイパーリンクの作成高度なテキスト整形文書とウェブサイトの構造HTML のデバッグ手紙のマークアップコンテンツのページの構造化Multimedia and embeddingマルチメディアとその埋め込みHTML の画像動画と音声のコンテンツobject から iframe まで — その他の埋め込み技術ウェブへのベクターグラフィックの追加レスポンシブ画像Mozilla のスプラッシュページHTML tablesH
String.prototype.padStart() | MDN
標準組み込みオブジェクトStringコンストラクターString() コンストラクター静的メソッドString.fromCharCode()String.fromCodePoint()String.raw()インスタンスメソッドString.prototype[@@iterator]()String.prototype.anchor() 非推奨 String.prototype.at()String.prototype.big() 非推奨 String.prototype.blink() 非推奨 String.prototype.bold() 非推奨 String.prototype.charAt()String.prototype.charCodeAt()String.prototype.codePointAt()String.prototype.concat()String.proto
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「Microsoft Edge」の現行組み込みPDFリーダー廃止が2025年初頭に延期（窓の杜） - Yahoo!ニュース
ハッキング大会「Pwn2Own」で陥落した「Firefox」、即座にセキュリティ更新を実施／深刻度「Critical」、「Firefox 124.0.1」「Firefox ESR 115.9.1」へのアップデートを
Windows版「Google Chrome」の自動更新機能が新バージョンへ、パスの変更に注意／
Mojo::Log - Simple logger
