一番星はてのさんのファンアートをStable Diffusionに描いてもらった - FOXISM
この一番星はての開発ブログにて公式？の全身絵が2枚公開されたので、それを元にStable Dffusionでファンアートを生成してみました。 ファンアート描いてもらった いろんなモデルでプロンプトをいろいろ変えながら生成を続けて、1,000枚以上は出したんじゃないかな。その中からお気に入りをいくつか。…16個もありますけど…。 masterpiece, best quality, ultra-detailed,illustration, (cel animation, outlined vector graphics:1.4), 1girl, solo, light smile, cute, courteous girl, round face, 15 years old, (white blazer:1.5), sky blue eyes, drooping eyes, (gray ha
Discoverチョットワカッテキタ…気がしてたので覚え書き - FOXISM
GoogleのDiscover…GoogleのオススメだとかGoogle砲とも呼ばれるものですが、最近メインサイトのほうがよく載るようになってきました。 全部が全部載るわけではもちろんないのですが、「あ、これはきっと載る」というのがわかってきましたし、わりと載るための必要なもの…のようなものがわかってきたのでそれを書いてみようと思います。 Discoverについて 最近の載った記事やら数字やら 気づいたことあれこれ ある程度の規模は必要？ 最新の情報であること 同じ話題ならサイト規模が大きいほうが選ばれる？ SNSなどが重要 大きな画像で載るための条件2つ 記事の内容は多くの人が興味を持つもの まとめ まず、Discoverというのは先にも書いたとおりGoogleのオススメだとかGoogle砲とも呼ばれています。Androidスマホならホーム画面の左端のページがこれになっていることが多いで
Twitterで他人のツイートを自分のプロフィールに固定する方法 - FOXISM
Twitterでいろいろいじってたら、自分ではない他人のツイートを自分のプロフィールのトップに固定する方法を見つけました。実用性はあまりないと思いますが、紹介します。 まずは固定したいツイートをリツイートします。今回は有名な橋本環奈さんの「彼女とデートなう。に使っていいよ」を使いました。 彼女とデートなう。 に使っていいよ😆笑 ちなみにこの写真は高校からバスで帰ってる時です。卒業式の日かな〜🤔 友達から送られてきた写真見てたら、これを見つけました🙌 遅れて流行りに乗ってしまいました。笑 pic.twitter.com/xgA3c3CQuY — 橋本環奈 (@H_KANNA_0203) June 5, 2017 2.twilogで自分のページを開く 過去のツイートをブログ形式で保存・表示するtwilogというサービスがあります。 これの自分のページに行きます。https://twilo
1つのアイコンで2色設定できるアイコンフォントを使ってみる - FOXISM
アイコンフォントって便利ですけど、基本的にフォントなので1色しか使えないですよね。でもフォントファイルを工夫すれば2色使えるんじゃないかと思って試してみました。 元ネタ この辺を読んだのと、前々からモヤモヤ考えていたのをやってみた感じです。上の2つはどちらもSVGを使ってやっていますが、それを（わざわざ）アイコンフォントでやってみよう、と。 サンプル alarm_clock arrow_down arrow_left arrow_right arrow_up booknote camera cart clock coffee compass heart home image magnifier mail map pencil setting website こんな感じです。 仕組み アイコンを表示する部分のhtmlはよくある感じで <i class="icon2-image"></i> と
はてなドメインのブログがHTTPS化できるようになったので人気テーマの対応状況を再調査 - FOXISM
はてなブログにおいて、はてなが提供しているドメインを使用した全てのブログが、HTTPSで配信できるようになりました。2月末にはてなブログで人気のテーマについて、テーマとしての対応状況を調べました。今回、より多くのブログでHTTPS化できるようになったので、テーマについても再調査してみました。 2018.06.17 現在は、はてな側でテーマ内のコードを一部書き換えたのでほとんどのテーマで対応済みになっています。この記事のリストの中では「Material」のみが、非対応となっています。 MinimalismとBlankが対応 再調査の結果、前回混在コンテンツに引っかかっていたブログのうち、「Minimalism」と「Blank」については修正されているのを確認しました。この2つのテーマでは（テーマの素の状態であれば）ちゃんと「保護された通信」となります。 追加含め人気テーマ25種類の対応状況
はてなブログで人気のテーマ20種類のHTTPS化対応状況を調べてみる - FOXISM
先日はてなブログがHTTPS化に対応した事により、私のテストブログの1つもHTTPS化することができました。以前HTTPS化が発表された時に「はてなブログの人気テーマはHTTPS化に対応しているのか？（混在コンテンツに引っかからないか？）」と調べたのですが、それから時間も経ち、実際にHTTPS化できるようになったので、改めて調べてみました。 なお、これは2018年2月28日現在での状況であり、順番は適当です。また、スクリーンショット画像はPC版の全文形式ですが、一覧形式にしても変わりません。スマホ版はチェックしていません。 2018.06.17 現在は、はてな側でテーマ内のコードを一部書き換えたのでほとんどのテーマで対応済みになっています。この記事のリスの中では「Material」のみが、非対応となっています。 2018.04.17 はてなが提供しているドメインを使用した全てのブログがHT
はてなブログのHTTPS配信が始まったのでやってみた ※このブログはまだできない - FOXISM
2月22日、にゃんにゃんの日に、はてなブログの一部で「ブログをHTTPSで配信できる仕組み」が提供開始されました。私の開設しているブログの中でも1つだけHTTPS化できるようになっていたので試してみました。 対象となるブログの範囲は順次広がっていくそうです。 HTTPS化できるか確認 はてなブログProでは10個のブログを開設できます。私はそのうち7個を開設済みでしたが、そのうちHTTPS化の対象となっているのは1つだけでした。古いものでもないし頻繁に更新しているものでもありません。どういう基準なのかはわからないのですが、けっこう絞られていますね。 HTTPS化できるかどうかは、はてなブログのダッシュボードから確認できます。「設定」→「詳細設定」と進むと、中に「HTTPS配信」という項目が加わっています。そこの「HTTPS配信の状況を確認する」をクリックします。 まだ対象外の場合は「HTT
はてなブログのhttps化に向けてユーザーが準備しておくこと - FOXISM
はてなブログのhttps化に向けた案内が出ましたが、その文章に対して具体的にどういった準備をしたらいいのかわからないというような方がチラホラいるようなので、準備（修正）しておいた方がいいことを書いてみます。 とは言え、私も専門的な知識を持っているわけではなく、あくまではてなの案内記事からわかったことのみです。何か間違っていたり足りなかったりしたら教えてください。 https化までの段階 第一段階：はてなブログのダッシュボード・管理画面をHTTPS化 第二段階：はてなが提供するドメインのブログをHTTPSで配信できるように 第三段階：独自ドメインのHTTPS化に対応 事前に準備しておくべきこと（混在コンテンツ） 具体的な対象 混在コンテンツを修正する方法 記事内のコードを確認・修正 1. 修正対象記事を検索 2. 該当箇所を検索 3. 該当箇所を修正 ウクレレ記法 ブログカード 使用している
関連記事と記事下の順番を変えたり、いろいろカスタマイズ - FOXISM
はてなブログに自動で「関連記事」が表示され始めたので、前回サラッと見てみました。それで、その時は「関連記事が記事本文の直下にあって使いにくい、カスタマイズした記事下と入れ替えたい」みたいに書きましたが、あっさりできたので共有します。 記事下と順番を入れ替える css ちょっと細かい解説 記事下の要素の間に入れる html css ちょっと細かい解説 そのほかのカスタマイズ 2列にする ○○を非表示にする サムネイルを消す 日付を消す 冒頭文を消す リストの5番目を消す 「関連記事」の表示を別の名前にする サムネイルを大きくする まとめ 記事下と順番を入れ替える 通常は「本文」→「関連記事」→「カスタマイズした記事下」の順番になりますが、これを「本文」→「カスタマイズした記事下」→「関連記事」とひっくり返します。cssだけで簡単にできます。 css .customized-footer{ d
はてなブログで別記事内に書いたテンプレート文を呼び出して記事中に埋め込む方法 - FOXISM
ブログ記事を書いていると稀に、ほかのファイルにテンプレートとなるものを書いておいて、それを呼び出して記事中に埋め込みたい時があります。複数の記事から同じテンプレート文を呼び出して使い、修正が必要な時はテンプレートの元文章を直せば、その1箇所だけで済むというものです。案外すんなりと実現できたので書いておきます。 具体的な使用例 例えばどこか旅行に行って、その旅行記をシリーズで書いていくとします。独自のカテゴリを作ればそれで関連記事をまとめることはできますが、そこまででもない時に使います。 同じ旅行の別記事へ飛べるようなリンクの一覧を各記事に付けておけば、サイト内で回遊してくれるのでpvが増えます。読者的にも便利でしょう。しかし記事が増えるたびに旅行記の各記事を1つ1つ修正修正していくのは大変です。なのでそれをテンプレートとして保存し、各記事では呼び出すだけにすれば、修正するのは1箇所で済みま
野ノ尾盛夏（サクラダリセット）のスマホ機種を特定してみる - FOXISM
dアニメストア サクラダリセット 第3話「CAT, GHOST and REVOLUTION SUNDAY 1/2」より ©河野裕・椎名優 /KADOKAWA/アニメ「サクラダリセット」製作委員会 サクラダリセットに登場する登場人物「野ノ尾盛夏」、彼女がアニメ版にてスマホを使用しているシーンがあったので、その機種を特定してみました。といっても実際に特定してくれたのは私ではないのですが。 Qua Phone KYV37 野ノ尾盛夏が使用しているスマホは、auから出ている京セラ製の「Qua Phone KYV37」だと思われます。アニメ第3話19:20くらいに大きく出てきます。（最初の画像はその時のものです。） 背面の一部しか見えませんが、そのカメラ部分、上からレンズ・フラッシュ・FeliCaマークと縦に並んでおり、それらが四角くひとまとめになっているのが特徴的です。Qua Phone KYV
cssで作るシェアボタンのデザインパターン36種類 - FOXISM
cssで作るシェアボタンのデザインパターンをたくさん考えてみました。とりあえずシェア数の表示がない、単純なボタンとして36種類あります。（色違いなども若干含みます。） 記述するhtmlはどれも同じようなものですが、一部微妙に異なるものもあります。基本的にはcssだけでデザインを決めています。アイコンフォントに関してもcssだけでほとんどやっていますが、そのコードは省略していますのでソースを見てください。 コピペでもだいたい使えると思いますが、それぞれ微調整が必要なものもあると思います。なのでコピペだけでなく自分のサイトに合わせて調整できるcss中級者以上向けですね。スマホ表示も考えてないし。（スマホで見ると崩れてるやんwと思う人はこの記事の対象外です。） というか、ローカルなhtmlで作っていたものをここにコピペしたらうまく動かないものやフォントが反映されていないものがありました。面倒なの
はてなブログでアイキャッチ画像を使って「この記事が気に入ったらフォロー」を設置 - FOXISM
以前からこのブログでは記事下に「この記事が気に入ったらいいね」のいいねボタンを読者登録などのフォローボタンにしたものを使っていました。これは記事の画像に「その記事の最初の画像」を使っていたのですが、これを「アイキャッチとして設定された画像」に変更しました。 追記（2018.03.17） Feedlyの部分のコードを少し修正しました。ついでにボタン部分のテキストに下線がつかないようにしました。（.iine-icon a{text-decoration:none;}のところ。） 以前のものと新しいものの比較 これが以前の「この記事が気に入ったらフォロー」です。 こちらが新しい「この記事が気に入ったらフォロー」です。 …ぶっちゃけ、見た目はほとんど変わっていません。ただし、表示している画像は「記事の最初の画像」から「アイキャッチとして設定された画像」に変わっています。私の記事はいつもアイキャッチ
はてなブログのcssをDropboxに保存して編集しやすくしよう - FOXISM
はてなブログのcssをカスタマイズする時、デザイン設定から編集しますが、これがなかなか使いにくいです。そこで、cssファイルをDropboxに保存し、それを読み込ませるようにすることで編集しやすくできます。 css編集ボックスは使いにくい 1.共有リンクを取得 2.headに要素を追加 Publicフォルダではなく共有リンク Dropboxに置くことのデメリット まとめ css編集ボックスは使いにくい 通常はデザイン設定のデザインcssにcssを追加して編集します。ただここは狭いしフォントは小さいし、使いにくいんですよね。できればPC上で使い慣れたテキストエディタを使って編集したいところです。そこで、Dropbox上にcssファイルを保存して、はてなブログからそれを参照するようにします。 1.共有リンクを取得 まずはDropbox上にcssファイルを作成して保存します。保存する場所はどこで
はてなブログテーマ「ZENO-TEAL」をテーマストアに投稿しました - FOXISM
以前より何回か書いていた、はてなブログ用の公開テーマ「ZENO-TEAL」をテーマストアに投稿しました。問題なければインストールできるようになっているはずです。
100円ショップでもOK！物撮りの背景に「使える」敷物いろいろ - FOXISM
前回の記事でも少し書きましたが、レビュー品などの記事を書くとき、その写真は重要です。真っ白な背景もいいですが、何か邪魔にならない程度の柄があったほうがいい場面もあります。今回は私が物撮りに使っている、モノの下に敷くものを紹介します。
はてなブログでふい字が使えたのでメモ風cssを作ってみた - FOXISM
ほかにもタイトルだけで使っているといった限定的な使い方をしているものもあります。で、これらのcssを確認したところ、たしかにはてなブログに「ふい字」があるようです。 ふい字の使い方 cssに以下を追加すればふい字を使えます。 @font-face{ font-family:HuiFontP109; src:url(/fonts/public/HuiFont/HuiFontP109.eot); src: url(/fonts/public/HuiFont/HuiFontP109.eot?#iefix) format('embedded-opentype'), url(/fonts/public/HuiFont/HuiFontP109.woff) format('woff'), url(/fonts/public/HuiFont/HuiFontP109.ttf) format('truetyp
はてなブログの画像が勝手にリサイズされたりしてけっこう面倒だという話 - FOXISM
ちょっとしたことからはてなブログの画像挿入に関して変な仕様に気づきました。ヘルプなど見ればちゃんと書いてあるみたいなんですが、まぁ読んでみてもちょっと面倒だなーと。 きっかけは他のブロガーの記事 まず気づいたきっかけですが、はてブの新着エントリー経由で以下の記事を読んだことでした。 www.zakkiblog.net 話の内容はブログ記事に使う画像は圧縮しましょうということでOptimizillaというオンラインイメージ最適化ツールを使うというものでした。たしかにクオリティを犠牲にしない程度に、できるだけ圧縮しておきたいところです。 ただ、文中で圧縮については言及してたけどリサイズについては言及されてなかったんですね。圧縮はしてもブログで横幅3000ピクセルの画像とか使ってたらダメだよなぁ…と思ってチェックしてみました。 んん？「472KBが57KBに」とのことでしたが、400KBになって
格安SIMも積もれば月額利用料金はこうなる - FOXISM
この記事でも分かるように、私はかなり大量の格安SIMを個人で契約しています。これまであまり考えないようにしてきたのですが、合計の月額料金がどうなっているのか、調べてみました。 今現在契約している格安SIMは20種類22枚 こういった格安SIMの速度比較は2015年3月くらいからやっているのですが、徐々に枚数が増えて現在は20種類22枚のSIMを契約しています。まぁそれだけ扱うMVNOも増えていますしね。 格安SIMの料金競争はもう随分前に収束しましたが、なんだかんだで3GB1,000円程度というのが1つの目安でした。それよりも少ない容量低料金のプランもあるところはありますが、各社共通というとだいたい3GB/約1,000円です。これだけなら安く感じますよね。1つ増えてもたかが1,000円です。そうやって調子に乗ってたら いつのまにか20枚も契約してました…。 契約しているSIMとプラン及び料
やっぱり大好き！はてなのサービスをまとめてみた - FOXISM
今や仕事でもプライベートでも多く利用していて手放せないはてなのツールやサービスですが、どれだけあるのかまとめてみました。 はてなのサービスはd.hatena.ne.jpのようにアルファベット1文字が最初につくのが多いので、その順番にご紹介します。すでに終了したサービスも載せています。 a) はてなアンテナ http://a.hatena.ne.jp/ 気になるサイトの更新状況をあなたの代わりにまとめてチェックしてくれる便利ツールです。rss配信していないページでも登録できるので私は昔からこれ一筋です。 anond) はてな匿名ダイアリー http://anond.hatelabo.jp/ 匿名で日記を書くことのできるサービスです。アノニマス・ダイアリーということで、サービスのことを増田、執筆者のことを元増田などと呼ぶこともあります。正式サービスではなく、はてラボの実験サービスの1つ。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
