なんか今日は2がいっぱいあるので @syakejs と入籍しました。 以下例のリンクですhttps://t.co/dnzQMbvxdu pic.twitter.com/FrEcrOGUAz— ヌー (@mizchi) 2020年2月21日 私事ですが(と個人ブログでいうのもなんですが)、syakejs:(blog) と結婚しました。彼女は Webエンジニアだったり、大学でセキュリティの研究をしてたりしています。競プロやCTFもやってるらしいです。 話を聞いてみると、昔から僕のブログやTwitterをみていたファン？だったらしいのですが、最近なんやかんやあってコンバージョンしました。 入籍いつしよっかーという話になって、西暦2020年(令和2年)2月22日というゴロがよかったので、この日に決めました。 なにかしたからと言って別段何かが変わるというわけではなく、これからも普段どおりやっていくの
どうも！フジグチです！ ブログのカスタマイズを進めていく中で一度は使いたくなるのが、「アイコン」ですよね。 はてなブログではデフォルトで読み込まれている「アイコンフォント」があります。 例えば とか とか。 これをCSSで装飾していくと、フォローボタンやシェアボタンを作ることができます。 はてなブログではこうしたアイコンフォントが125種類用意されています（2021/6/7 時点） カスタマイズを公開している都合上アイコンフォントをよく使うのですが、自分で用意したほうが使い勝手が良さそうなので、今回まとめてみました。 この記事の特徴 アイコンを大きく表示しているので探しやすい アイコンをクリックしてコードをコピーできる 使いたい形式に合わせてコードも付与できる アイコンフォントの使い方 HTMLで使用する方法 大きく表示したい場合 見たまま編集で使用する際の注意点 CSSの疑似要素で表示す
すぐ使える！はてなブログ向けアイコン一覧 こちらでははてなブログの標準機能で利用できるアイコンを一覧にしています。 お好みのものを見つけてみてください。 HTMLコードの書き方 HTML編集で下記のコードを追加してください。 <i class="クラス名"></i> 最初のアイコンを表示するには <i class="blogicon-hatenablog"></i> と書きます。 CSSコードの書き方 CSS編集で下記のコードを追加してください。 (クラスまたはID):before{ font-family:blogicon; content:"\(コード)" カテゴリ名の前に最初のアイコンを表示するには .categories:before{ font-family:blogicon; content:"\f000" と書きます。 ↓はてなブログのCSS編集方法はこちら↓ www.biz
はてなブログ｜無料で使える100種類超のアイコンフォント素材の使い方 - Simple Life Navi
こんにちは。シンプルライフナビです🌿 ブログでデザインアイコンを使ってみたいと思ったことはありませんか？ 私のブログでは無料で使えるアイコンフォントを一部利用しています。 そこで、はてなブログユーザーが標準で使える、はてなブログのアイコンフォントの使い方を記事にしました。 この記事のオススメ対象 はてなブログユーザーにオススメです。 はてなブログでは、外部のフォントを読み込まなくても標準で使えるアイコンフォントが備わっています。 ぜひ使ってみましょう！ 例えば、このページの左上の方にある「 トップ」というところや日付の前の時計マークなどにアイコンフォントを使用しています。 アイコンがあると文字だけよりもイメージしやすく、わかりやすく感じますよね😄 ブログのデザインカスタマイズや表現の修正をしようとお考えの場合などに、参考にしていただけると幸いです。 はてなブログユーザーならアイコンフォ
私：「あぁぁ～、早く日本に帰りたいね！日本、最高だよねぇ。」 子：「うん、早く帰りたい！飛行機乗るの楽しみ！」 という会話が繰り返される、今日この頃。 子供たちとの会話を振り返って、反省することがある。 それは、「私、子どもに日本愛を押し付けてる？」ということ。 だいたい、「帰る」という言葉がふさわしくない。私たちの生活拠点は、カナダだ。 「日本が最高」というのも私の価値観。しかも、かなり抽象的。何をもって最高と言えるのか、子供たちも聞いてこない。 きっと私が言いすぎて、子供たちの脳内には、「日本＝最高」という公式が出来上がっているのだ。 私もそれを反省する瞬間があるのだが、それでも日本を絶賛する言葉が止まらない。子供たちも、常に賛同してくれるけれど、幼い頃から聞き続けてきた私の言葉に、洗脳されているだけかもしれない。 先日、親戚の家にお邪魔していた時のこと。子供たちの叔母が、「日本の何が
【はてなブログ】ブログアイコン、Webフォント一覧（124種類）使い方、表示されない時の対処法 - バンビの初心者ブログ教室
はてなブログで標準で使えるアイコンフォント（Webフォント）とその使い方を紹介します。 ↓↓これぜんぶ！ダウンロードしなくても使えます！！ グローバルメニューや、ブログ中のちょっとしたポイントなどを示したい時にアイコンを使うと目立ちますよね。 ポイントを目立たせたい時 ↓↓ ポイント スマホのボトムメニュー ↓↓（ボトムメニューのCSSはこちら） SNSのシェアボタンなどをつくるのにも使えます！ この記事では、上記のようなWebアイコンをはてなブログの中で使う方法やコピペでできるコード、また上手く表示されない場合の対処法などを紹介しますので、ぜひご参考にしてください。 アイコンは、Font Awesome などを外部から読み込む方法もありますが、はてなブログでは120種類ほどのオリジナルのWEBフォントをデフォルトで読み込んでいます。 これらのフォントであれば、外部から読み込むよりページが
【ブログカスタマイズ】「はてなブログ」のアイコンフォントの種類・使い方を解説｜グローバルメニューにおすすめ - redoブログ
今回は「はてなブログ」でデフォルトで使えるとても便利な”アイコンフォント”の表示方法を紹介したいと思います。 アイコンフォントを使いこなすとはてなブログの見た目がオシャレになり、見栄えもよくなります。 毎年はてなブログで使えるアイコンフォントは増えており、昨年から「DAZN」など6種類増えて、"合計123種類”になっています。 私のTOPページのグローバルメニューに以下の様なアイコンフォントを追加しています。 今回は最もカンタンな”はてなブログのアイコンフォント”の使い方と種類を紹介します。 アイコンフォントの使い方 アイコンフォントのサイズを変えたい場合 はてなブログアイコンフォント一覧 まとめ アイコンフォントの使い方 このアイコンフォントを使う時は、タグを使って、”HTML”上で下記のように記入します。 <i class="クラス名"></i> すると上の様に”クラス名”にあわせて色
はてなブログで使えるアイコンフォント一覧【全122種】2020年9月時点 - Takeuchi BLOG
・はてなブログで使えるアイコンフォントの使い方を知りたい。 ・はてなブログで使えるアイコンフォントの一覧を見たい。 こういった疑問に答えます。 本記事の内容 はてなブログで使えるアイコンフォント(blogicon)の一覧をまとめました（全122種） はてなブログのアイコンフォント(blogicon)の使い方 この記事を書いている私は、2006年から始めて、アフィリエイト歴は13年ほど。 当ブログの他にも複数ブログを運営していて、毎月コンスタントに収益が発生しています。 こういった私が、解説していきます。 本記事の内容 はてなブログのデフォルトで使えるアイコンフォント(blogicon)について はてなブログで使えるアイコンフォント(blogicon)の一覧まとめ（全122種）【2020年9月時点】 はてなブログのアイコンフォント(blogicon)の使い方 HTMLの中で、iタグを使う場合
サードパーティクッキー問題で、スターつけるのが面倒になっちゃうのは何とかなりませんか… - keroyonの『続・日々精進』日記
サードパーティクッキーがオフになっていると、スターつけるのが面倒じゃないですか…。 ＜目次＞ はてなのサードパーティクッキーオフ問題 自分はどうなのよ？ 対策…してみたけど Chromeの設定「SameSite by default cookies」を「Disable」に。 …お願い… はてなのサードパーティクッキーオフ問題 最近、読みに行くいくつかのサイトで「こんなの出るなぁ」と思っていたのですが…。 スターをつけるときに、スターボタンを押すと、スターがつかないだけでなく、 本来のスターのボタンと、このウィンドウの「AddStar」ボタンを押す必要があるのです。←マスクドニシオカ(id:maskednishioka) さんのサイトのスクショいただきました。勝手にすみません 1スターにつき2クリック。３スターだと6クリック。 反応が悪い時は、２つで離脱…って、くじけそうになります…。ｺﾞﾒ
おじさんになっても常に「価値観のアップデート」をし続けなきゃいけない社会って、やっぱりキツいのでは - あままこのブログ
b.hatena.ne.jp なんか結構燃え上がってるようで。 呼称問題というのは以前から結構ジェンダー界隈では話題になっていた問題であって、過去にはこんな記事もあったりします。 news.yahoo.co.jp 僕は、基本的には、家父長制を前提にした「ご主人」とか「嫁」みたいな言葉は、単純に「それを不快に思う人も居るんだから」という理由から使わないようにすべきで、特に人と接することが業務の一部である仕事については、それこそ↓のデパートなどのように、会社側が「そういう呼称は好ましくないです」と指導すべきだと思います。 話は盛大にズレていくんだが私のいた某百貨店だと、お客様の発言からそれとはっきり分かるまでは連れの異性を「ご主人様」「奥様」「お嬢様」等と属性で呼ぶな、と言われていた。娘のような妻、妻のような上司、旦那のような愛人、息子のような部下、何もかも有り得るから、と。— 九曜 (@na
皆さんは普段、WEBでAPIを作っていますでしょうか？ 最近はリッチなUIやスマートフォンアプリの開発が当たり前になってきたので、 APIを作ることが多いのではないでしょうか。 APIの開発を楽にするために、GraphQLを使ってみませんか？ 現状のAPI開発の悩み 現在APIを作るときは、REST設計で開発を行うことが多いと思います。 実際開発中に以下のような悩みを持ったことはないでしょうか？ API多すぎ 仕様がよく変わる ドキュメントがメンテできない もうRESTのAPI作るの飽きたよ… そんなあなたにぜひGraphQLを！ GraphQLを使えば楽しいAPI開発が待っているかも！ GraphQLって何？ 答: A query language for your API. (出典: GraphQL ) 以上です！(^o^) ……要するに、SQLみたいにクエリを書いて、サーバにリクエス
【2021年最新版全116種類】初心者でも超簡単！はてなブログのアイコンフォントの使い方。<i class>で表示できない方も。【コピペOK・CSSいらず】 - 30分集中のすゝめ
メニューや記事の中に「」こういうアイコンがあるの、見たことありますよね？ これ、とっても簡単に使えるので、是非使い方を覚えてブログに彩りを加えてみてください♪ 初心者でも分かりやすい解説を心がけるので、是非最後までご覧ください！ １．アイコンフォント の使い方 使い方はとっても簡単。 記事の「HTML編集」をクリックして、アイコンを挿入したいところに <tt class="クラス名"></tt> を挿入するだけです！ 「クラス名」のところにはお好きな種類のアイコンを入れます。 例えば、家のマーク「」が入れたければ <tt class="blogicon-home"></tt> とすればOKです。 クラス名は最後に一覧を載せているので、好きなものを選んでください。 ２．サイズを大きくする方法 サイズが小さくて見にくい！という場合には大きくして表示するやり方があります。 クラス名の後に半角スペ
はてなブログでは、122種類のアイコン素材がデフォルトでCSSに用意されており、いつでも使うことができます。 すでに多くの方がその種類や使い方について記事をまとめておられますが、さらに理解を深めるため改めて調べてみることにしました。 くろネコなりの考察も入れておきますので、備忘録としてまとめておきます。 アイコン素材一覧 アイコン素材の仕組み HTML CSS アイコン素材を活用するために pタグに指定しても使える アイコンのデザインが影響する 自分でCSSを用意する 文章中に差し込むとき まとめ スポンサーリンク アイコン素材一覧 まずは、はてなブログにデフォルトで使えるアイコン素材の一覧を掲載しておきます。 No アイコン クラス名 コード 1 blogicon-hatenablog "\f000" 2 blogicon-plus "\f001" 3 blogicon-minus "\
ご無沙汰しております。 かれこれ前の記事が６ヶ月前という事実上の失踪と言って過言ではない状態ですが こちらのブログは無理せずマイペースにやっていこうと思います。 とは言え、放置しすぎると戻りづらそうなので 生存報告がてら適当なものを見繕って苦し紛れに記事にしたいと思います。 デバッグログのイベントを自前でハンドルしたい方は この記事の一番最後「自前でデバッグログイベントを拾う方法」を御覧ください。 今回の駄作 前回の記事、「uGUIのGridLayoutGroupで子要素を使い回し」で AddStarしてくださった方がいらっしゃったので その使い回しリストを使ってデバッグ用のログウィンドウを作ってみました。 ついでに、以前お仕事でご一緒したエンジニアさんの案だったのですが デバッグコマンドの入力が地味に便利だったので 自分でも作ってみることにしてみました。 今回の成果物はUnityPack
はてなブログのWebアイコンフォントは、公式に掲載がないので使いたいとき用に、一覧表を作ることにしました。 Webアイコンフォントについて Webアイコンフォントの使い方 HTMLで使用する方法 CSSで表示する方法 はてなブログのWebアイコンフォント一覧 使う可能性が高いアイコンフォントのピックアップ Webアイコンフォントについて Webアイコンフォントは 「管理画面」→「 デザイン」→「 カスタマイズ」 →「 デザインCSS」 こんな風に説明する時や、グローバルメニューに使えて便利。 Webアイコンフォントは「Font Awesome」が有名。「Font Awesome」は外部からの読み込みになるのでページが若干重くなる はてなブログにはデフォルトで読み込まれている独自の「Webアイコンフォント」がある なるべくならページの読み込みは軽くしたいですよね！ 「Font Awesome
はじめに サンプルのポートフォワードのフック Pythonでリライトしたポートフォワードのフック 動作確認 参考 はじめに 以前の記事で書いたlibvirtのフックを利用して、NATでポートフォワードする方法を示す。 古いブログなどではiptables-save/iptables-restoreを利用してポートフォワードの設定を永続化している例もあるが、フックを使う方式が正しいと思われる。 サンプルのポートフォワードのフック まずは、libvirtのドキュメントにサンプル掲載されている、ポートフォワードのフックを示す。 サンプルなので仕方がないが、このままだとポートフォワードの設定を変更するたびにスクリプトの変更が必要になる。 #!/bin/bash # IMPORTANT: Change the "VM NAME" string to match your actual VM Name.
Vim: todo.txt
todo.txt For Vim version 9.1. Last change: 2024 Mar 28 VIM REFERENCE MANUAL by Bram Moolenaar TODO list for Vim todo This is a veeeery long list of known bugs, current work and desired improvements. To make it a little bit accessible, the older items are grouped by subject. In the first column of the line a classification is used to be able to look for "the next thing to do": Priority classificati
【はてなブログ】誰でも出来る方法でアイコンフォント122種表示 - ぶろぐライフ～パソコン苦手なブログ初心者さんを全力でサポート～
【ブログ】は『読み手ファースト』を意識して書きますがもっと見やすくする方法を探していますか。 内容が一番肝心ですが、邪魔にならない小さな存在の【 アイコン】を付けると目と引く事ができますよ。 この記事では【 はてなブログ】に標準で用意されたアイコン用のフォントを初心者さんでも表示できる方法をお届けします。 【CSS】を使えば高度な事も可能ですが、ココではCSSは使わず直接【HTML編集】に打ち込む事でアイコンとして表示される内容となっています。 とか とか とか ちょっと可愛くもありオシャレでもあり愛着が湧きますね。 【はてなブログ】誰でも出来るアイコンフォント表示 タグを貼り付ける場所 アイコンの色とサイズ変更 アイコンフォント122種類一覧 【はてなブログ】アイコンフォント122種表示まとめ - スポンサーリンク - 【はてなブログ】誰でも出来るアイコンフォント表示 【文字色】を変
新卒で同期入社した2人の中堅エンジニアが、テック・キャリア・ライフなどのカテゴリをテーマに話していきます。週2回くらいのペースで配信予定。よく話すテーマ→Twitterトレンド、面白いWebサービス、資産運用、健康、仕事術、ライフハック、働き方、転職、新卒の会社（IBM）、個人開発、SIer、UIUX、個人事業 etc... ご質問ご感想はこちらから！（100%回答します！） https://peing.net/ja/9045551273053f#question-form --- LISTENはこちらから https://listen.style/p/tcfm?LwUpLmTR https://podcasters.spotify.com/pod/show/try-catch 0 && (Math.floor(this.time / 30) != Math.floor(this.last
コメディエンヌの日々の泡
0 && (Math.floor(this.time / 30) != Math.floor(this.lastPosition / 30))) { this.lastPosition = this.time; $wire.updatePosition(this.time); } }, updateTime(t, update = true) { if (t < 0) { t = 0; } else if (this.player.duration < t) { t = this.player.duration - 1; } this.time = t; this.player.currentTime = t; if (update) { this.updatePosition(); } }, ensureOnlyOneEpisodePlaying() { this.players.for
LaravelでGraphQLを使うために学んだメモ
GraphQLとは 概要 GraphQLは仕様 GraphQLは言語 GraphQLはサービス 情報のグラフ構造に着目してクエリ言語を用いて情報を操作しようという考え方。 クライアント/サーバー通信のための言語仕様でもある。 GraphQLはRESTの代替品ではない GraphQLは翻訳者である。 GrapQLはWebが発達するにつれてRESTが適合しない状況が出てきたため、誕生した。 GraphQLとRESTを同等と誤解する図 GraphQLはインターフェースであり、RESTの代替ではない。 RESTからデータを取ってくるようにできるし、DBからデータを取ってくるようにもできる。 GraphQLの実体図 RESTとの比較 エンドポイント数が増えない クライアント側から見ると/graphql だけである バージョン管理が必要ない 常にクライアント側からは同じバージョンに見える パフォーマン
tanaken on Rails
0 && (Math.floor(this.time / 30) != Math.floor(this.lastPosition / 30))) { this.lastPosition = this.time; $wire.updatePosition(this.time); } }, updateTime(t, update = true) { if (t < 0) { t = 0; } else if (this.player.duration < t) { t = this.player.duration - 1; } this.time = t; this.player.currentTime = t; if (update) { this.updatePosition(); } }, ensureOnlyOneEpisodePlaying() { this.players.for
「GraphQL」徹底入門 ─ RESTとの比較、API・フロント双方の実装から学ぶ｜ハイクラス転職・求人情報サイト AMBI（アンビ）
scalar型を新しく定義するためにはscalarキーワードを使います。例えば、Date型を新しく定義するには次のようにします。 scalar Date スキーマではこれだけですが、実際に使う際はGraphQL処理系に対してさらにシリアライズとデシリアライズを定義することになります。 GraphQL組み込みのscalar型は先にあげたものだけなので、例えばバイナリ、日付と時刻、HTML/XML、BigIntなどを必要に応じて追加することになるでしょう。ただしその場合、サーバーサイドとクライアントサイドでシリアライズ・デシリアライズの実装を一致させる必要があります。 Enum enum（イナム）はscalar型の一種で、特定の値のみを持つ型です。例えば、組み込みscalar型であるBooleanをenumで宣言すると次のようになるでしょう。 enum Boolean { true false
クリエイターエコノミーニュース
クリエイターやインフルエンサーの未来を考える部屋です。複雑なネット界隈のニュースを元大学講師がわかりやすく、AIパーソナリティとゆるく語ります。https://creator.theletter.jp/ https://stand.fm/channels/5e6f4ccd81d4e84e1f20fc54 0 && (Math.floor(this.time / 30) != Math.floor(this.lastPosition / 30))) { this.lastPosition = this.time; $wire.updatePosition(this.time); } }, updateTime(t, update = true) { if (t < 0) { t = 0; } else if (this.player.duration < t) { t = this.play
近藤淳也のアンノウンラジオ
株式会社はてな創業者であり現在もITの第一線で働く近藤淳也が、京都の宿UNKNOWN KYOTOにやって来る「好きなことを仕事にしている人」を深堀りすることで、世の中の多様な仕事やキャリア、生き方・働き方を「リアルな実例」として紐解いていきます。 . 【ホスト：近藤淳也】 株式会社OND代表取締役社長、株式会社はてな取締役、UNKNOWN KYOTO支配人、NPO法人滋賀一周トレイル代表理事、トレイルランナー。 2001年に「はてなブログ」「はてなブックマーク」などを運営する株式会社はてなを創業、2011年にマザーズにて上場。その後2017年に株式会社ONDを設立し、現在もITの第一線で働く。 株式会社OND: https://ond-inc.com/ . 【UNKNOWN KYOTO】 築100年を超える元遊郭建築を改装し、仕事もできて暮らせる宿に。コワーキングやオフィスを併設することで
rel.ax
”rel.ax” リラックスは、AX・AI関連の旬な話題をお届けするポッドキャストです。AXとはAI eXperience & AI Transformation、二つのAXを意味しています。このポッドキャス運営元の、くふうAIスタジオは”AXで暮らしにひらめきを”をビジョンに活動している会社です Listen でも配信を予定しています。 https://listen.style/p/relax?qMEMJDvx https://kufu.ai/ 0 && (Math.floor(this.time / 30) != Math.floor(this.lastPosition / 30))) { this.lastPosition = this.time; $wire.updatePosition(this.time); } }, updateTime(t, update = true) {
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
報告: 結婚しました - mizchi's blog
はてなブログで使えるアイコンフォント全125種-コードを追加してワンクリックでコピー！ - フジブロっ！
すぐ使える！はてなブログ向けアイコン一覧 - Change Forward
魂を親に管理させるな ～愛国心の行方 - まれにいいこと
GraphQLをはじめよう！ - UUUMエンジニアブログ
HTML/CSS｜はてなブログのアイコン素材の使い方についての考察 - くろネコのんびりブログ
Unityでオリジナルデバッグコンソールウィンドウを作ろう - SprFieldBlog
【一覧表】はてなブログのアイコンフォントでブログの見やすさを向上させよう！ - みにまる。
KVM環境のNATでポートフォワード - Jaybanuan's Blog
エンジニア視点でライフハックするためのラジオ | TRY-CATCH FM