「スタイルシート」を含む日記 RSS

はてなキーワード: スタイルシートとは

2020-05-26

anond:20200526082419

スタイルシートで遊ぶキッズがたまに現れるというだけだよ

今んとこ目立ったり驚かせたりするくらいで害の少ないことしかやってないけど

もっと悪質なことはやろうとすればできるからそのうち怒られると思う

2020-05-04

anond:20200504011714

スタイルシートhtmlタグに関連はあるのか?

Bigなんて古いタグを使ってる方が跳ねられそうだけど。

2020-04-26

なんか知らないけど朝日新聞デジタルが重い。ページは読み込まれてもスタイルシート適用されない。

2020-03-25

anond:20200325173840

自分ブログに書くより増田に書いた方が見られるやん? スパムもそんな感じなんじゃないかな。

自分コンパクト増田NG ワードに即追加するのであまり見かけない。機械的なやつしか来ないし機械的に弾いたらいいんじゃない拡張を入れるの嫌だったらユーザスタイルシートでもなんとかなりそうだし。

2020-01-11

モバイルスタイルシートが前の奴に戻った気がする

気のせいだった

サーバー負荷のせいか

2020-01-09

増田モバイルスタイルシート変わったな

え、見づらくない?

投稿投稿の間を詰めすぎでは

2018-11-06

javaにも負けず

javaにも負けず

Cにも負けず

javascriptにもPythonの難しさにも負けぬ丈夫な頭を持ち

欲はあり

決していからず

いつも静かに笑っている


一日に一時間RubySwiftと少しのPHPをやり

あらゆることを

自分勘定にもちろん入れて よく見聞きし分かり

そして忘れる


実家の二階の自分の部屋の小さな一角の隅にいて

東にサイトUIあればアレ拡張機能欲しいと言い

西にプログラマー募集あれば行ってやりたいと叫び

南に酷いUIあればスタイルシート独自に変更を加え

北にアプリゲーム作りたいと思わばすぐさまとりかかり


ようやくできたプログラムに涙を流し

完成したゲームバグオロオロ潰し

みんなに「すごい」「なんやコイツ天才やんけ」「神か」と呼ばれ

褒められ

みんなから尊敬してもらえ

そういうもの


私はなりたかった…

2018-10-16

anond:20181016143024

いやそれはちょっと違う。

日本語Windowsで見た時は游ゴシックが表示に使われるが、Windowsがほっそい游ゴシックキレイに表示できるレンダリング性能を持ってないせい。

4Kモニタとかなら気にならんだろうが、FHDとかのモニタ使ってるならMacTypeを入れると大分マシになる。

 

というか多少検索能力に自信のあるWindows使いならみんなMacType使え。

blogとかのスクショでギッザギザメイリオとか見ると無様すぎて泣けてくるようになる。

MacTypeと、githubにあるbeta2パッチを導入し、

noMeiryoUIシステムフォントを全部IPA Pゴシック(10pt以上)に変更し、

UEFIでセキュアブート無効にした上でMacTypeレジストリモード運用するといい。

Chromeショートカットには引数で--disable-directwrite-for-uiを入れ、

Chromeの設定でフォントカスタマイズからデフォルトフォントIPA PゴないしP明に変え、

Stylusスタイルシート弄ってメイリオやMSPゴなどをIPA系に置き換えてしまえ。ここで游ゴも置き換えてもいい。細すぎるし。

タスクバースタートパネル、UWPアプリなどにはMacTypeフォント置換は効かないが、これでだいたいフォント描画への不満はなくなる。

ただあらゆるトラブル元凶になる可能性があるアプリなんで何か起きた時は真っ先にオフにすること。メジャーアプデ時も事前にオフにすること。

2018-03-08

オフをやめた

とあるジャンル同人誌を出している。ネット上にも小説を上げている。

ひとつ前に出していたジャンルではあまり売れなかった。全くと言っていいぐらいに売れなかった。ジャンル友達もいないので他人がどれぐらい売れているかなんて聞いたことはない。それでも毎回20部売れれば良いほうだった。

閲覧数も少ない。評価も少ない。つまり人気はない。

自分文章が下手だからだと思った。面白くないから読まれないのだと思った。他の同カップリング書き手は(片手の指ほどもいなかったけれども)パロがうまいとかエロうまいとかキャッチーな部分がある。自分はそれがない。だから人気が無いのだと思った。

面白い話を書きたくて、映画を見た。小説を読んだ。面白い話の構造を分解してどうして面白いか探ろうとした。売れている物をなるべく見るようにした。

とあるジャンルにハマってそちらで小説を書き始めた。前のジャンルの数十倍は人がいる。比喩ではない。私の書く小説ですら、閲覧数が20倍になったので人がいる。このあたりで他人と比べてしまうのが嫌で、スタイルシートを変更して閲覧数と評価数が見えないようにした。

話の傾向は変わらない。キャッチーさはない。エロ殆どない。面白パラレルが書けるわけではない。好きなものを好きに書いた。

感想を時折もらえるようになった。人が多いからだろうと思った。

同人誌を書いた。即売会に出た。売れた。前のジャンルと同じ部数を刷ったらすぐに捌けた。

次の即売会では倍にした。捌けた。感想を言いに来てくれた人がいた。

その次の即売会では1.5倍にした。それでも捌けた。今度こそ余ると思っていた。

この時、売り子として友達に入ってもらったお陰で周囲を見る余裕ができた。同じ島で一番人が並んでいた。

書いている話の傾向は変わらない。文章力は上がったとは思えない。何も変わっていないはずだった。なのに売れる本の冊数も10倍近くなった。

ジャンルが変わるとこれだけの人に見てもらえる。怖くなった。今は売れている、反応もある、感想ももらえる。でもこれはジャンルのおかげだ。私自身の文章力や話の構成力、キャラ再現力がどうなのかわからない。傲るのが怖かった。自分の話が上手いんじゃないか勘違いするのが怖くなった。下駄を履かせてくれるジャンル自体が怖くなった。他の人より売れている、人が来てくれる、嬉しい、そう思ってしまった自分嫌悪感を持った。

オフをやめた。話は書き続けている。相変わらず閲覧数や評価を見えないようにしている。面白い話を書きたくて映画小説漫画を取り込むようにしている。構造分析もするようにしている。好きな子たちが萌えることをしているところを、少しでも面白い話として読みたい。でも他人と較べてしまうのは嫌だ。

オフはまたやらないのですかとたまに訊かれる。オンは1万字程度しか書かない。オフ10万字前後の話を書いていた。長い話を楽しんでもらえるのは嬉しい。そのうちオンライン上に長い話をアップしたい。

2017-07-06

はてブの新ユーザページ用ユーザスタイルシートを書いた

ずっと旧ページ使ってて、どうにも窮屈な感じがしたので。

.wrapper-container-inner {
    box-sizing: border-box;
    width: 100%;
    padding: 20px 20px 0;
    background-image: none;
}

#right-container {
    display: none;
}

#center-container {
    box-sizing: border-box;
    padding: 0 0 0 20px;
    width: calc(100% - 180px);
}

カラムは消した。

あくまで広くしただけ。

幅が広すぎる!って場合最後の width: calc(100% - 180px); にある100%の値を調整すればいい。

にしても、まさかレイアウトでfloat使ってるとは思わなかった。

いろいろ見ててCSSレガシーすぎて大変なんだろうなー、と思った。

無知無理解プロジェクトが殺されそうだ

当方フリーIT 技術者。ある Web ベースシステムを開発しているのだが、プロジェクトマネージャーリーダーをはじめとするメンバー無知無理解のおかげで作業が進まずに困っています

ブラウザーキャッシュの仕組みを少しでも知っている人なら、非 IT 系の方でも読めるように書きました。ぜひ助言をお願いします。

登場人物

私は発注元(A 社)に客先常駐している。私が契約しているのは A 社のグループ会社である B 社だ。

A 社内のチームメンバーは以下のとおり。

さて、今開発しているシステム(以下システム P)はもともとスタンドアローン運用する形態だったが、最近クラウドバージョン提供も始まり現在スタンドアローンバージョンクラウドバージョンの並行開発となっている。X さん、Y さん、Z さんは主にクラウドサーバー管理や、私や W さんが作った部分のテスト担当している。

問題発覚

クラウドバージョンの初めてのアップデートを控えた 6 月に問題が発覚した。コードアップデートすると、ブラウザーキャッシュが効いていて表示がおかしくなるというのだ。

プログラマー以外の 4 人は実は Web システム案件は初めてで、ブラウザーキャッシュの仕組みすら理解していない。X さんから相談を受け、「Web アプリケーションからブラウザーキャッシュクリアーすることはできない。代わりに、HTML から読み込まれる外部リソースの後ろに『?v=3.14』のようなダミークエリ文字列をつければよい。アップデートのたびに数字を変える。これは一般的採用されている手法で、これ以外の解決策はない」ということを伝えた。具体的にコードエディター上で修正イメージを見せて、すべてに対応するのに 1 日あればできる、とも。

これで「そうですか、ではお願いします」となれば、テストを含めて 2、3 日で終わった話なのだが、ここから長い混乱が始まる。

前回リリースから変更のあったファイルの洗い出しを命じられる

X さんから、「変更箇所をなるべく少なくしたいので、前回リリース分と今回リリース分で変更のあったファイルリストを出してほしい」と言われる。変更のないリソースにはクエリ文字列をつけたくないらしい。

内心呆れつつ、Git (ソースコード管理システム)でファイルの変更履歴を調べ、一覧表を提出した。X さんに「それぞれのページでソースコード確認し、この一覧表に載っているファイルにはクエリ文字列がついていることをひとつひとつ確認するのですよね。却って手間が掛かりますよ。それよりも、すべてのファイル対象にしたほうが作るほうもテストするほうも楽です」と伝えた。

問題発生箇所の調査を命じられる

6 月も残り 1 週間を切ったある日、Z さんから、「実際に問題になっているのはどのファイルのどの部分か、スタイルシートのどのクラスID 指定が効いていないのか、V さんが知りたがっている。原因解明に必要なので調べるように」と指示が出る。

私は「ブラウザーキャッシュが効いているためで、キャッシュを消すか無効にすれば直る。今までも修正のたびにテストではキャッシュを消してもらっていたでしょう」と説明するが、調べろ調べろと繰り返すばかり。「そんなことを調べて何になるんですか。キャッシュ問題ですよ?」と言うと、Z さんは手をわなわな震わせて、「お客さまが知りたいと言っているのに、『そんなことを調べて何になるんですか』とはどういうことですか!」と声を荒らげる。しまいには「お客さまのご要望にお応えして私たちお金をもらっている。お客さまからの依頼なら応えるのが当たり前」と言い出す。技術的に意味がないことをいくら説明するも理解されない。

ブラウザーキャッシュの仕組みを基本から説明する

プログラマー 4 氏の知識底上げをしないといつまで経っても平行線だと思い、Redmine (課題管理システム)にブラウザーキャッシュの仕組みを解説する文書投稿した。ほぼ同じものを以下に掲載する。非技術者にも分かりやすく書いたつもりだ。あまりかいことを説明しても混乱させるだけだと思い、リクエストヘッダーの Cache-Control や Expires などは説明を省いた。

キャッシュとは

キャッシュ(cache) とは、一度読み込んだデータを内部に保存しておく機構のことです。2 回目以降の読み込み時はキャッシュを読み込むことで、処理時間の短縮を図ります

ウェブブラウザーにおけるキャッシュ一般に、HTML ファイルおよび HTML から読み込まれる外部リソース(スタイルシートファイルJavaScript ファイル画像ファイルなど)に対して適用されます

キャッシュが作られるタイミング

ブラウザーがあるファイルを読み込もうとする時、キャッシュがなければ実ファイルを読み込んだ上でそのファイルの内容をキャッシュします。

キャッシュが破棄されるタイミング

キャッシュがいつ破棄されるのかは完全にブラウザー依存です。異なるファイルキャッシュが同じ期間だけ存在するかどうかも分かりません。

キャッシュユーザーブラウザー操作で明示的に削除(クリアー)することはできますが、 サーバーからクライアント(ブラウザー)のキャッシュクリアーすることはできません。

ウェブアプリケーションキャッシュ対策

ウェブアプリケーションアップデートした際、クライアントキャッシュ無効にするために、以下の手法がよく使われます

link rel="stylesheet" type="text/css" href="style.css" >
< script type='text/javascript' src='script.js' >< /script >
< img src="picture.jpg" alt="" width="640" height="480" >

このような外部リソース読み込みについて、ファイル名の後ろにクエリ文字列を追加します。

link rel="stylesheet" type="text/css" href="style.css?v=2.4.0" >
< script type="text/javascript" src="script.js?v=2.4.0" >< /script >
< img src="picture.jpg?v=2.4.0" alt="" width="640" height="480" >

スクリプトでない静的ファイルクエリ文字列を付加しても、読み込まれファイルは同じです。つまりstyle.cssstyle.css?v=2.4.0 は同じ style.css というファイルを指します。

ブラウザーが style.cssキャッシュしている状態で、この行を読み込んだとします。

link rel="stylesheet" type="text/css" href="style.css?v=2.4.0" >

ブラウザーは「style.css?v=2.4.0 というファイルキャッシュにない」と判断し、style.css?v=2.4.0 というファイルを読み込みます。結果として、ディスク上の style.css が読み込まれスタイルシート更新されます

この HTML をまた読み込んだ時は、「style.css?v=2.4.0 というファイルキャッシュ済み」と判断し、ディスク上のファイルではなくキャッシュを利用します。

ウェブアプリケーションバージョン 2.5.0 にアップデートする時には、「?v=2.4.0」の部分を「?v=2.5.0」に書き換えてリリースします。

link rel="stylesheet" type="text/css" href="style.css?v=2.5.0" >
< script type="text/javascript" src="script.js?v=2.5.0" >< /script >
< img src="picture.jpg?v=2.5.0" alt="" width="640" height="480" >

同様の仕組みで、2.4.0 時代キャッシュがあっても 2.5.0 用に書き換えられたファイルが読み込まれキャッシュ問題は起こりません。

この手法は、キャッシュ問題解決する手段としては一般的に用いられているものです。俗に「キャッシュバスター (cachebuster)」とも呼ばれます

上記に長々と書いた内容を踏まえ、今回の問題についてご説明します。

「暫定対応」の指示が出る

日経った日の午後。Y さんが A4 判数ページにもなる「調査報告書」を作成した。問題になっているスタイルシートについて前回リリース分と今回リリース予定分の差分を取り、それぞれの行について「新規」「変更」「削除」の印をつけ、「とりあえず、このクラス指定が効いていないだけなので、HTML 中にインラインスタイル(< div style="..." >)で指定すればよい」と結論づけていた。

報告書には「状況から見て、変更・削除されたスタイル指定は影響が出るらしい。新規に追加した部分については影響がないようだ」とも。私が書いた説明を読んでいないのか、理解できなかったのか。

この報告書を元に、X さんから「この行とこの行にインラインスタイル指定してください。これで暫定対応します」と指示が出た。

私は「この修正は何ら根本的な対策になっていないことは理解していますか。『現状で問題になっている箇所』は、この環境たまたまそうなっているだけの話で、ほかのお客さまの環境では別の画面が崩れるかもしれないのです。それを承知の上で、これを暫定対応としてよいのですね」と X さんに確認。X さんは「はい」とだけ答えたので、黙って作業完了した。Gitコミットメッセージに「この方法は何の効果もないこと、それでも作業をしてよいのかを X さんに確認の上、作業」と書いてコミットした。

しばらくすると X さんから「うまく表示されていますOK です」と報告があった。

その日のうちに問題再発

夕方、私が帰ろうとすると、X さんが Y さんに「画面がおかしい」と言っている。横から覗くと、先ほど「暫定対応」とやらを入れた画面で、表示は正常だがボタンを押しても何の反応もない。私は静かに「JavaScriptキャッシュですね」。

聞けば、Y さんは「キャッシュスタイルシートにだけ効く」と思い込んでいたらしい。やはり先の説明を読んでいないようだ。そして、Y さんの環境ではボタン有効だったとも。

私は「Y さんの環境では(JavaScript の)古いキャッシュは効いていなかった。X さんのところではキャッシュが効いていた。これが、私が言っている『環境依存』の意味です。昼の暫定対応ではダメなんです。半月から私が言っているように、すべての外部リソース読み込みにキャッシュバスターをつけないと解決にならないんです」と伝える。

Y さんは観念した様子で、「キャッシュバスターって、一部分にだけ適用することもできますか」と聞く。この人、理解してないなと思いつつ、「はい、できますよ」と返すと、「では、問題の発生している範囲調査して、問題が起こっているファイルにだけキャッシュバスターを……」。やはり何も分かっていない。

私は繰り返し、ブラウザーキャッシュ環境依存なのですべての外部リソース読み込みにキャッシュバスターを付加しないと無意味だと説明した上で、こう付け加えた。

「指示されたことだけを黙ってやっていれば、そりゃあそっちのほうがラクですよ。でも、喧嘩をしてでも、場の雰囲気を悪くしてでも自分意見を主張するのは、技術者としてのちっぽけな良心からです。お願いですから専門家の言うことを聞いてください。私の意見が信用ならないのでしたら、ほかの技術者意見を聞いてください」

対応が先送りになる

この数日後、本件の対応を先送りにすることが決まったと X さんから報告があった。

聞けば、リリースを急いでいるのは特定顧客要望によるものらしい。その顧客スタンドアローンバージョンを利用しているので、アップデートの現地作業の際にブラウザーキャッシュを消してくればいいとのこと。

リリースに間に合わない間に合わないとあれだけ騒いでいたのに。プロジェクト管理がまるでできていない。

レビュー開催

そして今日夕方、この件についてレビューを開きたいとプロジェクトマネージャーの V さんから言われる。レビューって、何をやればいいんだろう。何をすれば気が済むんだろう。Redmine に書いた説明を読んで理解してもらえれば、やるべきことはひとつしかないと分かろうものなのに。

X さんから質問を受ける。「例の件、ほかの方法はないんでしょうか。『こういう方法もあるけれど、工数が掛かるので採用しません』というのがもしあれば話が進めやすいかと」。残念ながらありません、せいぜいファイル名そのものを変更するくらいですが、本質的には同じことですし管理の手間が増大します、と伝えた。

ついでに、X さんに「あの説明を読んで、よく分からない部分があったら教えてください」と尋ねると、実は忙しくて斜め読みしかしていないと白状された。その状態対応策を一生懸命協議していたのですな。

レビューの席でまた一悶着ありそうだ。どうやったら彼らを納得させられるのだろうか。信用できない技術者説明してもらったって、信じないんだったら意味がないのにねえ。

追記

文字数制限に引っかかってしまい、末尾が切れてしまっていました。続きはこちらに書きました。

https://anond.hatelabo.jp/20170706122924

2017-07-04

https://anond.hatelabo.jp/20170703143955

なんで PC 画面がワイド化してんのに、ブコメ表示部がこんなに幅狭いんだよ……。というわけで、お気に入りページのサイドバーサムネイル消して表示幅を広げるユーザースタイルシート

.wrapper-container-inner {
  width: 90%;
}

#center-container {
  width: 100%;   
}

#left-container,
#right-container,
.entry-image-block {
  display: none;
}

.wrapper-container-inner.left-column-line {
  background-image: none;
}

.entry-title,
.entry-block blockquote,
.entry-data,
.user-comment-meta,
.starContainer {
  display: inline;
}

.profile-image {
  width: 1.2em !important;
  height: 1.2em !important;
}

サイドバー区切りの縦線を消せてないけど、とりあえず。

縦線の消し方をブコメで教わりました。ありがとうございます! > id:ikihaji_kun

追記

要約文を消してさらに縦を圧縮するなら、以下を追加すればよいですね。

ガッツリ消す
.entry-block blockquote {
  display: none;   
}
あとで読む」あたりは残す
.entry-summary {
  display: none
}

2017-05-10

ざっくり言いたい人へ

Hatelabo::AnonymousDiary

はてなはてラボはてな匿名ダイアリー


ざっくり言いたい人必見!
俺氏ライブドアニュースソースを公開へ

 2017年5月10日 14時25分



ざっくり言うと


 もっとみんなにもざっくり言ってほしい


 ソース公開したら良くね


 ド素人からきったねえと思うけど優しい目でみてね


ソースを読む













<p class="font-l"><b>Hatelabo::<font color=#4296A5>AnonymousDiary</font></b></p>

<p class="recentitem"></p>

<p class="font-ss">はてなはてラボはてな匿名ダイアリー</p>

<br>

<p class="font-ll"><b>タイトル</b></p>

<p class="font-ss"><font color=#2C4F99>■</font> <font color=#2CAAF0>■</font> yyyy年mmdd日 hh時mm分</p>

<br>

<br>

<p class="box-bg-gr">ざっくり言うと</p>

<br>

<font color=#4296A5>✓</font> 内容

<br>

<font color=#4296A5>✓</font> 内容

<br>

<font color=#4296A5>✓</font> 内容

<br>

<p class="box-bg-bl2"><a href="hoge">記事を読む</a></p>

参考文献: はてな匿名ダイアリーの標準スタイルシートでデコるバッドノウハウ

2016-09-01

epubの表示がおかしい時の対処

文字が90度回転している場合日本語特有縦書きがうまく表示できていない可能性がある

ユーザースタイルシートで以下を指定すれば解決するかも(ユーザースタイルシートとは私が使っているcalibre存在する機能 他にあるのかは知らない)

*{

-webkit-writing-mode: initial !important;

writing-mode: initial !important;

}

その他の対処1 epub実体zipなので拡張子zipにして解凍、中のHTML本体なのでそのHTMLを読む

その他の対処2 表示がおかしいのはzip内のstylesheet.cssが原因なのでエディタで開いて全部削除 再び圧縮しなおして拡張子epubに戻せば文章だけは読めるようになる EXPLZHが便利

2016-04-04

anond:20160403214125

おさがしの増田は見つかりませんでした

見つかりませんでした

見つかりませんでした

見つかりました


追記:参考にし増田

はてな匿名ダイアリーの標準スタイルシートでデコるバッドノウハウ

2015-12-10

増田講座

トラックバック

増田では「トラックバック=返信」という扱いになっている。

Twitterにおける「@username」に近いかもしれない。

記事中のどこかに記事URLを入れておけば、その記事に対して自動トラックバックが飛んで、トラックバックツリーが形成される。

ちなみにURL記事タイトルの欄に入れるのは慣習にすぎないので遵守する必要はない。

改行・空行

はてな記法と少し違う。

はてなダイアリーでは改行2つで空行だが、

↑このように増田では3つの改行が必要

↑このように半角スペースを入れることでも空行が作れるが、

これはHTML的に言えば<br />ではなく<p></p>なので微妙に違う。

改行タグを挿入する(改行記法) - はてなダイアリーのヘルプ

リンク

はてな記法と同じ。

[http://anond.hatelabo.jp/:title]と書けばページタイトルが取得されて表示される。→はてな匿名ダイアリー

[http://anond.hatelabo.jp/:title=自由タイトル]と書くこともできる。→自由なタイトル

リンクを簡単に記述する(http記法、mailto記法) - はてなダイアリーのヘルプ

引用

はてな記法と同じ。

>>

オルフェーヴル (Orfevre)は日本競走馬中央競馬史上7頭目のクラシック三冠馬。おもな勝ち鞍は皐月賞東京優駿菊花賞2011年)、宝塚記念2012年)、有馬記念2011年2013年)。馬名はフランス語で「金細工師」(仏:Orfèvre)。

<<

こう書くと、

オルフェーヴル (Orfevre)は日本競走馬中央競馬史上7頭目のクラシック三冠馬。おもな勝ち鞍は皐月賞東京優駿菊花賞2011年)、宝塚記念2012年)、有馬記念2011年2013年)。馬名はフランス語で「金細工師」(仏:Orfèvre)。

こうなる。

引用ブロックを作る(引用記法) - はてなダイアリーのヘルプ

表組み

はてな記法と同じ。

|*馬名|*出生年|*獲得賞金|

|オルフェーヴル|2008年|13億4408万円|

|ディープインパクト|2002年|14億5455万円|

こう書くと、

馬名出生年獲得賞金
オルフェーヴル2008年13億4408万円
ディープインパクト2002年14億5455万円

こうなる。

表組みをつくる(表組み記法) - はてなダイアリーのヘルプ

見出し

はてな記法と少し違う。

はてな記法では「*」ひとつ記事タイトルになるのだが、

増田では記事タイトルは別入力なので、「*」ひとつ小見出し記法の扱いになる。

まり増田の「*」は、はてな記法における「**」、

増田の「**」は、はてな記法における「***」になる。

もちろん時刻付き見出し記法は使えない。

見出しをつける(見出し記法) - はてなダイアリーのヘルプ

小見出しをつける(小見出し記法、小々見出し記法) - はてなダイアリーのヘルプ

カテゴリー

記事タイトル最初に[今日知った言葉]などと書くとカテゴリーを設定できる。

カテゴリーを設定しておくと、同じカテゴリー記事を簡単に一覧できる。

カテゴリー 「今日知った言葉」 - はてな匿名ダイアリー

その他のはてな記法

使えたり使えなかったりする。

とりあえず、リンク引用と表組みの使用頻度が高いんじゃないだろうかと思ったので、それ以外の説明は省く。

記事タイトルに長文を入れる

記事タイトルが長くなると、ちゃんと表示されるかと心配になって、つい「確認する」ボタンを押してしまいがちだが、実は確認画面では長いタイトルはちょん切られてしまう。

確認する」ボタンを押さずに、そのまま「この内容を登録する」ボタンを押せば、記事タイトル長大でも省略されずに投稿される。

文字スタイル

増田標準のCSSを利用することでいろんなスタイルを使えるが裏ワザみたいなものからあんまり多用してはいけません。

はてな匿名ダイアリーの標準スタイルシートでデコるバッドノウハウ

連投防止

増田には連投規制がないので、記事登録時に「この内容を登録する」を連打すると、そのぶんだけ同じ記事投稿されてしまう。

悪意はなくても、増田が重くなったときなどに投稿が反映されなくて、思わず連打してしまうことがある。

「反応が遅いだけできっと増田投稿できている」と信じて、登録ボタンを押すのは一回だけに留めよう。

記事文字制限

実は増田記事には文字数制限がある。3000文字強。

警告なしにぶった切られるので、めちゃくちゃ気合の入った長文記事ほど途中で終わり、

しか執筆者本人はそれに気付かない、という悲劇が起こったりする。

長文を書くとき適当なところで記事を分割しよう。

記号エスケープ

増田特定記号入力すれば、

&lt;&gt; ←こんな感じになってしまうが、

&#60;&#62;と数値文字参照入力すれば、

<> ←ちゃんと表示される。

Twitterの埋め込み

増田にtwitterを埋め込む方法: サンプル有り

通報

増田実験サービスなので、連投規制もないし、それが実装される予定もない。

はてな増田なんかロクに見てないので、荒らしbotが跳梁跋扈していてもBANしてくれる可能性は少ない。

そういう迷惑増田を見かけたら問い合わせフォームから通報しよう。

営業日であればのんびり対応してくれるぞ。

http://www.hatena.ne.jp/faq/q/abuse#contact

2015-10-03

http://anond.hatelabo.jp/20150907224530

増田では表示できないはずのTwitterの呟きや巨大文字、色文字シンタックスハイライト済みのコード

証拠にあげられてるうちの一つを書いた元増田だけど、普通にはてな記法書いただけでいけたよ。

一時期はてな記法かなり制限されてた気がするけど、最近また書いてみたらあっさり通った。

文字とかは、五年くらい前に見知らぬ増田さんがまとめてたから参考にどうぞ。今も使えるかどうかは確認してない。

はてな匿名ダイアリーの標準スタイルシートデコるバッドノウハウ

http://anond.hatelabo.jp/20100827202157

2015-08-07

http://anond.hatelabo.jp/20150807003221

スタイルシートでやってるんですね。自分で1文字下げのスペース入力したことないし、いつも一文とかで改行してたから気付かなかった。。。

http://anond.hatelabo.jp/20150807002607

WebだとHTML論理的段落指定して、段落最初を字下げするとか見栄えはスタイルシート指定するっていうのがお行儀いいんだけど、全角スペースで字下げしてる所多いね

2015-05-24

http://anond.hatelabo.jp/20150524022933

はてなのさ、この増田だってスタイルシート定義されたテキストの一部なんだよ?

自分が接してる身近な物も誰かがうぇぶでざいんしてるんだよ。

2014-12-18

http://anond.hatelabo.jp/20141218023941

かーちゃんのは無料ブログから初めては?スタイルシートレイアウトなどを改造すればそれなりに情報発信はできると思う。

俺の知ってるところだと、はてなブログ操作やすい。Bloggerテンプレート英語サイトだけど、そこからとってくればホームページっぽくなる。アメブロとかライブドアとか他は最近は詳しく知らない。

それで欲が出て来たらwordpressかな。wordpressメンテナンスが面倒だと思うよ。独自ドメイン取ってれば、ブログを移行してもURLを同じにできるけど、ちょっと設定が面倒かもしれない。

2014-11-21

しょーがねー

カルピスのおまけでついてきた生姜の粉、カルピスに入れて飲んだらおいしくてあったかくなった。でも二袋しかついてこなかったからもうない。

あと、はてな村奇譚が Nexus7 (初代) の Firefox で見ると文章の一部が隠れたきり出てこないの、自分だけだと思ってたらそうでもなかったみたいであたかくなった。

横長画面にしたら一応見られるんだけど、普段は画面の自動回転オフにしてて、ここ見る時だけ回転オンにして横向きにして、見終わったら縦向きにして回転オフに戻して、って操作するのめんどいしんどい

てな訳で、間に合わせで適用させてるユーザスタイルシートおすそ分けしとくね。

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("orangestar.hatenadiary.jp") {
#content {
  width: auto;
}
#main {
  width: 90%;
	float: left;
}
#box2 {
  width: 90%;
}
}

以下はユーザスタイルじゃなくブログスタイルの話。

見た感じ、強気で横幅いじってる (具体的には #content { width: 1080px; } #main { width: 880px; } #box2 { width: 180px; }) のが原因みたい。

元の CSS修正するんじゃなく、後ろの方に同じプロパティを新しい値で書き足す形で書かれてるせいで、元の CSS記述されてるタブレット用の値が全部消し飛ばされてる。

書き足し形式をやめて元の CSS修正するか、もしくはスマホタブレット用の記述コピペして一番下に書き足せば、ひとまず文章は全部見えるようになると思う。

じんじゃーね。


追記 : 2014.11.24

アドバイス罪くさいからここに書くだけにしといたんだけど、描いてる人に伝わったみたいで直った。少なくとも我が家では直った。良かった。

あと、62話目までは画像クリックするとほとらいふのトップに飛ばされて寂寥感ひしひしだったんだけど、63話目から画像クリックするとその場で画面いっぱいにびろーんて絵が出てくれる方式になってた。良かった。

ログイン ユーザー登録
ようこそ ゲスト さん