1行で alt属性は、「全ての 画像をそのalt属性のテキストに置き換えたときにページの意味が変わらない 」ようにつける。 (HTMLの標準規格書より) マジでこれに尽きる。 具体例 例1:ロゴ ❌ 間違ったマークアップ
Innovative Tech: このコーナーでは、テクノロジーの最新研究を紹介するWebメディア「Seamless」を主宰する山下裕毅氏が執筆。新規性の高い科学論文を山下氏がピックアップし、解説する。 米パデュー大学、韓国の金烏工科大学校、韓国のNational Institute of Agricultural Sciencesの研究チームが開発した「Edible Matrix Code with Photogenic Silk Proteins」は、ウイスキーが偽物かどうかを明らかにするQRコード付きの食用タグだ。 ウイスキーの中に入れて使用し、タグをスマートフォンで読み取るだけで、その飲み物が本物かどうか確認できる。また医薬品にも貼り付けることができ、偽造防止や摂取/投与時認証のためにも使用できる。 アルコールの蒸留酒は偽造が容易で、ウイスキーの偽物が出回っている。医薬品の偽造も存
デザイナーをはじめ、大量のフォント・画像を管理したい人におすすめのWindows, macOS対応のソフトウェアを紹介します。さまざまな画像フォーマットに対応しており、タグ付けやフォルダ分けやカラーフィルターなどで整理も簡単です。 .psd, .ai, .xdをはじめ、.pdf, .mp4, .ttf, .otfなどPDFや動画やフォントファイルも表示できます。私はmacOSでLynとTiatを使用していますが、Eagleの方が使いやすく快適で、乗り換えを検討中です。 Eagle 追記: 検討中でしたが、購入しました! さまざまなフォーマットに対応しているだけでも便利ですが、なんとWindowsとmacOSで共有できました。画像やフォントや動画など、WinとMacの両方でこのEagleで管理できます! やり方は簡単、ライブラリをDropboxやGoogleドライブなどのクラウドに定義するだ
Webチームの蔵下です。Chrome 81でWeb NFCが試験的に導入されました! ちょっと変わり種なのでネット上ではあまり話題にならなかったのですが、個人的にはビッグニュースでした。 Web NFCを使うと、下記のTweetのような実在するカードとWebサイトを組み合わせたゲームなどが実装できます! すごい! 🏷️ Web NFC reaches a key milestone - it is coming soon! Check out https://t.co/wC4Sx6Rpu8 pic.twitter.com/MmsIDHGNjy— Chrome for Developers (@ChromiumDev) 2019年12月17日 勢いのままにWeb NFCを触ってみたので、ソースコードを交えて使い方を紹介します。 Web NFCとは? Web NFCとは、JavaScript
HTMLやCSSのデモページでコードを見ると、HTMLに自己終了タグ(/>)が使用されているのを見かけたことはありませんか? HTMLにおける自己終了タグの使用、自己終了タグの歴史的背景、自己終了タグの使用に対する賛否両論について紹介します。 The case against self-closing tags in HTML by Jake Archibald (@jaffathecake) 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに />の歴史的背景 />に対する賛否両論 Prettierには一貫性がない それとも、HTMLは閉じタグをどこでも使用できるのでしょうか? はじめに />について話をしましょう。
はまけん。 @twdshamano ※PIXIVに絵をアップする際は『他のユーザーによるタグ編集を受け付けない』にチェックを入れたほうがいいです。 ➡入れないと「Novel AI」ってタグを勝手に付けられて「AIで描いたんですか!?」っていうコメントがきまくり地獄と化します。 タグ消してもNovel AIで文字検索したら表示は残るようです 2022-10-18 19:07:48 はまけん。 @twdshamano すいません💦 検索にはタイムラグがあるようで、タグを消してしばらくしたら表示からはちゃんと消えるようです。 いいねが伸びてきたので、訂正させてください。 2022-10-19 11:27:23
GitHub Actions を使ってリリース時のあれこれを自動化する 結論 リリース時のタグとリリースノートを自動で生成するようにした リリース時に自分がやることは 動作確認 => Merge pull request を押すだけにした なぜやるのか Release ノートを手動で作るのは面倒 手動でやることには人為的なミスの恐れがある 面倒なことを続けるとモチベーションが低下する(これ重要) 要件 リリース リリースは週に1度行う リリース前に開発した PR をリストで見ながら動作確認をしたい PR のリストがそのままリリースノートに記載されて欲しい 自動化 タグの作成は手動でやりたくない リリースのための PR を手動で作りたくない リリース時のバージョンを手動で入力したくない 自動化の必要性を感じたきっかけ 都内でシステムエンジニアをしている itizawa です。 理想のブックマ
初めに Team DELTA の三浦です。 昨年のアドベントカレンダーでweb 制作から開発領域に足を踏み出している話を書きました。 React で書かれたスマートクリニックシステムの UI 調整をメインでやっています。 アドベントカレンダー以降も Team DELTA として情報発信していくぞ!ということで、今週は、自分が UI 調整をする中で気づいた、マークアップで気をつけたいことの記事を書きました。 どんな人に読んでほしいか まずは自分(戒めも込めて) そして、どちらかというとサーバー側をメインで書いていて、あまりマークアップに触れてこなかったという方にも、参考になる部分があれば幸いです。 どんな内容か なるべく適切なタグを使おうというテーマです。WAI-ARIA のようなアクセシビリティには細かく踏み込んでいません。 誤っている内容があれば、(優しめに)ご指摘いただきたいです! H
今回は TerraformのAWS Providerの便利機能default tagsをご紹介します。 やりたいこと 一連のリソースに同じタグを付けてタグでリソース管理をしたい時、あると思います。よくあるのが同一アカウント内に複数環境(開発/テスト/本番など)のリソースを作成するとき。また、コスト配分タグという機能を使えば、タグごとにコストをグルーピングすることができ、こちらも非常に便利です。タグの活用パターンについては以下にまとまっていますのでご確認いただければと思います。 ただ、どうやって各リソースに同じタグを設定すれば良いでしょうか。各リソースを作成時に都度都度タグの定義をしていては、抜け漏れとかタイポが発生しそうですよね。 そこでdefault tags この機能を使えば、各リソースに散らばってしまうタグ付与の設定を一元化することができます。TerraformのAWS Provid
この記事の公開時点ではTypeScript 4.5のBetaが出たばかりといったところですが、TypeScriptのリポジトリでは早くもTypeScript 4.6をターゲットにした改善が考えられています。おそらく、大きめの新機能であるためすでにBetaが出ている4.5は避けたのでしょう。この記事ではそのうちの一つである、タグ付きユニオンに対するさらなる進化をご紹介します。PRでいうと次のものです。 また、この変更によって、TypeScript 4.4, 4.5, 4.6と3連続でタグ付きユニオンが進化することになります。これらについてこの記事で紹介します。 TypeScriptにおけるタグ付きユニオン せっかくなので、この記事ではTypeScriptでのタグ付きユニオンについて基本的なことも解説します。タグ付きユニオンは、他にも「直和型」など色々な呼び名がありますが、英語圏のTypeSc
GitHub Actionsを遅まきながら使ってみて、自分のアクティブなGitHub上のGoのOSSプロジェクトで知見がたまったので、共有するものである。 GitHub Actionsについて 非常に良い。VCSとCI/CDの統合は体験が良い。各種イベントをハンドリングできるが、そのイベントが元々Webhookで提供されていたものなので、Webhookを弄っていた身からすると非常に親しみやすかった。コードpush以外のイベントもハンドリングしてプログラマブルに扱えるので夢が広がる。 使い勝手とか具体的に良くなった点 リポジトリ直下の.github/workflows配下に既定のYAMLをpushすると、その設定にしたがって自動でアクションが動いてくれる。ブラウザ操作必要ないのは快適。 GitHub上でいろいろ完結できる Windowsのテストもできる! GITHUB_TOKEN 管理もうま
<html>や</html>や<head>や</head>がないページを見たことはありませんか? 開始タグ<html>は最初の内容がコメントでなければ省略でき、終了タグ</html>は直後にコメントがなければ省略できます。また、<head>は内容が空か最初の内容が要素なら省略でき、</head>は直後に空白文字かコメントがなければ省略できます。 Web制作者が知っておきたいHTMLで必須ではない「任意のタグ」「任意の属性値」「省略してもよい属性値」を紹介します。 Optional HTML: Everything You Need to Know by Jens Oliver Meiert 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. HTMLで必須ではない任意のタグ 2. HTMLで必須ではない任意の属性値
2020年12月16日追記:気付いたらいっぱいブックマークがついていてうれしかったです。ありがとうございます。はてなブックマーク本家で「タグの一括編集機能」が復活しました。これで本ツールは御役御免ですね。ご利用していただいた方、ありがとうございました。 - 「タグの一括編集機能」をPCのブラウザで再提供いたします - はてなブックマーク開発ブログ はてなブックマークの「タグの 一括 編集(タグの 置換 / 変更)」「タグ名による 一括 削除」「日付による 一括 削除」の3機能を提供するWindowsアプリです。簡単な操作で使えます。※非公開ブックマークにも対応しています! はてブのタグを編集(変更/置換)したり、削除したりできる! ※注意事項: 本ツールの使用によって、何が起こっても無補償です。作者は一切の責任を負いません。自己責任でお願いします。ご了承のうえで本ツールをご使用ください。も
まとめ 無断転載などが問題になったテラーからキッズがpixivへ移動する「テラー移民」が発生して治安が終わっているらしい まとめ作成してる時に大人側の対処も悪い系のツイートも見かけたので、そのまとめ(https://togetter.com/li/1928863)も作成しました。 254269 pv 529 325 users 48 シロ @siro_xx テラー移民問題、Pixivの報告フォームが今こんな感じになってるので R18タグのないR18作品は「年齢制限に対して~」 無断転載はそのまま「無断転載~」 自己紹介や版権キャラをオリキャラと自称しているなどは「オリジナル作品の定義に~」 で報告できます 大人はタグを荒らさずに報告しようね… pic.twitter.com/NpyfnBe5BV 2022-08-09 19:21:18
はてなブログでタグをつけるメリット はてなブログ タグの使い方 いや~、皆さんはタグ付けてますか? 約一か月前ですかね?トップページに 「はてなブログで#タグがつけられるようになりました!」 ってお知らせが出ていて、ついでにその頃 マツコの知らない世界 で"ハッシュタグ検索の世界"をやっていましたから 「なるほどなるほど、これからは記事にハッシュタグをつけておくと検索流入が増える可能性が上がる⤴わけね。」(上がりませんでしたけど) と思って私も少ないながら、記事を投稿した時にはタグをつけてみました。 しかしながら、その時からちょっと違和感はあったんですよね。 これ、どうやって検索されるんだろ? って。 だってインスタやツイッターは検索窓があるじゃないですか。 でもはてなブログって 検索できなくないですか?(私が知らないだけ?) まぁ、今後検索窓が出来るんだろうな♪ と思っていたら、全然その
この記事は はてなエンジニア Advent Calendar 2021 11日目の記事です。 コンテナのベースイメージとしてdistrolessを選択肢にするということがここ最近増えてきました。 そんなdistrolessを非rootユーザで使おうとしたらとても簡単だったのでその紹介です。 どのくらい簡単かというと、Goのアプリケーションであれば以下のように変えるだけで対応できます。(コメントアウト部分は元々のrootユーザで動かしていた場合のもの) FROM golang:1.17 as builder WORKDIR /go/src COPY go.mod go.sum . RUN go mod download COPY . . RUN go build -o /out/myapp . # FROM gcr.io/distroless/static:latest FROM gcr.i
Notionがとにかく面白くて完全にハマったので、Notion記事第二弾です。 *そもそもNotionが何かわからないという方は前回の記事からどうぞ。 今回は「インプットした情報群をどう管理するか」についてです。 Notionの使い方を模索している内に、ネット上で見たいろんなものをポイポイ放り込む習慣がついてきました。もっと細かく管理できたらいいな~と思っていたTwitterのいいねだとか、Youtubeの動画だとか。 で、それと同時に整理に迷うことも増えてきました。 整理に迷うってことはつまり「整理ルールがおかしい」か、「そもそもルールが存在してない」ってことになります。 ……お恥ずかしい限りですが、Notion内がとっちらかっている事実を受け入るしかなさそうです。 「キーワード」が先か「メディア」が先か例えば自分は、Webクリッパーで集めたもの(以下Webクリップ)を以下のデータベース
こんにちは。 ご機嫌いかがでしょうか。 "No human labor is no human error" が大好きなネクストモード株式会社 の吉井です。 今回はタグ付けの活用方法を考えてみます。 タグとは そもそもタグとは何でしょうか? AWS リソースを識別および整理するためのメタデータとして使用される単語やフレーズです。 タグはキーと 1 つのオプションの値で構成されています。 以下はタグ付けの例です。 タグ活用パターン タグを活用する主なパターンを洗い出してみました。 AWS リソースを識別/グルーピングする IAM ポリシーのアクセス制御として コストのグルーピング AWS リソースを識別/グルーピングする 例えば EC2 が10台起動しているとします。 どの EC2 が自分のプロジェクトのものなのか、一覧できると便利です。 そうしたい際には以下のようなタグ付けを行います。 (
米Metaは8月30日(現地時間)、Instagramで表示するコンテンツを管理するための複数の新機能のテストを開始したと発表した。「発見」タブの整理機能と、特定の単語や絵文字をミュートする機能だ。 「発見」タブで興味のない複数のコンテンツを指定するテスト テストに参加するユーザーの「発見」タブの右上のボタンが変わり、これをタップすると「Not interested」(興味なし)あるいは「Sensitive content」(問題のあるコンテンツ)を選べるようになる。 このタブで興味がないと指定した複数のコンテンツは表示されなくなるだけでなく、その後は類似するコンテンツも表示されなくなる。 興味のないコンテンツをハッシュタグで指定するテスト 表示したくない傾向のコンテンツを、キーワード、フレーズ、絵文字、ハッシュタグのリストを作ることで非表示にするテストも間もなく始める。キャプションやハッ
それまで当たり前と思われていなかった権利を得るためには多少強引でも具体的な手段に出て問題化する必要がある。 その結果様々な権利が勝ち取られてきたのであって、決して事なかれ主義の、多数派に阿った穏健なフリーライダーによってではない。 ・・・・と言う様な事を考えると、車椅子以外でも、表現の自由関連でも同じ事が言えるのでは?と思えてきた。 オタク版ローザ・パークスが必要なのでは? 車椅子やその他差別関連の話題では過激な行動や時に誰かに迷惑や負担をかける行動、チキンレースともとれる「現在の限界にチャレンジし、限界を拡張しようとする」ような行動が称揚される一方、 何故かオタク関連、表現の自由関連(だけ?)ではその真逆、「チキンレースするな」「なるべく目立たないようにしろ」と言ったことが叫ばれる。 よくよく考えてみると不思議な事では? いや、不思議ではないのかもしれない。 車椅子の件でも「チキンレース
WordPress のURL URI パスを取得・出力する関数 HTML ファイルの場合、通常は画像や他のファイルへのパスはそのファイルが置いてある場所から相対的な場所(位置)を指定しますが、WordPress では指定の方法が異なります。 静的な HTML ファイルの場合はファイルの位置はその構造に一致しているので相対的なパスで指定できますが、WordPress の場合は URL の構造とファイルの物理的な構造が一致しているわけではないので、 URL やパスを取得するにはテンプレートタグを使います。 関連ページ:「WordPress のフォルダ構成/テーマのディレクトリへのパス」
こんにちは、Yakumoチーム兼コネクト支援チームの@ueokandeです。 本日はYakumoチームで構築した、デプロイパイプラインとその工夫について紹介します。 Yakumoプロジェクトはグローバル市場向けに、kintone.comをAWSから提供することを目指すプロジェクトです。 これまで日本のデータセンターから提供していたkintone.comを、現在AWS上に移行しています。 プロジェクトのもう1つのゴールとして、開発・運用体制を見直してクラウドネイティブなリリースプロセスを確立するというのがあります。 このプロジェクトは、国内向けのcybozu.comと完全に切り離されて開発がスタートしました。 ゼロからリリースフローを作るということで、これまでのインフラの経験や反省点を活かしつつ、チームの理想的なデプロイパイプラインの構築を目指しました。 そして最終的には、マージボタン1つで
暑いですし、危険な考えです 全ては暑さのせいですね 今日も揚げます tontun.hatenablog.com 昨日、椎茸の軸って書いたけれど、そういえば石づきって名前あったなと ブクマでいただいたコメントで思い出しました そしてさらに調べてみたらば、石づきは軸の先端5mm~10mm程度のことだけを言うとな 頭突き そんな時は生椎茸と、オクラと、ナスでも揚げておけばいいんです もう最後の方に揚げたので、衣がデロンデロンです 片栗粉と小麦粉と水です 揚げておけばいいんです 後は汁物、豚汁でも 今日はオイリー ごま油で人参、ごぼう、千切っては投げしたこんにゃくを炒めます 油が回ったらばお水入れます 豚汁の時は出汁を入れたり入れなかったりなのですが 今回は入れてません 気分です 野菜だけなので、アクは取りません 大根と人参が煮えたらば、豚肉と豆腐類投入 さすがにゴボウの硬さに付き合ってたら、豚肉
<エムスリー Advent Calendar 2020 まで残り1日となりました。Advent Calendar本編に先んじて新卒1〜2年目メンバーが執筆します。> エムスリーのエンジニアリンググループ AI・機械学習チームの李です。インターン累計2ヶ月+新卒入社8ヶ月にして初めての投稿になります。今回はキーフレーズ抽出アルゴリズムの1つであるEmbedRankを医療記事タグのスコアリングに使ってみた話を紹介したいと思います。 背景 エムスリーでは、ニュースや海外ジャーナルをはじめに、様々な自然言語ベースのコンテンツを取り扱っております。関連記事の表示などの応用先で素性として使われているのは、事前に用意した辞書から選ばれ記事に付与されたタグです。そのタグ付けの役目を担うのはGaussという基盤的なシステムです(Gaussについて紹介するブログはすでにあったのでここは詳細を割愛しますが、気に
本稿は Git Advent Calendar 2019 の12日目の記事です。 昨日の記事は @miiina016 さんによる ブランチを切ってinitialコミットまでするalias でした。 概要 こんにちは。とつぜんですが、みなさまは GitHub で以下のようなものを見かけませんでしょうか。 ↓こんなのとか ↓こんなのとか ※画像は Laravel先生の公式リポジトリ からお借りしました。 なんというかこんな風にバージョン6.5.2とか書かれると プロっぽさ というか 製品感がある というか。とにかく 見た目カッチョイイ ですよね(語彙力 これっていったいどうやってるんだろうと思って少し調べてみたところ、実はごく簡単な方法で実現ができるということがわかりました。そんなわけで今日はその方法を紹介してみたいとおもいます。 適当なリポジトリをつくります 単に私が検証用のリポジトリを用意
7月11日、今になってやっとマスクを着けて公式の場に出てきたトランプ大統領 Tasos Katopodis-REUTERS [ロンドン発]ボリス・ジョンソン英首相が10日、初めてマスクを着用してメディアの前に登場したのに続き、ドナルド・トランプ米大統領も11日、初めてマスクを着けて公の場に姿を見せた。米英両国は第二次大戦以降、大西洋をまたぐ「特別関係」を維持してきたが、遅すぎた両首脳のマスク着用に米中逆転の到来を痛感した。 アングロサクソン国家の米英は2つの世界大戦と冷戦を勝ち抜き、19~20世紀を通じて世界を主導してきた。しかし2001年の米中枢同時テロを引き金にアフガニスタンとイラクの2つの戦争に捕らわれ、世界金融危機、イギリスの欧州連合(EU)離脱、トランプ大統領の誕生、新型コロナウイルスで米英の時代は完全に幕を下ろしたのでなかろうか。 Boris Johnson seen in m
【特別寄稿】GA4をGoogleタグマネージャーで適切に設定できていますか? 株式会社JADE 郡山 亮 発信元:メールマガジン2022年3月16日号より 初めまして。 株式会社ウエディングパークの郡山と申します。 突然ですが皆さん、GA4の設定を適切にできていますか? 2019年にGoogleが発表した新型のGoogleアナリティクス「アプリ+ウェブ プロパティ」が、2020年10月にβ版から「Google アナリティクス 4 プロパティ(GA4)」へ名称を変更・正式にリリースされました。 この1年あまりで、GA4を徐々に導入するケースが増えてきましたが、従来のGoogle アナリティクス(以下、UA)と比べてGA4はまだまだ発展途上の段階であり、基本的にはUAをメインで活用する企業・ユーザーが多い印象です。 そして、GA4の仕様や活用法について解説する書籍・記事・セミナーはまだ少なく、
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く