2023年最新版: HTMLのheadの書き方、head内に記述する要素の総まとめ
HTMLページのhead内に記述する最小限の構成、そしてmeta要素やlink要素、ソーシャルサービス用の要素、デスクトップ・スマホのブラウザ用の要素などがまとめられた「HEAD」を紹介します。 HEAD: A simple guide to HTML <head> elements 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 以前の版からいろいろと変更されています。 2016年版: head内に記述する要素の総まとめ 2018年版: head内に記述する要素の総まとめ head内に記述する最小限の構成 head内の要素 meta要素 link要素 ソーシャル関連のhead内の要素 ブラウザ・プラットフォーム関連のhead内の要素 メモ head内に記述する最小限の構成 下記はシンプルなWebサイトで必須となるhead内に記
最近のWeb制作に役立つ、CSSの便利ツール総まとめ
最近のWeb制作に役立つ、CSSの便利ツールをまとめました。 CSS Grid, Flexboxで実装するときに役立つレイアウトのツール、CSSやSVGでさまざまな背景・区切り線を生成するツール、美しいシャドウやグラデーションを生成するツール、色選びや配色に役立つツール、コピペで利用できるボタン、可変のフォントサイズ、CSSアニメーション、コードの管理・品質・デバッグに役立つツールなど、もりだくさんです。 CSS Layout Generator Webサイトでよく使用される「ヘッダ・メイン・フッタ」「ヘッダ・サイドバー・メイン・フッタ」「カード型」「サイドバー」などのレイアウトを確認しながら、CSSのコードを生成できる無料オンラインツール。以前紹介したときは、CSS Gridのみでしたが、Flexboxにも対応しました。
「先延ばし癖」をなくす脳科学的アプローチ。“○○を我慢” するのが意外と効果的だった - STUDY HACKER（スタディーハッカー）｜社会人の勉強法＆英語学習
「この仕事は期限までにまだ余裕があるな」と考えて「先延ばし」してしまい、ギリギリになって慌てる——。多くの人に一度ならず経験があることだと思います。 脳科学的見地から見ると、先延ばしはどういうメカニズムによって起きるのか、そしてどうすれば先延ばしをなくすことができるのか、脳科学者の生塩研一（おしお・けんいち）先生に聞いてみました。 構成／岩川悟 取材・文／清家茂樹 写真／塚原孝顕 自分の「先延ばし度」はどれくらい？ 先延ばしを招くのは、最近注目されている脳領域 「脳の司令部」を鍛えて先延ばし癖をなくす 自分の「先延ばし度」はどれくらい？ みなさんの「先延ばし度」はどれくらいのレベルでしょうか？ まずは、先延ばし度の自己診断テストを紹介しましょう。これは、心理学的アプローチによる先延ばし研究の世界的権威である、ピアーズ・スティール博士が考案したものです（ピアーズ・スティール『ヒトはなぜ先延ば
医師とデザイン。なぜ医療現場は複雑なUIが好まれるのか？｜Kei Kobayashi｜note
医師は情報が詰めこまれたスライドが好き？こんにちは、株式会社CureAppデザイナーの小林です。精神科の医師ですがデザインが好きすぎてデザイナーとして働いています。 医療の世界から会社員に転身すると、日々さまざまな発見があります。先日社外の人とプレゼンテーションの話題になり 「医師向けのプレゼンでは、シンプルなものより情報が詰め込まれたスライドが好まれるんです」 と言われ驚きました。 たしかに医療系のスライドは医師に限らず文字が詰めこまれた分かりづらいスライドが主流ですが、それはデザインへの関心が低いだけでけっして「好き」なわけではない、そう思っていました。 しかし改めて「もしかして医師は本当に複雑なデザインが好きなんじゃないか？」という疑念がわいてきました。 よく見る医療系スライドの一例 https://www.dinf.ne.jp/doc/japanese/resource/kouse
1ミリ秒でも早く届けたい! HTMLで画像読込を高速化するために取り組んでいること - ICS MEDIA
ウェブサイトの表示スピードはサイトの健全性における重要な観点の一つです。Googleが提唱するCore Web Vitalsコア・ウェブ・バイタルズと呼ばれる指標の中にもサイト表示スピードに関する項目があり、表示されるまでの時間が単なるユーザー体験だけでなく、SEOでも無視できない存在です。表示スピード低下の要因はネットワークやサーバーサイド、そしてフロントエンドまで広範囲におよびます。本記事ではその中でも画像の読み込みについて改善できるテクニックを改善前と改善後を比べながら紹介します。 改善前サンプルを別ウインドウで開く 改善後サンプルを別ウインドウで開く 画像読み込みBefore / Afeter 上図はLighthouseによるチェックの結果です。Lighthouseはウェブサイト検査ツールで、ウェブページのパフォーマンス、アクセシビリティ、SEOなどの状態を計測できます。Googl
人は「買いたい」と言うものと、実際に買うものが違っていて、数字や統計だけではそれがわからない。
筆者の70代の義父は、よく新製品、いわゆるスーパー家電を買って来るそうだ。 いままではそれを「義父は新しいもの好きなんだなぁ」と思っていたが、実は義父がスーパー家電を買うのには、別の理由があったらしい。 さて、それはなにか？ みなさんはわかるだろうか。 父がケーキを買うのはケーキが好きだから……ではない！ さっそくネタバレすると、「娘と会いたいから」。 2人の娘は家を出て近所に住んでおり、「マッサージチェアを買った」といえば、娘たちは「使ってみたいから今度行くよ」と実家に帰って来る。 義父の狙いは、そこにあったのだ。 事実、購入した製品は、簡単に人には貸せない大きい設置型の家具ばかりだったという。 このくだりを読んで、わたしは実家の父を思い出した。 我が家には物心ついたときから、「21時半のお茶会」がある。 いつ、なぜ始まったかわからない。でも、20時ごろ夜ご飯を食べ終わってそれぞれの部屋
遺書。みんなさようなら。とある発達障害者の終末記録。 - ピピピピピの爽やかな日記帳
※生き返りました(๑¯Δ¯๑)/ 最初にお願い 人生のキーワードを羅列 地球連帯責任の憎悪感情を知れよ あらすじ ぴ@pipipipipi_rip 被害者の涙は10年15年遅れて流れると知れよ 自我の外側で味わう『無痛の激痛』を知っていますか？ 他人の涙腺がおもちゃ箱に見えた 僕は窓なし部屋で20代を生きた 父親は福祉制度を罵倒し続けていた 愛と憎しみの反復横跳びでもしろってか？ 平気な顔の裏で、死線を泣いて這う弱者を知れよ 自由意志は強者の持ち物だ 畢竟、底辺の学校を超える反社組織、他にないのでは！？ 吐き出した成果物には病魔が宿りにくい 畢竟、人が抱える痛みの総量は、外から把握なんざ出来っこないのさ 僕の虚栄心を一言で説明するならば、自分自身を『保留中の底辺』にする心の働きだ 防衛機制――傷入りの心が、自分を守るホラを吹く…… 昔のクズ共よりクズ扱いされる不良品だなあ 僕の双極性障害は
「デジタルスキル標準」をとりまとめました！ （METI/経済産業省）
経済産業省と独立行政法人情報処理推進機構（IPA）は、企業・組織のDX推進を人材のスキル面から支援するため、DXを推進する人材の役割や習得すべきスキルを定義した「DX推進スキル標準（DSS-P）」を今回新たに策定し、今年３月に公開した「DXリテラシー標準（DSS-L）」と合せて、個人の学習や企業の人材育成・採用の指針である「デジタルスキル標準（DSS）」ver.1.0として、取りまとめました。 1．背景・目的 データ活用やデジタル技術の進化により、我が国や諸外国において、データ・デジタル技術を活用した産業構造の変化が起きつつあります。このような変化の中で企業が競争上の優位性を確立するためには、常に変化する社会や顧客の課題を捉え、デジタルトランスフォーメーション（DX）を実現することが重要です。 一方で、多くの日本企業は、DXの取組みに遅れをとっていると考えられます。その大きな要因のひとつと
SEOとは一体何をやっているのか？SEOの素人がSEOスペシャリストの仕事を間近で見て - ブログ - 株式会社JADE
こんにちは、JADE取締役の小西です。2022年もそろそろ終わるところ、JADEも創業してから3年半、つまりわたしも2019年にJADEに参画してから3年半経つこととなりました。 JADEに参画する前はWeb広告運用代行を請け負う会社を営んできて、それを休止してSEOと広告を中心にコンサルティングをする会社をはじめるということで、周りからは理解ある言葉も、理解ない言葉も聞いたものです。 SEOなんて今さら効くの？ SEOなんてうまくいってもGoogleに対策される、いたちごっこでしょ 人のサイト上位表示させられるくらいなら自分でサービスやったほうが儲かるでしょ（だから嘘でしょ） この、理解ないほうの言葉はどこから出てくるのか、それは本来的な（真っ当な）SEOの業務を見たことがなく、世間で発信されている情報あるいは話に聞く内容から得る印象が強いものであって、SEOはブラックボックスである、秘
ダイソーの「水洗いで粘着力が復活するテープ」が家の中で大活躍！ | ROOMIE（ルーミー）
買い物メモやレシートなど、なくしたくない＆目につくところに貼っておきたいものってありますよね。 セロテープだと跡が残るし、マスキングテープだと粘着力が不安だし……なんて悩みをピンポイントで解決してくれるテープに100円ショップで出会っちゃいました。 薄型のゲルテープ ダイソー／KAERU GRIP 「仮どめ両面粘着ゲルテープ」 110円（税込） ※長さ1m、幅20mm、厚み1mm 両面粘着ゲルテープは、「KAERU」の名前のとおり、プニプニとしたポリウレタン製で引っ張るとよく伸びる柔らかい素材。 弱粘着の両面テープで、いろいろな場所に吸盤のようにペタッと貼り付けることができます。 ミシン目などはないので、ハサミで好きな長さにカットして使います。 素材感は、耐震ゲルが薄くなったような感じ、というと伝わるでしょうか？ 写真では厚みが分かりやすいようフィルムを剥がしていますが、実際は使いたい場所
結局、最後は「性格」で人間の価値が決まるんだな。
とても面白い記事を読んだ。 元妻や内縁妻たちは次々と去っていき…認知症になった「神の手」天才ドクターがたどった、「悲惨すぎる末路」 内容を簡単に述べると、メチャクチャ手術が上手でそのお陰で社会的な名声も得ていたイケイケDr.が、歳を重ねて能力が低下し、認知症にもなって周りから誰もいなくなっていったというお話である。 個人的には存じ上げない先生なので、この記事に書かれている事が本当なのかどうかは知らないし、まあ勝ち組が負け組に転落する事に痛快な気分を感じさせるためのインターネット上のフィクションの可能性もあるかなぁとは思うものの、それでもなんていうか妙にリアルである。 自分自身の身の回りにも、イケイケな自分だけが良ければそれで全部ヨシな態度を取っている人間はそこそこいる。 皆さんにも思い当たる人間が一人や二人はいるはずだ。 僕は昔からこういうタイプの人間が好きになれなかった。それこそ何度も「
作業ではなく、仕事をせよ - arclamp
この記事はグロースエクスパートナーズ Advent Calendar 2022の11日目です。 （補足追記：この記事は、一緒に働いている／働くことになる若い後輩たちへのメッセージです） 毎年、メンバーからお題をもらっているのですが「一緒に仕事する相手がこうだったら教えがいがある・やりやすいなと思う言動について書いてほしい」ということなので、僕のキャリア（もうちょっとで四半世紀...）の中で学んできたことも含めて、整理してみます。 心構え：作業ではなく、仕事をせよ まず、一緒に仕事をする上でお願いしたいのは「作業ではなく、仕事をしてほしい」ということです。ここでいう仕事と作業の定義は以下の通りです。 仕事というのは「ある目的を達成するための行動」 作業というのは「ある計画や手順のもとにおこなう行動」 仕事は作業を含んでいます。目的を達成する行動全般が「仕事」であり、仕事の中で具体的な手順を実
【SEOお宝情報】検索ランキングアルゴリズム主要19種一覧（グーグル公式）【SEO情報まとめ】 | 海外&国内SEO情報ウォッチ
「グーグルが検索ランキングに利用している主要なアルゴリズムを19種類、挙げて説明してみてください」―― こんな問いに胸を張って答えられるようになる公式情報が登場した！ これはSEO担当者にとってはお宝だ。 今回は、ピックアップの検索アルゴリズム一覧以外にも、大ネタではないが小ネタでもない中堅レベルの興味深いトピックが多い。 「上位表示できるコンテンツの秘訣」「SEOでもサイテーションは評価されるか」「作った良コンテンツを知ってもらうには」「日付表記変更の原則」などなどなど、どれも見逃すともったいないネタだ。 海外SEO情報ブログの掲載記事からの情報も、今回は「Search Central Live Singapore 2022」からのネタとして3つ紹介している。 今週も、あなたのSEO力を底上げするネタを効率良く吸収してほしい。 グーグルで上位表示できるコンテンツ作成の秘訣✕3リンクなしの
商用利用無料！ 浮世絵専門のイラスト素材、鳥獣戯画・花鳥画・美人画・妖怪・神仏・植物など4,300種類！ -Ukiyoe Stock
浮世絵の素材を使いたいなという時にぴったり、浮世絵専門のイラスト素材を紹介します。 イラストは商用利用無料、クレジット不要、加工OKの太っ腹ライセンス、登録など面倒なことは一切不要でダウンロードできます。 Ukiyoe Stock 「浮世絵をもっと身近に」をコンセプトに、浮世絵をデータ化し、商用無料のフリーイラスト素材として配布しているサイトです。元絵はすべてパブリックドメインで、それをデジタル化し、利用しやすいように着色やレイアウト補正されています。 商用利用無料 クレジット不要 加工OK 素材のフォーマットは.png ※有料版として.epsや.aiがあります。 ライセンスは、「ダウンロードしたデータをそのまま配布・販売しなければ大体なにしてもいいよ」とのこと。詳しくはご利用規約をご覧ください。
「楽なほうに流されて勉強できない」という悩みを “たった10秒” で解消する方法。 - STUDY HACKER（スタディーハッカー）｜社会人の勉強法＆英語学習
「仕事が終わったら本を読んで勉強しようと思ったけど、疲れたから明日でいいや......」 「資格試験のために参考書を買ったけど、勉強はやっぱり面倒くさいな......」 日々の忙しさにかまけて、楽な選択肢にいつも流されてしまう人は多いのではないでしょうか。ただでさえ時間がない社会人。「勉強するのは大変だから今度にするか……」となるのも当然ですよね。 そこで今回は、脳の仕組みなどをもとに、「楽」に流されず勉強するための3つの方法をお伝えします。どれもすぐに取り組める方法ばかりなので、ぜひ記事を参考に試してみてください。 【1】「目をつぶって片足立ち」をする 【2】「10秒アクション」を行なう 【3】「勉強したい」と言い換える 【1】「目をつぶって片足立ち」をする 「勉強しないといけないのはわかるけど、やっぱり面倒くさい……」そんなときは、目をつぶって片足で立ち、30秒間を声に出して数えてみま
フライパンの使用後すぐに水をかけないで「あのジュー！が楽しくてやってた」
和平フレイズ【公式】🍳🥘 @waheifreiz 和平フレイズ株式会社です。油が端に行かないフライパンのufufuや1台7役マルチポットなどの調理用品を企画・販売しています。料理練習中の中の人と時々フレにゃんが商品やお役立ち情報をお届けします🐈🍳2023年11月配信開始！公式アプリはこちら→ yappli.plus/waheifreiz-app… wahei.co.jp 和平フレイズ【公式】🍳🥘 @waheifreiz #大事な事なので5回言います 使用後すぐにフライパンを急冷しない 使用後すぐにフライパンを急冷しない 使用後すぐにフライパンを急冷しない 使用後すぐにフライパンを急冷しない 使用後すぐにフライパンを急冷しない あのジュ～はふっ素樹脂の表面が傷む原因になりますので、すぐに水をかけないで pic.twitter.com/SE8mJgZ6ZE 2022-11-21 1
息子から「命令しないで」といわれた母親 切り返しの『正論』に「めっちゃ刺さった」
宿題や家事など、１日の間にやることはたくさんあります。 スケジュール通りに、手際よく片付けられればいいのですが、やる気が出ないと動けない人もいるでしょう。 漫画家の、ぬこー様ちゃん（@nukosama）さんは、子供の頃の体験をTwitterに投稿。 やろうと思った時に親から命令されると、気持ちがそがれることに、当時気付いたそうです。 そのため、命令しないよう親にいってみると…。 命令されるとやる気がなくなるあの現象 子供の大半は、生活の中心が自分。 そのため「自分のタイミングだけで動きたい」と思うのは、自然なことでしょう。 幼いからこそ、家族のために家事をこなしている親の都合にまで、考えがおよばないのです。 母親は、投稿者さんから命令しないよういわれた際に、子供の気持ちを受け入れることもできたかもしれません。 しかし、ほかの人たちにも都合がある現実を教え、「誰かに命令される前にやる」という
【フォトショップ】写真から何でも削除できる、怖すぎる新AIツールをつかった魔法テク
もしも、フォトショップをつかって、写真から不要な人やものを消したいとき、あなたならどうしますか。 さまざまな方法がありますが、もっとも手軽なのが「コンテンツに応じた塗りつぶし」でしょう。 シンプルな写真では問題ないのですが、特に複雑な写真では、フォトショップにあまり良い結果を期待することができません。 今回は、フォトショップと無料のAIツールをつかって、どんな写真でも不要な人やものを消す新しい写真加工テクニックをご紹介します。 フォトショップ「コンテンツに応じた塗りつぶし」の現状 まずは、フォトショップの「コンテンツに応じた塗りつぶし」をつかって、どこまで消せるか試してみます。 こちらの写真の手前に立っている男性を、消してみましょう。 加工をはじめる前に、もとの写真をコピーして保存しておくと、もしものときのバックアップになります。 ここでは、「被写体の選択」ツールを使い、人物のみを切り抜き
私が教わった「相手の話をうまく整理する技術」とは。
「相談があるのだけど……」と知人友人から持ち掛けられて、親切心から「アドバイス」をしてあげた。 でも、全く相手に響かず、「なんで言うとおりにやらないの」と、逆に相手を責めてしまい、何の解決にもならなかった。 そんな経験のある人はいないでしょうか。 私は死ぬほどあります。 そんな失敗から、徐々に私は「人からの相談」について、考えを改めざるを得ませんでした。 実際、「アドバイスの欲しい人」は本当に少ないのです。 多くの人が求めているのは、「黙って話を聞いてくれる人」であって、あれこれと改善案を考えてくれる人ではありません。 しかも、もっと悪いことに親切心からの「改善策」「アドバイス」はむしろ、「なんでこんなこともやってないの？」という批判だと受け止める相談者も少なくありません。 「◯◯してください」や「◯◯すべきです」といった直接表現はまず、誤解されて伝わるのです。 そして、非難されている、と
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【YouTube利用動向調査】男性は学び系・女性は熱量高く多様な動画を視聴 | ショート動画に代替されにくい“ながら見”コンテンツが若者に人気 | ［マナミナ］まなべるみんなのデータマーケティング・マガジン
