昨今、機械学習の流行とともに、Webサイトからデータを収集するスクレイピングの技術が必要とされています。 しかし、スクレイピングといっても、「どのフレームワークで開発すべきか」や「スクレイピングの注意事項」といった部分がわかりにくく、困っている人もいるでしょう。 そこで今回は、初心者の方に向けたPythonを使用したスクレイピングの方法と応用方法について紹介していきます。 AIやデータサイエンスを学びたくてPythonを学び始めたけど 「独学ではやっぱり限界がある」 と不安を感じた方にオススメしたいのが、Aidemy Premium Plan。 AIに関する幅広い種類の講座や徹底したコーチング指導が特徴です！ 実務を見据えてPythonをがっつり学習していきたい方は、まずは無料の「オンライン相談」に参加してみてください。 また、Aidemy Premium Planのメリットやデメリットな
節分なので聞きたいんだけど ブルアカ https://pbs.twimg.com/media/Es3iE3pU0AMJoz7.jpg モンスト https://cdn.wiki.famitsu.com/files/attachment/000/057/660/full_upload.png FGO https://arcade.fate-go.jp/news/assets/servant/introduce-SyutendoujiAssassin.png VTuber https://static-cdn.jtvnw.net/jtv_user_pictures/a1e0e231-3e4c-47f6-9fff-faf54eb49658-profile_image-300x300.png まだまだいるけど最近の鬼キャラ、みんなツノが肌の延長みたいに境目があいまいで長くて大体グラデーションがかか
そもそも誰？1957年、アメリカ南部でも白人・黒人融合教育が行われることになり、 アーカンソー州リトルロック高校にも9人の黒人生徒が入学してきました。 一方で、黒人への差別意識の強い同地では反対運動が起こり、入学してくる黒人生徒に罵声を浴びせる人も数多くいました。 http://cdn-ak.f.st-hatena.com/images/fotolife/V/Voyageur/20141126/20141126161633.jpg ↑その時の有名な写真がこれで、表題のヘイゼル・ブライアンというのはこの写真で憎悪に満ちた表情で黒人学生に罵声を浴びせている女学生です。 差別主義者だったの？周囲と比べて特別な差別主義者だった、ということはありません。 ファッションと恋愛が興味の中心だった、普通の女子生徒だったと言います。 実際、この日に黒人生徒の入学を阻止するためにリトルロック高校に集まった市民
【追記】Firefox 版も出しました。 はてなミュート - Chrome ウェブストア https://chrome.google.com/webstore/detail/agomiblbpgcimbonnfmlcealkjlegbnf 機能指定したワードを含む記事をミュート指定した URL (の一部) を URL に含む記事をミュート指定した記事を単体で非表示にする訪問済みの記事を目立たなくする（ on/off 選択可）ブコメページを訪問済みの記事を目立たなくする（ on/off 選択可）1, 2 をする拡張は既にあるけど、下記の機能はこの拡張だけで使える。 記事をその場でミュートするhttps://cdn-ak.f.st-hatena.com/images/fotolife/a/anond_user/20230305/20230305094515.png ミュートアイコンを押すと、ポ
検索エンジンから見えますように 記事の写真にａｌｔ（オルト）属性をつけよう かなたをちゃんと見て 写真のalt属性 読者に優しいalt属性 検索エンジンに優しい alt属性 alt属性の記述の方法 はてなブログでは簡単設定 おわりに 今週のお題「暑すぎる」 検索エンジンから見えますように 記事の写真にａｌｔ（オルト）属性をつけよう ブックマークすると後でまた読めます。 コメント無しでもいいのです。 かなたをちゃんと見て 見て見て、かなたでーす。男の子でーす。ちゃんと見てねー。 写真のalt属性 記事に掲載する写真には、ａｌｔ（オルト）属性を持たせることができます。 alt属性とは、画像の代替のテキスト情報のことです。 読者に優しいalt属性 ブラウザや通信環境が悪いと写真が表示されない場合がありますが、alt属性を記述しておくと、写真の代わりに「写真の説明のテキスト」を表示してくれます。ま
はてなフォトライフの画像を表示する際に、画面にズレが生じないよう変更しました - はてなブログ開発ブログ
本日、はてなフォトライフの画像をはてなブログに貼り付けた場合に、画像表示時に画面にズレ(レイアウトシフト)が生じないよう変更しました。 この変更により、画面をスクロールした際に、後から画像の読み込みが行われ、閲覧中の領域が下にずれてしまう、という問題を回避することができます。 また、この変更に合わせて画像の遅延読み込み(lazy load)にも対応し、画像をたくさん掲載したブログでも快適に閲覧できるようになりました*1。 なお、本変更が適用されるのは、本機能リリース後に投稿されたエントリのみとなります。過去に投稿されたエントリへの適用方法については、下記をご参照ください。 過去に貼り付けたフォトライフの画像について 編集モード「はてな記法」「Markdown」をご利用の記事については、記事を更新していただくと、自動的に本変更が適用されます。*2 編集モード「見たまま」で投稿された記事につい
ZOZO TECH BLOGを支える技術 #2 執筆をサポートするCI/CD - ZOZO TECH BLOG
はじめに こんにちは、CTO/DevRelブロックの堀江（@Horie1024）です。本記事はZOZO DevRelチームによる連載「ZOZO TECH BLOGを支える技術」の2本目の記事です。 前回の記事ではZOZO TECH BLOGの概要とその運用について紹介しました。今回の記事ではTECH BLOGの運用プロセスのうち記事の執筆に焦点を当て、執筆とそのレビュー体制を支えるCI/CDフローの整備について紹介します。 目次 はじめに 目次 ZOZO TECH BLOGでのCI/CDの活用 記事の静的解析と文章校正 記事のプレビュー環境へのデプロイ CI/CDフローの構築 CI/CDフローの概要 文章校正 プレビュー環境へのデプロイ フォーマット・画像のアップロード プレビューへの記事の反映 公開済みの記事一覧を取得 記事の新規投稿または更新 事例紹介 文章校正 textlint-di
画像の表示で画面がズレないよう変更したことで、はてなブログの何が改善されたのか - Hatena Developer Blog
こんにちは。id:nanimono_demonaiです。はてなブログMediaのWebアプリケーションエンジニアをしています。2カ月ほど前になりますが、はてなブログで、はてなフォトライフの画像を貼り付けたときの表示方法が変わりました。 今回は、私がこの変更に加えた改善の内容を、故郷の両親にも伝えられるようにまとめてみました。 見た目は変わらないのに何が良くなったのか？ imgタグに画像の縦横長を追加した 表示のズレの改善を指標で表す CLSとは何か？ はてなブログでCLSがどのくらい向上したか？ SEOにおける改善も 遅延読み込みによって閲覧も軽快に おわりに 参考文献 見た目は変わらないのに何が良くなったのか？ 今回の変更では、はてなのWebアルバムサービスであるはてなフォトライフに保管した画像を、はてなブログに表示する方法を改善しました。と言っても、これによって画像の見た目が変わったワ
GPTのEmbeddingを利用してブログの投稿に対する近いものを探し出す - きしだのHatena
OpenAIでGPTを使ったAPIにembeddingというのがあって、これを使うと文章同士の距離がとれるので、近いエントリを取得したり文章から検索したりができるということで、試してみました。 思いのほかちゃんと動きました。おそらく、GPTで一番実用的なんじゃないでしょうか。 GPTで実際に一番出番がありそうなEmbeddingを使った、近いブログをとってきたり検索したりするやつ。 pic.twitter.com/Vzgy57a7ju— きしだൠ(K1S) (@kis) 2023年3月9日 embeddingとは なんか、文章の特徴を表す多次元のベクトルに変換してくれるらしい。 ようわからん。 OpenAIでは1500次元くらいのベクトルに変換します。 そして、このベクトルの距離が近ければ文章の内容も近いやろということで、似たエントリの抽出などができます。 しかし、テキストが要素数1500
吹き出しを使用した会話形式のカスタマイズ みなさん、こんばんは。 いろんなブログを巡回していると、たまに見かけるのが吹き出しを使った会話風の文章です。 ちょっとしたアクセントになって非常に訴求力があるテクニックですよね。 今日はその吹き出しを使用した会話形式のカスタマイズをやっていきたいと思います。 吹き出しを使用した会話形式のカスタマイズ 吹き出しとは？ 参考にしたブログ 吹き出し設置の作業の流れ 吹き出しアイコン画像のURLを取得する 貼り付けるCSSコード コード貼付け後の使い方 吹き出しを使用した会話形式のカスタマイズまとめ 吹き出しを使用した会話形式のカスタマイズ 吹き出しとは？ 漫画の吹き出しならみなさんよくご存知ですよね。 はてなブログでつくる吹き出しは左からアイコンが話す場合と、右からアイコンが吹き出しで話す場合の2通りで会話表現を作っています。 実際にどうなるか以下を参考
【CSS小ネタ】写真っぽい写真【はてなブログ用】 - Little Strange Software
どうも！LSSです！！ デジタルカメラやスマートフォンが普及した昨今。 フィルムカメラのように「フィルムの無駄」を気にせず、パシャパシャと気軽に撮影が楽しめるようになりましたね^^ それでも時々ふと、あの白いフチのある写真に懐かしさを覚えたりします。 スマホで撮影後に画像加工するのも手ですが、CSSなら画像はそのままでコードに少し手を加える事で、懐かしい白フチ写真を演出できます。 写真っぽい写真 コード 手順 その他の例：楕円 写真っぽい写真 コード はてなブログの「写真を投稿」機能で写真をアップロード・記事に挿入した後に、コードを付け足します。 <p style="border: 1px solid black; padding: 3%; box-shadow: 10px 10px 5px 0px gray;"><img style="display: block;" src="http
はてなブログの画像サイズの変更｜記事に貼り付けた写真の拡大縮小が自由自在に！ - ぴっぴのはてなブログでアフィリエイト
記事の種類 はてなブログの使い方 SEO対策 少し関係あり SXO対策 関係なし 難しさ 超かんたん 重要さ 少し重要 次のような方にオススメ！ はてなでブログを始めました 最近、画像の貼り付けられるようになって嬉しいです！ だけど貼り付けた画像のサイズの変え方が分かりません💦 どうすればいいですか？ ぴっぴ（@hiyoko_no_pippi）です！ ぴっぴも画像のサイズの変え方が分からなくて調べたことがあります💦 今は画像のサイズの変え方を覚えたので、画像の大きさをびよよ～んぼよよ～んて変えられるようになりました！ ということで今回の「ぴっぴのはてなブログでアフィリエイト」は、はてなブログの記事に貼り付けた画像のサイズ変更についてお話します。 見たまま HTML編集 はてな記法 markdown 記事を書いた人 ひよこブロガー ・ブログ開始69日で合計1万PV ・ブログ開始75日で収
どうも、たつとら(@tatsutora6) です。 webページを閲覧しているとよくリンク（クリックすると他のページなどにジャンプする機能）を見かける事も多いと思います。 また、ブログの記事内でもよくリンクが貼ってある事があります。 もちろんボクが利用している「はてなブログ」でもリンクが貼られているのを見たり、自分でもよく貼っています。 今回はその「はてなブログ」における幾つかの用途別のリンクの貼り方について説明しようと思います。 過去記事のリンク 自分の過去の記事を紹介する場合や、過去の記事に詳しく載っていて、そちらの記事を見てもらいたい場合に記事内に過去記事のリンクを貼る場合があります。 「はてなブログ」で過去記事を貼る場合は、記事の編集画面で赤丸の部分をクリックします。 すると「リンクを挿入」の画面が出てくるので、こちらのURLの部分に貼りたいページのURLを記入し「プレビューボタン
※こちらの記事は次のような方に対して書きました°˖☆◝(⁰▿⁰)◜☆˖° ブログ初心者です ブログに貼り付けた画像にリンク埋め込められますか？ もしも埋め込められるなら画像にリンクを貼り付ける方法を教えてください ぴっぴ（@hiyoko_no_pippi）です！ 画像にリンクを埋め込めると便利ですよね！ ということで今回の「ぴっぴのはてなブログでアフィリエイト」は、はてなブログの画像にリンクを貼り最後までお読み頂いて、魅力的なブログ作りに挑戦してみてくださいね！ 付ける方法についてお話しすることにしました。はてなブログは４つの編集モード全てで画像にリンクを貼り付けられますよ。 見たまま HTML編集 はてな記法・markdown そして今回の記事では、これら全部の編集モードの画像にリンクを貼り付ける方法について全部分かるようにしました。 ところで、はてなブログの画像にリンクを貼り付ける方法
※こちらの記事は次のような方に対して書きました°˖☆◝(⁰▿⁰)◜☆˖° はてなブログで画像を横並びに貼り付けたい 画像は何枚でも横並びにできるの？ それと注意することってある？ ぴっぴ（@hiyoko_no_pippi）です！ 画像を横並びに貼り付けているブログを初めて見たとき、ぴっぴも挑戦したくなったことを今でも覚えています。そんなぴっぴも今では画像の横並びができるようになりました！ ということで今回のぴっぴのはてなブログでアフィリエイトは、はてなブログで画像を横並びに貼り付ける方法についてお話します。 ( ﾟдﾟ)ﾊｯ! 今ブラウザバックしようとしている、そこのあなた！ 少しお待ちください💦 今回の記事と今まで紹介しました、はてなブログの画像の使い方を組み合わせると、すぐ下にある簡易レコメンドを作れますよ（画像を押すとリンク先にジャンプするです）！ なので最後までお読み頂いて、見栄
3月後半から4月にかけて行って来たネパールのエベレスト街道トレッキングレポート。いよいよ本編のスタートですが、第1回目ははタイのバンコク経由でのネパールへの渡航、そして首都カトマンズに滞在してトレッキングの準備を行った2日間になります。 エベレスト街道はまたスタートしませんが、初めてのネパール入国にエネルギッシュな街、カトマンズはなかなかに刺激的でした。 羽田空港で日本食を食べまくってタイのバンコクへ ネパール入国〜早々にネパールの洗礼 カトマンズ タメル地区のホテルにチェックイン カトマンズ2日目 トレッキング準備＆カトマンズ散策 カトマンズの犬、そしてストゥーパ ダルバール広場、そして犬 観光局でパーミッション発行、そして犬 中華料理ランチに庭園、そして犬 エベレスト街道トレッキング関連記事（2019年3〜4月） エベレスト街道トレッキングレポート 準備編・関連情報 羽田空港で日本食を
◆レッツゴー◆ ◆美味しかったから◆ ◆行ってみよう◆ 今回も訪問して下さりありがとうございます。 今回は以前一人で訪れた居酒屋が美味しかったので、家族を連れて行こうと思います。 先ずは下見が大切ですからねぇ~。実は下見も楽しかったりします（家族には内緒ですけどねぇ） ●らぷらぷ darucoro9216kun.hatenablog.com 「ここなら家族を安心して連れて来れる！」 そう言う場所が僕には大切なんです（笑） だって、僕以外は飲まない（飲めない）ので立ち飲み屋や普段僕が行ってる居酒屋は却下される事が多いんです。 ●炙りベーコン 野菜嫌いな息子ですからぁ〜。先ずは炙りベーコンからスタートしてみました。 最初の1品目が嫌いなものだと次は来てくれないカモです。 美味しく食べれる炙りベーコンからスタート！ （作戦成功でした。めちゃくちゃ気に入ってくれたみたいで、ライス注文してました「笑
Flex Slotsを用いたBigQueryのコストパフォーマンス改善と運用 - ZOZO TECH BLOG
こんにちは、SRE部の谷口（case-k）です。私たちのチームではデータ基盤の開発や運用をしています。1年ほど前からBigQueryのコストパフォーマンス改善を目的にFlex Slotsを導入しています。 本記事ではFlex Slotsの導入効果や運用における注意点、ワークフロー設計についてご紹介します。BigQueryのコストやパフォーマンスで課題を抱えているチームや管理業務を行っている方の参考になれば幸いです。 BigQuery Reservationsとは コミットメント ワークフロー ラッパータスク コミットメント コミットメントの購入 コミットメントの削除 予約 予約の作成 割り当て 割り当ての作成 割り当ての削除 オンデマンド料金モデルへ切り替え タスク コミットメント コミットメントの購入 コミットメントの削除 コミットメントの取得 コミットメントの状態取得 予約 予約の作成
初心者でも出来た！！バナー広告を作成してみました。 初心者でも出来た！！バナー広告を作成してみました。 またまた改善されたとのメールが届き「またリライト」しました。www.hitoritabi.shop kumiさんの記事を参考に 自分のブログバナーも作成 「チェック！」 またまた改善されたとのメールが届き「またリライト」しました。www.hitoritabi.shop 正直詳しくはないので、こちらの記事を参考にさせていただきました。 gladcry.com 前回の記事 「ブログみるでブログを素早く検索！うれしい追加機能できました！」 を書くにあたって、どうしても初挑戦しなければならなくなりました。 もう一度ブログ村の村長さんのメールを観てください にゃおゆきさま、にほんブログ村 村長です 先日は「ブログみる」の紹介記事、ありがとうございました！ 本当に嬉しかったです！ 来年元旦にブログ村
ブログの外観がかっこいいとテンションが上がりますね。 おしゃれなブログには憧れるけど、CSSコードとか、HTMLとか…よくわからない。 カスタマイズをやってみたけれど、うまくいかなくてデザインが崩れちゃった。 うん、そういうことあるよね！だけど大丈夫！！ この記事で初心者でも絶対にできるサイドバーのカスタマイズを超絶わかりやすく解説します！ ＊カスタマイズは失敗するとデザインが崩れることがあります。必ずバックアップを取ってからはじめてね。 カスタマイズ１/プロフィールをめちゃくちゃカッコよくする プロフィールを表示する手順 プロフィールカスタマイズのポイント カスタマイズ２/カテゴリーにアイコンをつけてスッキリまとめる アイコンを使ったカテゴリーを設置する手順 カテゴリー一覧のカスタマイズのポイント カスタマイズ３/オススメ記事を大きな画像でふわっキラっと表示させる ふわキラのおすすめ記事
次回は、1月21日（金曜日）に記事更新します。 本記事は、過去記事を修正・加筆したリライト版です。 第2版 2022年1月18日 第1版 2021年4月18日 1. マウス 2. USB ハブ 3. USBメモリ 4. ウィルス対策ソフト ① オンラインコード版 ② パッケージ版 まずは、こちらのCM動画で、胸キュン！していただいて…。 www.youtube.com 地上波、BSで洋画を見るのも良いけど、見たい映画を、いつでも好きなときに見ようと思うなら、やっぱりAmazon Prime Video は外せないと思います。 リンク 雑誌・漫画・書籍が読み放題、音楽（200万曲）も聴き放題で、月に500円。 わたしは、毎月、完全に元が取れてると思ってますっ。 Amazonでお買い物したときの送料が、無料になりますしね。 （今は、2,000円以上買えば、送料無料ですけどね）
◆コラボ◆ ◆週末ごはん◆ ◆気まぐれ弁当◆ 今回も訪問して下さりありがとうございます。 今回は週末ごはんと気まぐれ弁当を紹介しようと思います。 だって、週末ごはんだけじゃ記事が埋まりません。そんな時はコラボですね。 ●照り焼き 朝から照り焼きなんて、やっぱり休みの時じゃ無いと作れないです。なんか週末は気分良く作れます。 何も違わないのですが、やっぱり気分的に違うって言うのが大きいですね。 気持ちに余裕があるとなんか上手く出来そうな気がするんですよねぇ～。 ●ある日の朝ごはん 照り焼きチキンと目玉焼きでーす。 ずっとライス抜きだから…素っ気ないですね。 でも、おかずだけゆっくり食べるって言うのも良いのかなぁ？ 僕はパンかライス欲しくなります。 ●中華麺 中華麺買いました。 最近この細ちぢれ麺買ってます。 何だか麺を食べたい気分になりました。 めんどくさく無い麺です。 「スープが絡む手もみ風
ジェイソン・ステイサムとは？ イギリス出身のハリウッド俳優です。主にアクション映画に出演していて、代表作に「ワイルドスピード」シリーズ、「トランスポーター」シリーズなどがあります。スタントマンを使わず、自身でアクションシーンを演じることがほとんど。鍛えぬいた体が素晴らしいです。。。（参照：wikipedia ） なぜジェイソン・ステイサムのBOTを作るのか ステイサムを好きになって10年ほど経ちました。 ワイルドな顔とマッチョなボディはもちろんですが、 彼の声と演技、そしてストイックなプロ意識が大好きなのです。 近年その想いが加速し、やる気を出したいとき、疲れて癒されたいとき、キュンキュンしたいときなどに、 ステイサムの画像を検索して、妄想するのが日課になってしまいました。 どうせなら、そんな妄想を具現化して、さらなる高みを目指したいと思い、今回LINE BOTを作ることにしました。 完成
☜☜☜ ランキング参加中。よろしければポチッと押してくださいね。 地域おこし協力隊ランキング レジ袋が有料化になりましたね。 レジ袋がないとやっぱり不便ですが、「環境のため」って言われたら、言い返せないですね。 正論は強い。 ということで、私もさっそくダイソーで100円ではない150円のエコバッグを購入。 なぜこのショボいバッグが100円ではなく150円設定なのかは謎です。 ということで、先日私も遂にエコバッグデビューを果たしました。 ドキドキしますね。 その日は最寄りのローソンで、キャベツのミックスサラダ（カットしてくれているやつね）×2と10個入りの卵1パックを購入。 店員のおねえさんが、 「レジ袋は要りますか？」 と訊いてくるので、低めのシブい声で、 「いいえ、結構です」 と格好良く応えて、お金を支払いました。 ところで、コンビニってこれまで、店員さんが購入した品物を袋に入れてくれて
誰かに指摘してもらうまでは気付きもしないけど、指摘された内容がかなり重要なことで、今まで知らずに放置していることって少なからずあるのではないでしょうか？ 鼻毛がコンニチハしていたとか、社会の窓が全開だったとかなら数時間から長くても半日。 誰からも指摘されなかったとしても、いずれ自分で気付きます＾q＾ 漢字の読み方の記憶間違いなどは、気付くきっかけがなければそのままでしょう・・・ 幅員減少の「ふくいん」は、教習所で学ぶまでは「きょういん」って覚えていたし、十点が「じゅってん」ではなく「じってん」だと知ったのも社会に出てからでした。 ぅおっと、話が違う方向に行ってしまった。。。 今回、取り上げるのは見出しで掲げた件についてです。 ありがたいことに昨夜読者登録してくれた方がいて、「どんな人かなー」と訪問した先に、冷や汗たらーの記事がトップにおいてありました。 www.otherhalf22.co
どうも！LSSです！！ CSSを知らなくてもなんとなく遊べる（？）、CSSパズル第三問です！ CSSパズル カテゴリーの記事一覧 - Little Strange Software CSSパズル 第三問！ 「現在のコード」について やっている事と言えば… 応用例 CSSパズル 第三問！ ２つの写真があります。 上が「お手本」で、下が「回答」です。 そのさらに下に、赤い枠線で囲んだコードがあり、その中にいくつかの選択肢が入っています。 選択肢を変更すると「回答」の表示がそのコードで生成したものに変化するので、「回答」を「お手本」と同じものになるよう、正しい選択肢を選ぶ、という出題です。 なお、選択肢を変更した際に、さらにその下にある「現在のコード」がその選択肢の場合のコードとなります。（つまり、その時点で表示されている「回答」のコードですね） 全ての選択肢が正しいものになり、「お手本」と「回
HTMLで画像の位置を中央や左右に固定する方法｜はてな記法とmarkdownのやり方も紹介 - ぴっぴのはてなブログでアフィリエイト
※こちらの記事は次のような方に対して書きました°˖☆◝(⁰▿⁰)◜☆˖° 画像の位置を変えたいブログ初心者です。画像の位置を変える方法を教えてください。お願い致します。 ぴっぴ（@hiyoko_no_pippi）です！ 小さくした写真を記事の真ん中や右に寄せたいですよね？ ぴっぴも写真の位置を固定したくてお勉強しました！ そしたらぴっぴにもできたんですよ、画像の位置の固定が！ 実はhtmlやはてな記法、markdownで画像の位置を変えるのはそれほど難しくありません。ぴっぴにできることなので本当です！ ちょこちょこっとコードを描けば画像を中央や左右に固定できますよ（もちろんはてな記法とmarkdownも！）。 ということで今回の「ぴっぴのはてなブログでアフィリエイト」はHTMLやはてな記法、markdownで画像の位置を中央や左右に固定する方法を書きました。 ちなみに今回の画像の位置を変え
HTMLで画像の横に文字をグルグル回り込みさせてブログ記事をオシャレにしない？ - ぴっぴのはてなブログでアフィリエイト
※こちらの記事は次のような方に対して書きました°˖☆◝(⁰▿⁰)◜☆˖° ブログ初心者です。小さくした画像の横に文字を回り込みさせて雑誌みたいなオシャレな記事にしたいんですけど、やり方が分かりません。誰か助けてください！ ぴっぴ（@hiyoko_no_pippi）です！ その気持ち、分かります！ だってこの２カ月間、ぴっぴも画像の横に文字をグルグル回り込みさせたかったんですもの！ そして、この２カ月間お勉強して練習したおかげで昨日やっとできるようになりました！ じゃじゃーん。 ね、ちゃんと画像の横に文字がグルグル回り込んでいるでしょ？ なかなかできなくて文字でなくて頭がグルグルしましたけど、なんとかできるようになりました💦 （スマホの場合、画像の大きさの都合で文字は回り込みません） ということで今回の「ぴっぴのブログでアフィリエイト」は、HTML で画像の横にグルグル文字文字を回り込みさ
はてなブログでの「吹き出し」の作り方を、どこよりも丁寧に解説！（これで出来なかったら逆にあきらめましょう） - ストレスフリー生活研究ラボ
こんにちは、こんばんは、おはようございます！チャオ酢です。 鼻メガネです。ごきげんよう。 よくブログでこのようなLINE風の会話形式の見せ方を見かけますよね。 文章よりもパッと読みやすく、ブログの「つかみ」や要点整理に使われる見せ方として、有名ブロガーさんも多用しています。 やってみたいんですが、はてなブログの基本機能ではできないので、改造が必要です。 方法はいろいろなブログでも紹介されています。 www.notitle-weblog.com 僕は「コピペするだけ」のはずなのに何故かうまく行かず、苦戦しました。。 ですので、この記事を見てもちゃんと設定できない方のために、どこよりも丁寧に全ての工程を順を追って解説します。 一度設定してしまえば、すぐに「吹き出し」が出せるようになるので、ぜひチャレンジしてください。（所要時間30分くらいのイメージ） かなり丁寧に書きますので、分かっているとこ
自分のブログの宣伝用に、可愛いバナーを作り、他のブログに貼って宣伝したい！ 現在私は、3つのブログを持っています。（外注分を入れたら4つ） 本来であれば、一つのブログに集中して目標となる100記事へ猛進したいところなのですが、どれも捨て難い…。 ほぼ同時進行で進めているので、なかなか記事の更新が大変です。（失敗したと思ってます…） 一つのブログにかける時間がない分、じゃあそれぞれを繋いで、それぞれのブログから互いにアクセスできるようにしてはどうかと考えました。 少しでもアクセス数がUPすれば…、と思ったのです。 バナーの貼り方が意外と簡単だったので、こちらにまとめてみました。 バナーとは バナー画像の作り方 バナーの効果を期待して実験中 バナーとは バナーとは、ウェブページ上で他のウェブサイトを紹介する役割を持つ画像（アイコンの一種）のこと。本来、旗印を意味し、ウェブページ上で広告が目立つ
エベレスト街道最後の街ゴラクシェプから遂にエベレストベースキャンプ到達！【エベレスト街道トレッキング⑥】 - I AM A DOG
エベレスト街道8日目（4月3日）、遂にエベレスト街道の最終地点である「エベレストベースキャンプ（Everest Base Camp：EBC）」に辿り着きます。巨大な氷河に囲まれたエベレスト登山の拠点とは一体どのような所なのでしょう……。 この日は標高4910mのロブチェからエベレスト街道最後の街「ゴラクシェプ」（5125m）を目指し、一旦ロッジにチェックインした後エベレストベースキャンプをピストンします。 ロブチェからゴラクシェプを目指す 迫力のクーンブ氷河に圧倒される エベレスト街道最後の村「ゴラクシェプ」 カラパタールの脇を抜けて「エベレストベースキャンプ」へ 巨大な氷河上のテント村「エベレストベースキャンプ」 再びゴラクシェプへ 当日の行動ログ（YAMAP） エベレスト街道トレッキング関連記事（2019年3〜4月） エベレスト街道トレッキングレポート 準備編・関連情報 ロブチェからゴ
【イベント動画】「アニメ×テクノロジー」 - sight update session エンジニアへのラブコール - - sight 次世代を生み出すテクノロジーの視点
https://cdn-ak.f.st-hatena.com/images/fotolife/P/PCA_nomura/20200330/20200330125847.png 「アニメ×テクノロジー」 「アニメ×テクノロジー」をテーマに、アニメーション映画監督、脚本家の神山健治氏とNiantic, Inc. アジア・パシフィック オペレーション 副社長の川島優志氏が語り合った、2019年12月20日のイベントをダイジェストでお届けします！ イベント詳細はこちら イベントレポートを読む 神山健治監督とNiantic川島優志氏が語る ──アニメとゲーム作りでこだわった「現実感」 神山健治監督とNiantic川島優志氏が語る ──アニメとゲーム業界で活躍する最強ITエンジニアとは
サマーインターン生がアクセシビリティの改善に取り組んだお話 - freee Developers Hub
はじめに こんにちは。 freeeサマーインターン2020に参加させていただきました ganariyaと申します。 2022新卒予定の修士1年で、群知能と呼ばれる生物の群れの行動をシミュレーションして最適化を行う研究をしています。 普段は競技プログラミングを趣味で行っています。 さて、そんなganariyaは、freeeのプロダクトの一つであるプロジェクト管理フリーチームで、2週間のインターンに参加させていただきました。 具体的な業務内容は、プロジェクト管理フリーのアクセシビリティの改善です。 ganariyaにとってアクセシビリティとは初めての概念です。 最近重要視されているアクセシビリティとは一体何でしょうか。 アクセシビリティ (Accessibility) アクセシビリティの定義はいくつか公式な定義があります。 そのうち、freeeアクセシビリティー・ガイドラインを一般公開しました
観音温泉ブログ - 熟年夫婦の温泉旅日記
崖の上に建てられた竹林庵の建物全体像を写真に撮るのは難しく、10時半にチェックアウト後、坂を下りた第二駐車場から本館のみの写真（雨の中）となりますが、我々が滞在した「漁火」の部屋□が確認できます。昨夜から降り続く雨は、本日予定していた屋外の観光スポット訪問を全て中止せざるを得なく、美術館やミュージアムの訪問等で時間を潰し、下田から414号線〜県道15号線を3㎞ほど進んだ所に観音温泉方面の矢印、その方向へ15号線から離れて左の細い道に入ると、下図の物凄く狭い坂道が３㎞ほど続き（対向車が来ると大変）、やっとのことで、15時過ぎ今日のお宿 ②泊目の観音温泉に到達。観音温泉の玄関前右に、謂れのありそうな観音像が出迎えてくれます。（当館創業者が信仰していた観音様が夢枕に現れ、そのお告げを受け、この地に温泉掘削を始めたとされています：詳しくは観音温泉HPご参照ください）。玄関を入ると、手の消毒、検温を
どうも！フジグチです！ ブログのカスタマイズを進めていく中で一度は使いたくなるのが、「アイコン」ですよね。 はてなブログではデフォルトで読み込まれている「アイコンフォント」があります。 例えば とか とか。 これをCSSで装飾していくと、フォローボタンやシェアボタンを作ることができます。 はてなブログではこうしたアイコンフォントが125種類用意されています（2021/6/7 時点） カスタマイズを公開している都合上アイコンフォントをよく使うのですが、自分で用意したほうが使い勝手が良さそうなので、今回まとめてみました。 この記事の特徴 アイコンを大きく表示しているので探しやすい アイコンをクリックしてコードをコピーできる 使いたい形式に合わせてコードも付与できる アイコンフォントの使い方 HTMLで使用する方法 大きく表示したい場合 見たまま編集で使用する際の注意点 CSSの疑似要素で表示す
はてなブログに写真（画像）を貼る場合、はてなが提供するウェブアルバムサービス「はてなフォトライフ（Fotolife）」に写真をアップロードして貼り込むのが基本ですが、その他にも「Flickr」や「Googleフォト」にアップロードした写真を貼り付けることも可能です。 私の場合はFotolifeとFlickrを主に使っていて、日常の日記やレビュー記事はFotolifeが中心。旅行や登山のレポートなど、なるべく綺麗な写真を見てもらいたいものはFlickrでと使い分けています。 使い分ける理由は同じ写真を貼り付けた際に、Flickrは読み込まれる画像（縮小画像でも）がシャープネス強めに処理されて比較的ブラウザ映えする写真に見えること、一方でFotolifeはややモヤっとした眠い表示に見えることが主な理由ですが、それもかなり昔の印象のまま（2013年頃に雑比較した記事）。 上からFotolife、
ゴラクシェプで迎えるエベレスト街道9日目、今回のトレッキング旅の一番の目標であった「カラパタール」（エベレスを間近に眺めることができる丘：標高5550m）に登り、エベレストに登る日の出を見ます。日本を発って11日、遂にここまでやってきました……。 日の出前、暗闇の中をカラパタールに登る 念願のカラパタール（5550m）登頂 標高5550mから見る世界 エベレストから昇る朝日 何時までも下りたくないけど…… ゴラクシェプをチェックアウトしてロブチェへ 当日の行動ログ（YAMAP） エベレスト街道トレッキング関連記事（2019年3〜4月） エベレスト街道トレッキングレポート 準備編・関連情報 日の出前、暗闇の中をカラパタールに登る 無事もエベレストベースキャンプに辿り着いた8日目の夜。これまでで最も高い標高（ゴラクシェプ：5125m）での夜は、特にこれまでと変わらず眠りに付くことができました。
たまたま見えたこの看板行くしかないでしょうｗ 軽井沢旅行で食べたそば 先日旅行で行った軽井沢。 何年か前に発見してから軽井沢方面に行くたびに立ち寄るお蕎麦屋さんです。 たまたまグーグルナビで案内された裏道を行くと浅間翁の看板が！ 翁？？？ まさか！！！ と思い調べてみました。 www.stn1.work もともとは山梨にある翁という蕎麦屋ののれん分けのお店です。 翁達磨グループで検索すると出てきますが全国にのれん分けしたお店があります。 本店では田舎そばと普通のそばしかメニューしかありませんがこちらは他のメニューもあるのでこちらの浅間翁を気に入っています。 浅間翁のメニュー ざると田舎以外があるのはうれしいですね。 他にも食べてみたいものいろいろあるのでがやっぱり天ざるになってしまいます。折角来たのだしやっぱり天ざるって残念な思考回路です（笑） src="https://cdn-ak.f.
コメント欄の目から鱗的活用方法を公開しちゃいましょうと思いましたりしちゃったりしましたよ！ - チコちゃんに叱られないブログ
コメント欄でHTML活用 2019年10月21日 タイトル通りなのでコメント欄を中心に参照ください。 コメント欄は［編集見たまま］と［HTML編集］が合体した形になっていますので、直接タグを打ち込んで投稿すると、掲載時に記載ミスが後で見つかったりすることもありますので、予めメモ帳などで原稿を仕上げてからコピペで書き込むと良いでしょう。 編集的にはホームページを作ったことがある方なら、ホームページ編集ソフトで記事を書く感じと思ってください。 左アイコン右セリフ用 <img src="https://cdn-ak.f.st-hatena.com/images/fotolife/i/i-shizukichi/20190823/20190823175656.jpg" align="left" hspace="20" /><br> セリフはこの間に書き入れます。 <br clear="left"><
【CSS/JavaScript】多角形フォトギャラリー - Little Strange Software
どうも！LSSです！！ 以前、公開した little-strange.hatenablog.com というフォトギャラリーの仕組みがあります。 「六角」の名の通り、見せたい画像が６枚ある場合にちょっと面白い見せ方ができる、というものでしたが、より多い・少ない場合には使えないという最大の欠点が！ 今回はその欠点を解消し、より多い枚数でも少ない枚数でも使えるようにしたものを「多角形フォトギャラリー」として公開します^^ 多角形フォトギャラリー コード 使い方 難点 多角形フォトギャラリー コード <style> #ph3d{ position:relative; transform-style:preserve-3d; width:150px; height:150px; left:75px; transition:1.5s; transform:rotateX(-10deg) rotateY
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Pythonを使ったスクレイピングの方法！初心者向けに解説
鬼っていつからこんな風になっちゃったの？（追記・ツノ、肌角）
ヘイゼル・ブライアンになりたくないから表現の自由戦士をしている
はてブの記事を、キーワードや URL でミュートする Chrome 拡張を作った
検索エンジンから見えますように。記事の写真にalt属性をつけよう。 - 葉ログ
はてなブログで吹き出しを使った会話形式を作るカスタマイズ - Random Life Blog
「はてなブログ」における記事内でのリンクの貼り方のまとめ | たつブロ
はてなブログの画像にリンクを貼り付ける方法 - ぴっぴのはてなブログでアフィリエイト
はてなブログで画像を横並びに貼り付ける方法 - ぴっぴのはてなブログでアフィリエイト
ネパール入国〜カトマンズに滞在してトレッキング準備と犬と飯【エベレスト街道トレッキング①】 - I AM A DOG
連れて行きたい - 「だるころ」（だぁ～るまさんがこぉ～ろんだ♪）
簡単に作れる！初心者向けバナー広告の作成方法を解説します！#初心者 #バナー広告 - 今この瞬間！
初心者でもできる！はてなブログのサイドバーをおしゃれにする３つのカスタマイズ - キラッとはてログ
初めての一人暮らし。買って良かったパソコン（２） For Spring 2022 - 一人暮らし、はじめますか？
週末ごはん＆メンズ弁当 - 「だるころ」（だぁ～るまさんがこぉ～ろんだ♪）
ジェイソン・ステイサムで妄想するのが日課になっていたので、いっそBOTにしてみた。 - Qiita
【危険】エコバッグとクロスバイク - しまなみ海道 エメリヤーエンコ・ヒョードー ブログ
はてなフォトライフの設定がパブリックだったので、自分のみに変更しました - いつの日もマイル、ときどきチャイナ
CSSパズル 第三問！ - Little Strange Software
はてなブログに「自分のブログのバナー」を貼ってみた - ダブルインカムで行こう☆
はてなブログで使えるアイコンフォント全125種-コードを追加してワンクリックでコピー！ - フジブロっ！
はてなブログの編集画面で貼り付けられる写真サービスと手順を比較してみた - I AM A DOG
念願適う… カラパタールからエベレストの日の出を見た朝【エベレスト街道トレッキング⑦】 - I AM A DOG
軽井沢方面のおすすめ蕎麦屋【浅間翁】天ぷらそば - 詐欺師自由人（仮）