タグ head
人気順 10 users 50 users 100 users 500 users 1000 users『Rustの練習帳』でコマンドラインツールを作る感覚を身につける - Magnolia Tech
Rustの練習帳 ―コマンドラインツールの作成を通してRustを学ぶ 作者:Ken Youens-Clarkオーム社Amazon 最近、立て続けにRsutに関する話になったので、さすがに一度ちゃんと勉強しておこうと思って、『Rustの練習帳』を元に練習を始めた。 echo、cat、head、wc、uniqと、伝統的なUNIX由来のコマンド群を、Rustで実装すると... 続きを読む
「これはHEAD^^」 「これはHEAD^2」 「これはHEAD~2」「HEAD@{2}、reflog用」「全部いっしょじゃないですか」「違う!!もっとよく見ろ!!」 - Qiita
「これはHEAD^^」 「これはHEAD^2」 「これはHEAD~2」「HEAD@{2}、reflog用」「全部いっしょじゃないですか」「違う!!もっとよく見ろ!!」Git 画像略 TL;DR(Too Long; Didn't Read) ~nは単純なコミットの親をたどる(ブランチの分岐がある場合は現在のブランチのみで辿れるコミット) ^nはマージコミット向けで^2は「そのコミットの2番目... 続きを読む
2023-08-24のJS: Fresh 1.4、Chrome 117 Beta、Bun 0.8.0
JSer.info #657 - Fresh 1.4がリリースされました。 Fresh 1.4 – Faster Page Loads, Layouts and More 事前コンパイルによるページ読み込みの改善、<head>/<head>/<body>タグを定義できるように、_layoutファイルのサポートが追加されています。 また、defineRoute/defineLayout/defineApp関数の追加、ルートグループと... 続きを読む
2023年最新版: HTMLのheadの書き方、head内に記述する要素の総まとめ
HTMLページのhead内に記述する最小限の構成、そしてmeta要素やlink要素、ソーシャルサービス用の要素、デスクトップ・スマホのブラウザ用の要素などがまとめられた「HEAD」を紹介します。 HEAD: A simple guide to HTML <head> elements 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にラ... 続きを読む
Slackはハイライト部分をU+E000とU+E001で囲って表していそう - hogashi.*
Slack は、メッセージのどこからどこまでハイライトするかを、 Unicode の私用領域 *1の U+E000 と U+E001 を使って表しているらしく、こういう HTML を glitch とかで書いて、 <html> <head> <meta property="og:title" content="Slackでタイトルをハイライトする" /> <meta property="og:description"... 続きを読む
ブログを作りながら学ぶ、Next.jsの便利な5つのコンポーネント(Link、Image、Head、Script、レイアウト)
この連載では、現在注目のWebホスティングサービス「Vercel」をご紹介します。本記事から2回にわたって、「Next.js」の便利な9つの機能をご紹介します。今回は、「Linkコンポーネント」「Imageコンポーネント」「Headコンポーネント」「Scriptコンポーネント」「レイアウトコンポーネント」の5つのコンポーネントを紹介... 続きを読む
GitHub - nikochiko/autosaved: Never worry about losing your code. Written in Go
autosave[d] autosaved, pronounced autosave-d (for autosave daemon) is a utility written in Go to autosave progress on code projects. It uses the go-git package to save snapshots without interfering the normal Git flow - branches that are to be pushed upstream, HEAD, or the Git index. It provides ... 続きを読む
head内でパフォーマンスの問題がある箇所、Webページのレンダリングを妨げる要因を明らかにするCSS
Webページのレンダリングを妨げる要因、<head>タグ内でレンダリングをブロックしているCSSやJavaScript、サードパーティーのリソースなどを表示して、どこを修正すればよいか教えてくれるCSSのスニペットを紹介します。 ちなみに下記のグリーンは問題なし、レッドはエラーで対応が必要、オレンジは特定のシナリオで問題... 続きを読む
? ct.css – Let’s take a look inside your <head>
Your <head> is the single biggest render-blocking part of your page—ensuring it is well-formed is critical. ct.css is a diagnostic CSS snippet that exposes potential performance issues in your page’s <head> tags. View demo View source View conference talk (full context) Drag and drop the followin... 続きを読む
絵文字をファビコンとして表示する簡単な方法
ちょっとしたWebサイトを作るときに地味に面倒なのがファビコンです。わざわざ画像を作るのも、どこかからちょうど良い画像素材を持ってくるのも、アップロードするのも面倒だったりします。 そんなときは絵文字をファビコンとして使いましょう。 やり方 先にやり方を載せておきます。これをHTMLの<head>の中へコピペす... 続きを読む
ネイティブコンパイルEmacsの登場 | 日々、とんは語る。
日本時間の2021年4月26日午前3時6分、Emacsのmasterブランチにfeature/native-compブランチがマージされました(コミット:Merge branch ‘feature/native-comp’ into into trunk)。これにより、HEADのEmacsをビルドすると、Native compilation機能を兼ね備えたネイティブコンパイルEmacs、通称Gcc Emacsが使えるように... 続きを読む
脱中級テニス?テニスプレーヤー、2か月半走り込み期間の成果は!? - 脱中級? stelliterのテニスアディクト
こんにちはstelliterです。 以前テニスに関して走り込みが必要という内容で記事にしました。 www.stelliter.info 今回はその後どうなったのかを少しお伝えしたいと思います。 はたしてこの2か月半(3月前半くらいからスタート)の走り込みの成果はでたのか?? それではいってみましょう HEAD(ヘッド)テニス硬式テニス... 続きを読む
JavaScriptのデバッグについて | 晴笑雨笑ぶろぐ
JavaScriptをデバッグする際に、よく使う機能のみに重点を当てて説明します。 その他、色々なデバッグ方法やツール・機能がありますが、当ブログは駆け出しエンジニアさん向けであるため、ご了承ください。 まずはサンプル用のHTMLとJavaScriptを用意しますね。 <html> <head> <script src="./js/test.js"></script> </h... 続きを読む
自作JSの読み込みはbodyの最後に書いたほうがいいのに、なんで外部ライブラリはheadにあるんでしょうか? - Qiita
自作JSの読み込みはbodyの最後に書いたほうがいいのに、なんで外部ライブラリはheadにあるんでしょうか? 調べるキッカケ 最近フロントエンドを触り出して、JQueryの勉強(初歩中の初歩)をしていたのですが、 「JSの読み込みはbodyの最後に」という決め事があるようで、ちょっと気持ち悪いので調べていました。 すこし... 続きを読む
[JS]実装が簡単!要素にclassを加えるだけでCSS3アニメーションを自在に使えるスクリプト -CSS3 Animate It | コリス
アニメーションの一覧 CSS3 Animate Itの使い方 Step 1: 外部ファイル 当スタイルシートとスクリプトとjquery.jsを外部ファイルとして記述します。 <head> ... <link rel="stylesheet" href="css/animations.css" type="text/css"> </head> <body> ... <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jque... 続きを読む
朝日新聞 英語訳慰安婦報道訂正ページの検索避けをこっそり外す/朝日は他の謝罪訂正ページにnoindexを入れているのか調べてみました | 以下略ちゃんの逆襲 ツイッターGOGO
朝日新聞が”noindex, nofollow, noarchive”のmetaタグを外す 朝日新聞が吉田清治の慰安婦報道訂正の英語訳記事htmlページの<head>~</head>内に、 <meta name=”robots” content=”noindex, nofollow, noarchive”></meta> を入れて、「検索避け」をしていた問題で、新たな動きがありました。 朝日新聞が慰安婦訂正記事だけ... 続きを読む
ジョージ・クルーニー、友達14人に1億円ずつプレゼント - シネマトゥデイ
ジョージ・クルーニーの友達になりたい - Anthony Harvey / Getty Images ジョージ・クルーニー が2013年、親しい友人14人に一人100万ドル(約1億1,000万円)ずつプレゼントしていたことが明らかになった。(1ドル110円計算) 【画像】美人妻とラブラブなジョージ・クルーニー これはジョージの長年の友人である事業家のランド・ガーバーが、米MSNBCの番組「Head... 続きを読む
HTMLページのhead内に記述する要素の総まとめ | コリス
HTMLページのhead内に記述する最小限の構成、そしてmeta要素やlink要素、ソーシャルサービス用の要素、デスクトップ・スマホのブラウザ用の要素などがまとめられた「<head> cheatsheet」を紹介します。 <head> cheatsheet 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 去年紹介した 以前の版 からいろ... 続きを読む
<!DOCTYPE html> < html lang = "en" > < head > < meta charset = "UTF-8" > < meta name = "viewport" content = "width=device-width, initial-scale=1.0" > < meta http-equiv = "X-UA-Compatible" content = "i... 続きを読む
【PSVR】頭「だけ」を使う異色ゲーム『ヘディング工場』クリア後感想(ネタバレなし)・攻略メモ - 夜中に前へ
2017 - 02 - 18 【PSVR】頭「だけ」を使う異色ゲーム『ヘディング工場』クリア後感想(ネタバレなし)・攻略メモ ゲーム パズル シェアする Bookmark! Facebook Twitter Google+ Pocket スポンサーリンク こんばんは。夜中たわしです。 2月17日、『ヘディング工場』という変わったゲームが配信開始されました。 (引用元: ヘディング工場 / Head... 続きを読む
head内に記述する要素の総まとめ -meta要素、link要素、ソーシャルサービス用の要素、ブラウザやスマホアプリ用の要素など | コリス
HTMLドキュメントのhead内に記述するmeta要素やlink要素、ソーシャルサービス用の要素、ブラウザ用の要素、スマホアプリ用の要素などをまとめた「HEAD」を紹介します。 HEAD -GitHub 翻訳するにあたりいくつか尋ねたところ、著者様はとてもいい人でした。 公開当初から内容がアップデートされ、ライセンスもCC0に変更されています。 オススメの最小限の構成 要素 meta要素 link... 続きを読む
HTML の <head>〜</head> 内に書くタグの順番にも気を遣いましょう。 - ONZE
ONZE - オンズ 茨城県つくば市を拠点に、ホームページ制作・デザイン制作を行っています。直感で「…!!」や「…??」と感じたら、今すぐオンズにご相談ください。 今アナタがご覧になっている、このオンズのウェブサイトでは、読み込み速度のスピードアップや各種マークアップのクオリティ維持のために随時徹底した改善作業を行っています。 これまでも本ブログにて様々なテクニックを紹介してきましたが、今日は <... 続きを読む
[JS]レスポンシブ対応の使いやすいスライダーを探している人にオススメのスクリプト -wallop | コリス
アニメーションは他にも、slide, fade, rotateなどが利用できます。 wallopの使い方 Step 1: 外部ファイル 当スタイルシートとスクリプトを外部ファイルとして記述します。 <head> <link rel="stylesheet" href="path/to/wallop.css"> </head> <body> ... コンテンツ ... <script src="pa... 続きを読む
[CSS]レスポンシブ対応の賢いアイデア、自在に伸び縮みするカード型レイアウトを実装するスタイルシート -chewing grid | コリス
テキストや画像や動画などをタイル状に配置する、レスポンシブ対応のカード型リストを実装できるCSSのグリッドを紹介します。 「chewing」の名の通り、表示サイズに合わせてチューイングガムのようにカードとグリッドが伸び縮みします。 デモはサイズの可変可能 chewing-grid.cssの使い方 Step 1: 外部ファイル 当スタイルシートを外部ファイルとして記述します。 <head> ... ... 続きを読む
git reset がわからない - Qiita
git reset がわからないので図をかいた 以前のコミットへ戻るとき 現在の HEAD へ戻るとき メモ ステージ と index は同じもの unstage はステージから削除されるということ HEAD^ は HEAD の一つ前のコミット ローカルファイルをステージに上げて、ステージに上げたものをコミットする 続きを読む