GitHub Issuesでブログを作る - Qiita
GitHubのIssueをNuxtとNetlifyでブログ化するというのをやってみたので解説します。 デモサイト： https://gh-blog.netlify.com/ Issues： https://github.com/miyaoka/gh-blog/issues Headless CMS はじめにHeadless CMSについて解説しておきます。旧来のAPI無しのWordPressのような一体型CMSではなく、コンテンツ管理部分を切り離してAPIでやりとりできるようにするのがHeadlessなCMSです。これによりフロントの実装やデプロイが疎結合になり、好きにできるようになります。 例としてCMSにContentful、デプロイにNetlifyを使う構成だとこんな感じになります。 参考） 次世代Headless CMS「contentful」事始め - Qiita Nuxt.js
フロントエンドでみた、情報系ブログとはてブの地獄メカニズム - エモくありたい
ブログ以外での活動をみていただければ理解いただけるかと思うが、私は普段はフロントエンドの界隈にいる。 そのなかで、ちかごろ界隈のインターネットが非常につらいと感じることが多々ある。 他の界隈でもそれなりは見られるが、特にフロントエンドで顕著にみられるその「つらい」傾向を完結にまとめてみた。 フロントエンド地獄インターネットのメカニズム 現状のフロントエンドをみていて複雑な気持ちになるパターンはおおよそ以下である。 全体的な地獄フロー 何かしら新しい技術が出てくる Qiitaはてブロ辺りでイケハヤみたいなタイトルの技術系エントリが投稿される バズる 使ってもいない人間がニコニコ動画のコメントみたいな発言をする 地獄になる 誰しもこういう流れをみたことはあるだろう。本当に複雑な気持ちになる人間が多いであろうと思っているため、この「気持ち悪さ」の何が悪いか、どうして起きるのかを自分なりにまとめて
JSer.info
JSer.info #761 - Node.js 20.20.0/22.22.0/24.13.0/25.3.0のセキュリティリリースが公開されました。 Node.js — Tuesday, January 13, 2026 Sec...
【総計５万はてブ！】QiitaのAdvent Calendarのはてブ数をNode.jsで集計してRactive.jsで表示する
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 総はてブ数: 50,681 総記事数: 3,818/5,350 テーマ数214 【完走✕】1位 Git はてブ数合計: 2018, 記事数: 22 【完走○】2位 Vim はてブ数合計: 1887, 記事数: 25 【完走✕】3位 クローラー／スクレイピング はてブ数合計: 1759, 記事数: 24 【完走✕】4位 Yahoo! JAPAN Tech はてブ数合計: 1700, 記事数: 22 【完走○】5位 Pepabo はてブ数合計: 1622, 記事数: 25 【完走○】6位 Webアプリエンジニア養成読本 はてブ数合計: 14
はてなブログ編集画面JSのページャ見どころ紹介 #pagernight - hitode909の日記
昨日，ページャNightという勉強会で，はてなブログのJSの見どころを紹介するLTをした．(昨日の日記)． 資料公開しようかと思ったのだけど，発表資料そのまま公開しても意味不明なので，エントリに書き直すことにした． たとえば，このLGTM画像は発表資料の1枚目で，もし発表資料をそのまま公開したら，こういう謎の画像を解説もないまま見ることになっていたはず． JSのページャいっぱいある はてなブログの編集画面には編集サイドバーというのがあって，写真とかAmazon検索とかTwitterとかinstagramとかあれこれ貼れるようになってる． Amazon検索しても画面遷移するわけじゃなくて，ウェブ2.0という感じで，XHRでJSONを取ってきて，HTMLを組み立てて表示，クリックすると選択，貼り付けを押すとエディタに挿入される，という仕組み． 編集サイドバーから貼れるサービスは10種類くらいあ
Tips - 静的リソースのURIに?をつけるべからず : 404 Blog Not Found
2014年03月14日20:00 カテゴリTipsCode Tips - 静的リソースのURIに?をつけるべからず Webを支える技術 HTTP、URI、HTML、そしてREST 山本陽平 であればなおのことこの実装はNG。 ブラウザのキャッシュを利用できれば、余分なリクエストを減らすことができます。はてなブログでは、なるべく長い間ブラウザにキャッシュを保存するために、JavaScriptなどの一部の種類のファイルのレスポンスに、以下のようなヘッダを指定しています。 はてなブログにおけるページ表示速度改善の取り組みについて - Hatena Developer BlogはてなブログではJavaScriptを配信する際には、上記のURLのように、?よりあとの部分にabc078624b2a746c618156847827166bのようなバージョンIDを付与しています。JavaScriptが変更
はてなブログが遅いのはだいたいJavaScriptのせい - もふぬこ動画☆画像
はてなブログって重いですよね～・・・ ブラウザ変えたら早くなるかなと思ってIE11、Firefox、Google Chromeで計測してみたけど、どれもそんなに差は出なくてどれも遅い（苦笑） いったい何が原因なのかなと調べていったら、JavaScriptのせいでした。 「もふぬこ戦記」のトップページを計測しました。 使用したのはGoogle Chromeのデベロッパーツール。 条件はJavaScriptオン、キャッシュオフです。 12.84秒でした。 次にキャッシュをオンにしてみます。 8.38秒です。 次にJavaScriptをオフ、キャッシュをオフにしてみます。 3.48秒！ キャッシュオンの場合・・・ 746ミリ秒 JavaScriptをオフにするだけでサクサク快適動作します！ 星つけたりできなくなるんですけど・・・（´～｀；） ・・・あれ？JavaScriptエラー出てる気がするけ
【B】 はてなブログをとことんカスタマイズ！新着記事をちょこっとだけ派手に見せる方法、の巻 - HSKぐうたらジャーナル
以前の記事で、ブログ記事を写真の一覧で見せるwebサービス 複眼RSSの使い方をご紹介させていただきました。 【B】 はてなブログに過去記事を写真で表示する、お手軽カンタンカスタマイズの巻 - HSKぐうたらジャーナル すごく手軽にブログの見た目を変えられるし、重宝していたのです…が。 ちょっと物足りないところがぽろぽろと出てくるように。 むー。困った。 だったら自分でコードを書いちゃおう！ というわけで、拙いながらもJavascriptとCSSを書いてみました。 今回ご紹介する方法は、ちょっと手間は掛かるのですが 次のようなメリットがあります。 記事タイトルが画像と一緒に表示されるので、どんな記事か想像しやすい 最新の記事を見つけやすい、”NEW”アイコンが付く 広告表示一切なし！ 所要時間は、本記事の設定をそのままコピペ！で約20分。 ガッツリとカスタマイズしたい！ という方にも、CS
デコもじ で はてなブログ をユルくする - kyabana's blog
デコもじ を はてなブログ に使うとなかなかユルくておもろい。 今はまだ記事ごとに同じjavascriptを仕込む必要があったり (そのうちいい感じになってくれるはず) 【追記：2012/01/18に機能追加されて、記事ごとにJavascriptを仕込む必要がなくなりました】 デコもじ がOpera非対応だったりとクセがあるけども 「トライアルプラン」ならば無料で利用できるし 鋭意開発中の はてなブログ を楽しむにはもってこいのアイテムだと思うので 設定の仕方などをまとめてみました。 ユルいめの文字でつらつらとお送りします。 会員登録 と サイト(ブログ)登録 デコもじ のトップページで「無料トライアル」をクリック。 会員登録に「はてなID」を使えます。ありがたいですね！はてなIDを入力。 ※はてなID以外でもデコもじ を利用できます。お好みのものを選びましょう。 メールアドレス/名前・フ
Paudio’s Blog – Protecting Brits from Scams
Putting your money online is no longer optional. From digital banking to online shopping and to entertainment, trusting websites with your personal and financial information has become a part of everyday life. However, with cybercrime steadily increasing in Canada, choosing the right websites has never been more important! In the first half of 2024, Canadians reported over 15,000 fraud incidents a
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
<code>や<pre>に書いたソースコードに色を付けるJavaScript | チバのブログ
HTMLやJS・PHPなど技術的な事をブログに書く時にどうしてもソースで説明しなければいけない時ってあります。 <pre>とか<code>とかを使ってマークアップするんですが、<pre><code>を使ってマークアップするだけで予約語に色がついた状態になるJavaScriptがグーグルにありました。他にも色々あったんですが、一番簡単そうなグーグルを選びました。 google-code-prettify 使い方 使い方は、READMEを読めばほぼわかると思いますが、英語なので日本語で簡単に説明します。 まずはgoogle-code-prettifyからjsファイルなどをダウンロードしてください。 ダウンロードしたファイルを解凍すると以下のファイルが入っているので、適当な場所にアップロードしましょう prettify.js prettify.css js/cssファイルの読み込み アップ
404 Blog Not Found:javascript CSS - google-code-prettifyの導入
2007年03月26日16:00 カテゴリAnnouncementLightweight Languages javascript+CSS - google-code-prettifyの導入 google-code-prettifyを本blogでも導入しました。 google-code-prettify - Google Code ex: 404 Blog Not Found:CGIの神話と現実 404 Blog Not Found:たらいを回すならHaskell cf: 404 Hatena::Diary not Found - [Hatena::Diary] スーパーpre記法のテスト ここでは、Livedoor Blogでの具体的な導入法を解説します。 必要なファイルの入手とインストール 以下のファイルを入手して、アクセスできるようにしておきます。 http://google-cod
はてなブックマーク数(users)のリンクをつくるブックマークレット - ぼくはまちちゃん！
こんにちはこんにちは！！ 最近よく、2chまとめサイトとかでも見かけませんか！ あの赤いやつ…！ これ → でもこのリンク、自分のブログ用につくるのは、ちょっとめんどくさいんだよね…。 なので簡単に作れるようにブックマークレットにしてみたよ！ (その１) ↑こんな感じで、普通にはてなブックマーク数のリンクをつくるタイプ javascript:void(function(r){prompt('','<a href="http://b.hatena.ne.jp/entry/'+r.replace(/#/g,'\u002523').replace(/^http(s{0,1}):\/\//,function(a,b){return b?'s/':''})+'"><img src="http://b.hatena.ne.jp/entry/image/'+r.replace(/#/g,'\u00252
素人がプログラミングを勉強するブログ
パート1: 英文法の話、時勢と動詞のニュアンスについてなど - 素人がプログラミングを勉強していたブログ パート2: 英文法の話パート2、to doとsomething to doの見分け方と使い方についてなど - 素人がプログラミングを勉強していたブログ 質問者 The rumor that he got married is false. The rumor that he heard is false. この違い javascripter The rumor of him having got married The rumor which he heard まあこれは明らかに違うな 質問者 前者はThe rumor = got marriedで後者はthe rumor≠he heeard 後者のthe rumorはheardの目的語でrumorを修飾しているから形容詞節で前者は＝で
トラックフィード - リンクが貼られたら瞬時に通知するアクセス解析ツール
Hondatoto Login # Link Game Alternatif Taruhan Togel Online Disini! Selamat datang di situs togel resmi HONDATOTO, Selalu ada untuk kamu 24 Jam penuh. Hiburan tidak akan ada titik jenuhnya sebab hasil kemenangan menjadi fokus utama bagi setiap pengincar jackpot paus. Tapi sebelum kita membahas bagaimana mencari jackpot lotto togel Honda Toto, ada baiknya pastikan akun taruhan kamu adalah buatan da
はてなスターをブログに設置するには - はてなスター日記
はてなスターは、はてなダイアリー、はてなグループでは自動的に表示されますが、それ以外のブログサービスでも、利用していただくことが可能です。ここでは、その方法と、はてなスターの仕組みについて解説します。 はてなスターでは、JavaScriptを利用しています。はてなスターの提供するJavaScriptファイルをご自分のブログのページ内で読み込むことで、ページの読み込み完了とともにそのJavaScriptが実行されます。JavaScriptでは、そのページに存在する記事とPermalink（記事ごとの固有のURL）を検出し、その記事につけられたスターの数をはてなスターのサーバに問い合わせます。そして、その結果と、星を追加する「Addボタン」ボタンをページ内に埋め込みます。 「Addボタン」が押された際にも、はてなスターのサーバに問い合わせが行われ、スターの情報が保存されます。 スターの数の表示
はてブの評判が丸分かり！ APIを使ってみよう (1/2)
Webサイトを運営していると、自分のサイトや記事の評判が気になることと思います。そんなとき、ネット上の評価を知るひとつの手段となるのが「はてなブックマーク」です。今回は、自分のWebページに、はてなブックマークのブックマーク数やコメントなどを表示する方法を紹介します。 JSONPでデータを取得できるAPI はてなブックマークは、外部からブックマークするなどの機能を実装するために、API（Application Programming Interface）を公開しています。それらAPIの1つに、「はてなブックマークエントリー情報取得API」があります。 これを使うと、個々のWebページに付けられたブックマークの情報を得られます。具体的には、以下のようなアドレスにアクセスすると、個々のWebページのブックマークの情報が、「JSON」（JavaScript Object Notation）形式の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
文字をなめらかにした - hitode909の日記
開いただけで自動的にスターがつく便利日記 - ぼくはまちちゃん！
