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内に記
ググり時間をぶった切る。AWSを最速で攻略するサイト13選 - Qiita
はじめに 自分がAWSをこれっぽっちも知らない頃、 ググって出てきたどこか知らんサイトからだと、「欲しい情報はこれじゃない」ってのが多くあった。 そんなこと繰り返していると エラー、トラブル時に即対応できない 間違って構築したせいで運用時に悪化してしまう 古いソースコードでエラーがでて動かない これで無駄な時間を過ごすことになる。 要は「ググって得たその情報で、作ったものは正しいのか？」 AWSは常にアップデートされ続ける 欲しい情報を手に入れるまで調べる時間を割くなら、 公式展開してるサイトから得たほうが正確である。 ということで、最速でAWSを攻略するサイトをまとめる。 この記事をブックマークでもしておくと、ググる手間も省けるだろう。 目次 AWSドキュメンテーション AWSサービス別資料 トレーニングライブラリ AWSブログ アーキテクチャーセンター ワークショップをする よくある質
【まとめ】エンジニア向けデザイン参考サイト - Qiita
本記事は、身の回りの困りごとを楽しく解決！ by Works Human Intelligence Advent Calendar 2022の13日目の記事です。 はじめに エンジニアの私「個人開発したアプリのデザインがイマイチで世に出す勇気がなくて困っとる」 デザイナーの知人「どれどれ。あー確かに。いい意味でエンジニアらしさ出てますな♪」 私「『いい意味で』を先頭に付ければ何いっても許される説！！」 知人「デザイン作るときは既存にあるアプリやサービスのUIを参考にするといいですよ」 私「具体的には何を参考にすればエンジニアでもいい感じにデザイン作れそうですか？」 知人「それでは自分が参考にしているデザイン系のサイトをいくつか紹介していきます」 てことで、今回はエンジニア向けの個人開発やアイディア探しで役立つサイトをまとめていきます。 「ポートフォリオのアイディアが思いつかない」「開発した
2022年も新しいフリーフォントがたくさんリリースされました！ 2022年、日本語の新作フリーフォントのまとめ
2022年も残り2週間ちょいですね、今年リリース・アップデートされたひらがな・カタカナ・漢字が使える日本語の新作フリーフォントを紹介します。 ゴシック、明朝、デザインフォント、手書きフォントなど、盛りだくさんです！ これまでの日本語フリーフォント総まとめは、下記をご覧ください。 日本語のフリーフォント総まとめ -商用サイトだけでなく紙や同人誌などの利用も明記 後日、上記に追加します。 2022年フォント界の大きなニュースは、今年も引き続きGoogle Fontsに大量の日本語フォントが追加されたことでしょうか。Webフォントとして利用できるのはもちろん、オープンソースなので商用プロジェクトでも無料で利用できます。 また、LINEからフリーフォントがリリースされたのも予想外でした。ほかにも、手書き系の文字種が揃ったフリーフォント、マンガやテレビにインスパイアされたフリーフォントなど、使いたく
2022年、ロゴデザインのトレンド -最近のロゴに使われているデザインテクニックのまとめ
2022年のロゴデザインのトレンドはワードマークとタイポグラフィがより重要な役割を果たしています。特にジェンダーや環境配慮などはどのジャンルのデザインでも積極的に取り入れられています。 デザインの引き出しを増やすには、注目されているトレンドを押さえておくことが大切です。ロゴにはタイポグラフィ、カラー、形など、デザインの基本となる要素が詰まっており、最近のロゴデザインに使われているトレンド、デザインテクニックを紹介します。 2022 Logo Trend Report 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 2022年、ロゴデザインのトレンドの傾向 三角形を2つ使用したロゴ「BowTies: 蝶ネクタイ」 一滴の重要性がわかるロゴ「Uvula: 口蓋垂」 ライフラインを表現するロゴ「Rooters: 木の根」 圧力を反転さ
クラウドエンジニア(AWS)ロードマップ2021 - Qiita
お知らせ 2022年初頭に本記事を元にしたAWS書籍が技術評論社より全国出版決定いたしました。 関係者各位のご協力に深く感謝いたします。 タイトル：AWSエンジニア入門講座――学習ロードマップで体系的に学ぶ 本書籍出版までの制作プロセス、チーム執筆の方法論などをまとめました チームで技術書を出版して学べた共同執筆メソッド はじめに インフラ初学者がAWSを用いた設計・構築レベルに到達するため、学習の全体像をロードマップ図にまとめました。 背景 パブリッククラウド全盛期においてAWSは全エンジニアにとって「常識」となりました。 しかしながら、情報過多によってAWS学習に必要な情報がネット上のノイズに埋もれてしまい、初学者の直感による判断が誤った学習に行き着くこともあります。 このロードマップはAWS学習の全体像を俯瞰でき、パブリッククラウドを用いた設計・構築レベルに到達するまで導く体系的なス
SEOまるわかり大全集 – ワードプレステーマTCD
WordPressサイトの画像を軽量なAVIFに変換できるプラグイン「ShortPixel Image Optimizer」 2024.04.26
良質なソースコードを書くのに役立つ記事まとめ
プログラマーとして、バグをなくし、読みやすいソースコードを効率良く書く能力はとても大切です。ただ「なぜか自分のソースコードは読みづらいと言われる」「読みやすいコードがどんなものなのかわからない」そんな悩みを抱える方も多いのではないでしょうか？ そこで今回は、コーディングの際に気をつけたいポイントや、スキルアップに役立つメソッドを紹介した記事を特集します！コーディングが苦手な方はぜひ最後まで読んでみてください！ (1)中級者に読んでほしい良いコードを書くための20箇条 プログラマーにとって、"良いコードを書く"は永遠のテーマといっても過言ではないでしょう。 しかし、具体的にどんなことを意識すれば良いかというと、その基準は人それぞれかもしれません。 そこで、「良質なコーディングをする際のヒントが欲しい！」という方のために、ブログ『anopara』の運営者withpopさんが、多くのプログラマー
Web制作の効率、生産性アップ！話題の最新オンラインツール33個まとめ
この記事では、Webデザイン制作を効率アップさせる最新オンラインツール33個をまとめてご紹介します。 ウェブデザインに限らず、グラフィックなどあらゆるクリエイティブな案件、プロジェクトで活躍しそうな新しいツールを中心に揃えています。 これらのツールをうまく活用することで、面倒な作業も短時間で行い、より円滑にプロジェクトを進めることができます。お気に入りのツールをワークフローに取り入れ、より快適で、スピーディーな制作を目指しましょう。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. Web制作便利ツール 2. 配色ツール 3. デザインコレクション 4. イラスト系ライブラリ 5. アイコンツール 6. コラボ、リモートワークツール 7. 面白、クリエイティブツール Web制作の効率、生産性アップ！話題の最新オンラインツールまとめ We
特集 地震発生から72時間｜NHK災害アーカイブス
東日本大震災アーカイブスでは、当時の映像を時系列に並べることで、何がどのように起こったのかをふりかえります。正直、まだふりかえりたくないという方も少なからずいらっしゃるかもしれません。しかし、何が起こったかを改めて見ることで、気がつくことも多いと考えます。発災から72時間に起こったことを、映像とともに見つめなおすことで、災害への備えの大切さや今後のための教訓について、一緒に考えることができればと思います。 2011年3月11日に発生した東日本大震災は、国内の観測史上最大のマグニチュード9.0を記録。（2011年3月13日気象庁発表） 死者・行方不明者は、１万８４４６人にのぼっている。（2017年3月10日 警察庁発表） 映像視聴時のお願い このサイトでは、東日本大震災に関する映像（津波や火災など）を公開しています。 このため、映像をご覧になった時に精神的なストレスを感じられる方もいらっしゃ
【Vue.js】知識ゼロから１日全力でVue.jsを勉強してみた【オススメ資料まとめ】 - Qiita
2019.09.12 追記 後日談を書きました(外部ブログ) 結局、ど初心者が1日でVue.jsを学ぶとどこまで理解できるの？ – 過去企画を振り返ります Vue.js 1 Day BootCamp! みなさま、こんにちは！どんぶらっこ(@don-bu-rakko)です。 今私が通っているプログラミングスクールでは周囲がVue.jsをどんどん学び始めています。その結果、仲間の話している内容がわからなくなって辛い毎日を過ごしているわけです。 こんな状態はいかん！ ということで、私もVue.jsを本腰入れて学習することを決意しました。 しかし、私は熱しやすく冷めやすい性格。 そこで考えました。 1日でどこまで理解を進めることができるのかゲームをしてみよう！ というわけで、１日何も予定がない日を作り、ひとり Vue.js ブートキャンプを開催。どこまで理解を進められるかチャレンジしてみました！
簡単CSSアニメーション＆デザイン20選（ソースコードと解説付き） | knowledge / baigie
CSSは使いようによっては様々な表現が可能な奥深い言語です。しかし、アニメーションなど凝った動きをするものに関してはコードは見れても実装方法を詳しく解説している記事は多くないように思えます。 この記事では、私（さかっちょ）がTwitterで過去にツイートしたCSSの技術をCodePenで改めて実装し、Twitterでは解説しきれなかった実装方法をより詳しく説明しています。CSS初学者の方にもわかりやすいように解説していますので、ぜひ参考にしてみてください。 その1. 一文字ずつ登場するテキストアニメーション See the Pen [CSS Tips] Text Show-up Motion by Takuro Sakai (@sakaccho) on CodePen. 一文字ずつtransformで移動させています。文字が途切れることなく流れるようにtransition-delayを調整
git pull と git pull --rebase の違いって？図を交えて説明します！ | KRAY Inc
はじめに こんにちは、クレイの亀井です。ここ最近一気に気温が上がりましたね。顔に重点的に汗をかくタイプの私には憂鬱な季節がやってまいりました さて、今月正式リリースしました(！) DocBase プロジェクトではクレイ外部のデザイナーの方と一緒に開発しています。SourceTree で Git を使っている方で、軽いデザイン修正などは弊社の Rails プロジェクトに直接手を加えてプルリクエストを送ってくれます。 こちらのデザイナーさんに「プルリクエストを送る際は、作業ブランチで git pull --rebase origin master してから送ってもらえますか？」とお願いすると「pull はわかるんですけど、この --rebase ってなんですか？これつけると何が変わるんですか？」と質問がきたのです。 作業ブランチで git pull --rebase origin master
おうちで中華 - レシピ一覧（調理法別）｜酒徒（しゅと） - 「あたらしい家中華」早くも８刷！
初レシピ本「あたらしい家中華」、早くも７刷！ Amazon、楽天ブックス 「おうちで中華」の全レシピ一覧です。料理は調理法別に分類されていて、料理名からレシピへ飛べます。（→食材別一覧もあります） 本ページの一番下には、これまで刊行したお得なマガジン（10～20個のレシピがまとまっています）のリンクもありますので、併せてご検討ください。 涼菜（冷菜）- 野菜類 拍黄瓜（キュウリの冷菜） 老虎菜（青唐辛子とパクチーときゅうりのサラダ） 涼拌土豆絲（千切りじゃが芋の冷菜） 涼拌胡蘿蔔絲（千切りニンジンの冷菜） 涼拌木耳菜（ツルムラサキの冷菜） 涼拌青椒西紅柿（青唐辛子とトマトの冷菜） 新疆老虎菜（新疆式・青唐辛子と夏野菜のサラダ） 涼拌茄子（蒸し茄子の冷菜） 茄泥（胡麻だれ茄子） 焼椒茄子（焼き唐辛子と茄子の冷菜） 涼拌意大利瓜（千切りズッキーニの冷菜） 涼拌金針菇（えのきだけの冷菜） 涼拌竹
knower | リンクストックはknower
knower（ノワー）は、webページのリンクを保存・管理することができるリンクストックサービスです。複数リンクをまとめるならknowerがぴったりです。
ネットの音楽オタクが選んだ2020年のベストトラック 100→51 - 音楽だいすきクラブ
2020年のベストトラックを集計しました。今回は219人分のデータを集計することができました。協力してくださった方々、本当にありがとうございました！来週発表するベストアルバムの1/3ほどの規模ですが、それなりのものができあがったと自負しています。メディアのランキングとはまた一味違った、ネットの音楽馬鹿（の一部）の方々が昨年一年間にどういう曲を聴いていたのか、振り返っていただけると幸いです。 作業量が多すぎるのでレビューをつけるのは断念しましたが（アルバムの方はやります）、ストリーミングとYouTubeのリンクはつけました。使っていただければ幸いです。明日までよろしくお願いします！（ぴっち） 追記（1/22）記事下にSpotifyとApple Musicのプレイリストがついています。よかったらお使いください。 このランキングについて ネットの音楽オタクが選んだベストアルバムは音楽だいすきクラ
. ̫ . on Twitter: "父の病状 時系列順まとめ 11/13 会社早退 (発症0日目) 倦怠感・微熱 11/14 ここから会社休み(発症1日目) 倦怠感・熱 11/15 (発症2日目) 倦怠感・息切れ・下痢・熱 11/16 クリニック受診(発症3… https://t.co/aRcvutd4lP"
父の病状 時系列順まとめ 11/13 会社早退 (発症0日目) 倦怠感・微熱 11/14 ここから会社休み(発症1日目) 倦怠感・熱 11/15 (発症2日目) 倦怠感・息切れ・下痢・熱 11/16 クリニック受診(発症3… https://t.co/aRcvutd4lP
Web制作の時短に！2020年の便利オンラインツール・ベスト100選
この記事では、2020年に公開された便利なWebオンラインツール・ベスト100個をまとめてご紹介します。 定期的にリストアップしている最新オンラインツールまとめ記事では、2020年にかけて合計306個の新しいツールやサービスが登場しました。 その中でも、特にWebデザイン制作に便利なツールを選りすぐったコレクションで、「無料で利用できるツール」を揃えています。 これらのツールやサービスを活用すれば、Webデザイン制作をより快適に進めることができるでしょう。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. CSSツール（14個） 2. パターンツール（7個） 3. イラスト系ツール（3個） 4. デザインツール（10個） 5. 配色カラーツール（6個） 6. グラデーションツール（3個） 7. SVGツール（8個） 8. スクリーンショ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フリーフォントの作者様に感謝！ 最近リリースされた日本語フリーフォントのまとめ -2022年上半期
商用利用無料、国内のフリーイラスト素材の総まとめ
