吹き出しで会話形式にするのをめっちゃ楽にしてみた【はてなブログ】 - SHIROMAG
2016年10月2日17：53に追記： コード修正したのでそれ以前にコードを貼り付けたかたは貼り直しお願いします。お手数おかけいたします。 2019年12月23日17：20に追記： デザイン、CSSを微調整しました。 CSSとChrome拡張を使って会話形式の記事を書く 今回は、はてなブログで簡単に会話形式の記事を作る方法を紹介します。 吹き出しと画像を使って会話形式にする方法は他の記事でも紹介されているのですが、すごく面倒なのです。 「会話形式の記事書くの面倒」「シロマどうにかしろ」という意見があったので、楽に実装できる方法を頑張って作りました。 最初の設定は少し面倒です。ただ、一度設定してしまえば、後はめちゃ楽ちんになると思います。 見た目はこんな感じ↓↓ 先生、今日は吹き出しを簡単に実装する方法を紹介します。 運動と瞑想の習慣がない者の末路はいつも悲惨だ。恐ろしい恐ろしい。 ・・・
超初心者のためのHTML・CSS入門講座 - NO TITLE
超初心者のためにHTML・CSSを解説 今回は、HTMLやCSSを勉強してみたいって人のための入門記事です。 HTMLやCSSというのは、いわゆるマークアップ言語というもので、WEBサイトを作るために必須の言語になります。 HTMLは土台というか骨組みのようなもの。それを装飾するのがCSSです。 始めはちょっと難しく感じるかもしれませんが、慣れればそこまで難しいものではありません。 全く知識はないけど、WEBサイトを１から作ってみたい。ブログのカスタマイズがしたい。そんな人は一度目を通してみて下さい。 勉強したいけど、参考書買うお金がないよ…という人にはぴったりです。 筆者情報： 都内で働くWEBデザイナーです。個人としては、はてなブログ向けのデザインテーマも作ったりしてます。 はてなブログの超便利なデザインテーマ「Brooklyn」を作りました この記事の内容について 超初心者向けなので
男だけどブラジリアンワックスで脱毛がかなりおすすめ！男性向けセルフ体験レビュー
届いたのが一か月前なのですが、筆不精なものでやっと本日記事にいたしました。遅くなって申し訳ありません、へそちゃ先生。 ここから先は体毛が濃い人やブラジリアンワックスに興味があるという人向けになります。男性だけでなく、ブラジリアンワックス未経験の女性の方にも少しためになるかもしれません。 「男のクセに脱毛？」って思ったそこのアナタ！意外に毛で悩む男性、ツルツルになりたい男性は多いんやで！！ 以前、除毛クリームを使ったことがあるので、後半ではそれぞれのメリットデメリットを比較してみました。 ブラジリアンワックスって何？？ ブラジリアンワックスは特に女性の利用者が多いのですが、脱毛したい部位に塗りその上にペーパーをのせて引っ剥がすものです。 ガムテープで抜くようなイメージですが、ブラジリアンワックスが毛を覆って引っ張るので、綺麗に抜くことができます。 除毛クリームと違い、根っこから抜くので比較的
【はてなブログ】記事のカテゴリーによってオススメ記事を切り替える方法 Ver.2
先日作ったカテゴリごとにおすすめ記事を切り替える方法がめちゃめちゃ好評だったので、もっと簡単に導入できるようにコードを改良しました。 カテゴリごとにおすすめしたい記事を選んで、それを表示させる方法です。 【はてなブログ】記事のカテゴリーによってオススメ記事を切り替える方法 | SHIROMAG jQueryを使っているので上記記事より少し重くなりますが、それでも導入しておく価値はあると思います。 例えば、以下の記事に飛ぶとサイドバーでおすすめされている記事が変わります。（スマホだと記事上） ダウンロードしておきたい最新おすすめ洋楽【2016年版】 貧困女子高生のヤラセと貧困は別問題 このように、記事のカテゴリによってオススメの記事を切り替えることができます。 ニーズに合わせて前回とちょっとデザインを変えてみました。 ちなみにこんな感じに表示されます。 「カスタマイズ」というカテゴリには、カ
奢った金を返せという男はダサすぎる
※元記事から大幅に内容を変更してお送りいたします 「奢ってあげたのに」と文句を言うのはダサいよ 奢った金を返せという男がいる。また会うつもりがないのなら、返せと。 もし「奢ってください」と女性が言ったのなら話は別だが、多くの場合男性の意思で奢ることがほとんどだ。 男性に奢るという意思がない限り、「奢る」という行為は行われないのが通常。 それにも関わらず、その女性とその後関係が上手くいかなかったからと言って、返金を求めるなんておかしい。奢ったのは強制されたのではなく、男性の意思なのだから。 もちろん、奢った時に「ありがとう」という一言がなかったなら怒ってもいいと思う。しかし、そうではなく見返りがなかったからと言って後からケチをつけるのは何ともカッコ悪い。 返金を求めるだけでなく、「奢ってあげたのに冷たい」「奢ってあげたのに、また会ってくれない」なんて言うのもカッコ悪くないか？ 多分、そういう
HTML・CSS・JavaScriptを独学するのにおすすめの入門書・参考書まとめ
HTML・CSS・JavaScriptを独学するにはこの本たち！！ WEBサイトを制作したり、ブログのカスタマイズをしたりするために学ばなくてはいけないのが、HTML・CSS。そして、複雑な動きを付けるために必須なのがJavaScriptです。 これらの情報はネット上にたくさん転がっていますが、その多くは断片的なものばかりです。知識をしっかり身につけたいのなら、ある程度参考書を買って学習するのが効率的です。 HTML・CSS・JavaScriptを独学で勉強するには、 参考書で学習→ネットの情報で補完 というフローが良いかと思います。私はそのように学んでいます。 今回は、独学でコーディングスキルを磨きたい人におすすめの参考書を紹介していこうと思います。 当記事は以下のような人におすすめです。 HTML・CSS・JavaSctipの勉強を始めたけど、どうやって学べばいいのか分からない WEB
（グルグルする不具合治しました）Facebookの仕様変更があったので、シェア数カウントのコードを修正して下さい
（グルグルする不具合治しました）Facebookの仕様変更があったので、シェア数カウントのコードを修正して下さい アフィリエイト広告を利用しています 先日公開した記事の内容を一部変更して再度アップしました。 コードを修正しました。Facebookのシェア数がグルグルしたまま数字が表示されない不具合を治しました。値が「0」だとグルグルしてたみたいです。グルグルしている人は再度コピペで書き換えておいて下さい。 シェアボタンのカスタマイズをしている人は、Facebookのシェア数が「0」になっていると思います。 Facebookの開発者向けのページを見てみると、API の Ver2.0が2016年8月7日付で利用できなくなったとのことです。現行のVer2.7の方法に修正する必要があります。 Graph API URL Object – ドキュメンテーション – 開発者向けFacebook シェア
あれ？いつのまにか通常の検索結果もAMP対応に
ついに通常の検索結果もAMP対応に 今回の記事は、はてなブログでAMP対応している人は目を通しておいた方が良いですよ！ さきほど、スマホでネットサーフィンしてたら、通常の検索結果（トップニュースじゃなくてメインの検索結果）もAMP対応になっているではありませんか！ 追記：数日前からすでになってたみたいです…気づかなかった…。同じようにまだ気づいていない人もいるかと思いますので、書いておきます。 例えば、スマホで「漫画 おすすめ」でGoogle検索してみて下さい。そしたらコトリさんのこの記事が上位にあると思います。 絶対に面白いおすすめ漫画！今人気の話題作から殿堂入りの名作まで厳選紹介 – 心に火を、指先にペンを あと、ヒトデ氏のこれとか。 【マンガ】おすすめの面白い漫画ランキングベスト111！ – 今日はヒトデ祭りだぞ！ 検索結果からこの記事をクリックすると、爆速のAMPになってる！（環境
はてなブログを始めて1年が経ちました - NO TITLE
2016 - 08 - 31 はてなブログを始めて1年が経ちました コピペで簡単！はてなブログのシェアボタンをカスタマイズ コピペで簡単！CSSではてなブログの見出しをカスタマイズ！ はてなブログをカスタマイズしてる人向け。jQueryの読み込みを速くするためにコードを変えてみた YouTubeを埋め込んでも重くならないようにする方法がめっちゃ良かった はてなブログの超便利なデザインテーマ「Brooklyn」を作りました ダウンロードしておきたい最新おすすめ洋楽【2016年版】 オススメの人気洋楽記事一覧 【洋楽】UKロック入門！おすすめバンド20選 人気洋楽のYouTube再生回数ランキングTOP30 90年代洋楽HIPHOPの名曲をあげていく 人気の洋楽を紹介します - 女性アーティスト編 - 90年代洋楽おすすめランキングBEST100!! 00年代洋楽おすすめランキングBEST10
Facebookのシェア数取得に時間がかかるのも仕様変更の影響です - NO TITLE
2016 - 08 - 30 Facebookのシェア数取得に時間がかかるのも仕様変更の影響です ブログ運営 ブログ運営-カスタマイズ コピペで簡単！はてなブログのシェアボタンをカスタマイズ コピペで簡単！CSSではてなブログの見出しをカスタマイズ！ はてなブログをカスタマイズしてる人向け。jQueryの読み込みを速くするためにコードを変えてみた YouTubeを埋め込んでも重くならないようにする方法がめっちゃ良かった はてなブログの超便利なデザインテーマ「Brooklyn」を作りました ダウンロードしておきたい最新おすすめ洋楽【2016年版】 オススメの人気洋楽記事一覧 【洋楽】UKロック入門！おすすめバンド20選 人気洋楽のYouTube再生回数ランキングTOP30 90年代洋楽HIPHOPの名曲をあげていく 人気の洋楽を紹介します - 女性アーティスト編 - 90年代洋楽おすすめラン
WEBデザイナーはAIに職を奪われるぞ-FIREDROPの脅威-
「え？AI？アドビのイラレがどうしたの？」と思った、そこのWEBデザイナー。殺られるぞ。 illustratorの話ではない。人工知能の話だ。 恐るべきAI「FIREDROP」 昨日ホットエントリーを眺めていたら、こんな記事を発見。 bita.jp なんと、この「FIREDROP」というAI、テキストを入力してボタンをクリック後、わずか60秒でWEBサイトのページ構成とレイアウトを作ってしまうそうだ。 現在は、まだ日本語化はされていない。日本のWEBデザインは海外とは異なる点も多いので、すぐに日本のWEB制作に影響を及ぼすとは考えにくい。 しかし、いずれは日本語化されて日本のWEB制作で運用される日が来るのは間違いない。もしくは「FIREDROP」でなく、同じようなAIが日本で登場する可能性だってある。 WEB制作だけではない。この「FIREDROP」はユーザーのニーズを学習し、自動でデザ
映画『バタフライ・エフェクト』あらすじ・感想（ネタバレあり）名作映画を観よう！第1回
皆様におすすめしたい映画がたくさんあるので、これからおすすめ映画の紹介をシリーズ化していこうと思います。 記念すべき第一回は、『バタフライ・エフェクト』です。この作品、映画好きな人達からもかなり評価が高い作品でして、私も大好きな映画の一つです。 アメリカでは2004年公開、日本では2005年に公開されています。 監督・脚本：エリック・ブレス、J・マッキー・グラバー 出演：アシュトン・カッチャー（エヴァン）、エイミー・スマート（ケイリ―） 「バタフライ・エフェクト（バタフライ効果）」というのはカオス理論の一つで、初期の些細なことが後々に大きな影響として現れることを言います。 この映画はまさに「バタフライ・エフェクト」であり、些細な出来事の変化が主人公エヴァンの、そして彼に関わる人たちの人生に大きな影響を与えていきます。 ネタバレを非表示現在表示中 ネタバレを表示現在非表示 ここから先は盛大に
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Site is undergoing maintenance
Site is undergoing maintenance
Site is undergoing maintenance
Site is undergoing maintenance
Site is undergoing maintenance
Site is undergoing maintenance
Site is undergoing maintenance
SHIROMAG
