今回は、はてなブログの中で使っている画像を一括でダウンロードする方法について紹介します。 WordPressへの移行時にも大活躍する技なので、ぜひ覚えておいてもらえればと思います。 はてなブログでは、はてなフォトライフに写真などの画像データがアップロードされています。 私の場合、ブログに使っていない画像も含めて５７７４個もの画像データがはてなフォトライフにアップロードされていました。 はてなフォトライフにアップされたブログの画像数 これを一つ一つダウンロードするのは非現実的です。 そこで今回は、はてなブログ内で使っている画像をはてなフォトライフから一括でダウンロードする方法を紹介します。 流れとしては、以下のようになります。 はてなブログのデータをエクスポートブログ内で使われている画像のURLを一括で抽出フリーツールで一括ダウンロード はてなブログのデータをエクスポート まず、はてなブログ

Stunning free images & royalty free stock Over 1 million+ high quality stock images and videos shared by our talented community.

MakeGirlsMoe - Create Anime Characters with A.I.! Automatically generate an anime character with your customization. You can specify some attributes such as blonde hair, twin tail, smile, etc.

SEOで使われる用語「Above the fold（アバブ・ザ・フォールド）」について解説しています。 ＼プロのノウハウを詰め込みました！資料ダウンロードはこちらから／ Above the fold（アバブ・ザ・フォールド）とは、ユーザーがWebページに訪れた際、スクロールしないで閲覧する事のできる画面領域の事を指す言葉で、より身近な表現では「ファーストビュー」とも言われます。 逆に、スクロールしなければ見られない画面領域をBelow the fold（ビロウ・ザ・フォールド）と言います。 Webページに訪れたユーザーがページ内容を判断するまでの時間は一般的に3秒と言われ、「3秒ルール」などという言葉もあるほどです。 訪問者が新規ユーザーであったならば、特にAbove the foldの情報を頼りに「このページには良い情報がありそうだ」とか「良い情報がなさそうだから次のサイトに行こう」など

ピクシブのリードエンジニア道井俊介(ニックネーム：はるかさん)に、画像変換技術の未来について語っていただきます。 （※この記事は、「画像の価値は上がったのに、技術は10年前から変わっていない ─ ImageFluxで描く画像変換の世界」の後編です。） これからの画像変換システムのありかた ── はるかさんは、これからの画像変換のあるべき姿をどのように捉えているんですか 今でこそEC2みたいなクラウドサービスがあるけど、そうじゃなかった時代のことを思い出して欲しいんです。物理サーバーの時代。やれCPUがどうだとか、SSDに何をつかうだとか、省電力モードがどうとか。Linuxを入れればとりあえず大丈夫でしょ、とか言われてたけど、実際に運用に乗せると、そうでもないですよね。 BIOSの設定がどうなってるだとか、そういう細かいところは、日々のルーチンワークとしてやっていたはずなんですよ。そこに、E

2012年入社。ピクシブでインフラエンジニアとして活動している道井俊介。ニックネームは、はるかさん(@harukasan)。入社以来、彼は画像配信インフラに関わり続けています。 サービス開始当初はよく障害を起こしていたpixivの画像配信インフラも、対策を重ね、今では安定した配信を実現しています。2014年には、画像変換のためのGo製プロキシ「go-thumber」をオープンソースとして公開。メルカリの久保達彦氏と共著した技術評論社「nginx実践入門」などの執筆にも関わりました。現在は、さくらインターネットと提携し、メルカリなどで活用されている画像変換のクラウドサービス「ImageFlux」の開発リーダーとして活動しています。 まさに、画像変換の世界で最前線に立っているはるかさん。今回彼に、世界最大規模のイラスト画像配信インフラの中でやってきた取り組みを語っていただきながら、同技術の今と

この記事を三行にまとめると いいえ、ケフィアです サラマンダーよりずっと早い！ ヨヨ王女は正しかった そのファイルは画像でしょうか？ ▶はい、画像です。 いいえ、ケフィアです。 もしこんなやり取りをPHPで行いたいときがあったとしよう。そんなときはどうすれば良いの？　そもそもケフィアって何だっけ？ 今日はそんな疑問を解決していこうと思います。 ケフィアって何だっけ？ ケフィアとは……。 乳製品の一つで、日本だとヨーグルトきのことかの名称でも知られていた気がする。ちなみに「いいえ、ケフィアです」というのは、株式会社やずやの千年ケフィアという商品のCMに出て来たフレーズで、一時期ものすごい流行った。きっと今でもyoutubeとかで動画を探せばすぐに見つかります。 画像かどうか判定するには？ PHPを使ってとあるファイルが画像ファイルであるかどうかを調べる方法はいくつかありますが、今回お話したい

ここ3日間ぐらい超絶な重さだったのはサーバに物理的トラブルが発生したからではなく、単純に閲覧者数が満員御礼となり、各時間で倍増したためです。LoadAverageはひどいときで15分間の平均値「27.1」程度。瞬間最大風速だともっと高いです……明らかにまずい。 というわけで、Apacheのデフォルト設定で今までは大丈夫だったのですが、ついに高負荷サイト用の設定に変更せざるを得なくなりました。 そのため、実際に行った対処方法は以下の通り。1日30万PV近い動的サイトの高負荷を緩和させる方法として参考になれば幸いです。 まず大前提として、既にDNS逆引きや.htaccessの余計な読み込みなどは停止させていました。下記ページに書いてあることは実行済み。 ＠IT：Apacheパフォーマンス・チューニングの実践（1/2） この状態で負荷が15分平均で「27」になっていたわけです。 また、LoadA

画像表示のマルチデバイス対応をHTMLとCSSのみで実現できる「レスポンシブ・イメージ」ですが、効果的な使い方をするには、いくつか注意点があります。プロダクション・サイトで使えるようになるまでにはもう少し時間がかかりそうですが、基礎と注意点くらいは今から覚えておいても良さそうです。 Cloud Fourというアメリカの制作会社のブログ で、<picture>要素の使い方について注意を促していて、とても重要な情報だと思ったのでこちらでもシェアします。先日書いたレスポンシブ・イメージとPicturefill 2のまとめとあわせて、近い将来、レスポンシブ・イメージ実装の参考になれば幸いです。 まずは推奨の記述方法から レスポンシブ・イメージ実装の際に推奨されるHTMLの記述方法は以下のとおりです： とりあえず、これだけ覚えておけば、細かいところはこの記事をはてブ しておいて、使う時にもう一度見な

<picture> どうなった 勤め先がモバイルに注力していたこともあり、レスポンシブもへったくれもない世界を生きてきた。そのせいで、その類の情報にかなり疎くなっていたので、現状を軽く調査してみた次第。 HTMLでの画像リソース読み込み分岐の必要性 CSS には Media Queries があるので、Viewport の width であったりデバイスのピクセル密度であったりを条件にして background プロパティの指定をすれば対応できる。 反面、<img> 要素と src 属性にはそのような仕組みがないため、Media Queries で可能な条件で同じようにやろうと思うと、JavaScript で DOMContentLoaded のあとに"頑張って"操作するか、バックエンドで UserAgent に応じて"賢く"返す仕組みを用意しなければならない。 WebP のような画像形式

Opera requests that the EU General Court secure the DMA’s promise of free browser choice... July 12th, 2024 Opera is appealing the EU Commission’s decision not to designate Microsoft Edge as a gatekeeper, and requesting to keep freedom... AI, Gaming, Opera GX Aria gets Buffed in Opera GX July 1st, 2024 Aria gets buffed in Opera GX. New features are being added to improve Aria's capabilities. Deskt

The picture element Stay organized with collections Save and categorize content based on your preferences. The previous module demonstrated how the srcset attribute allows you to provide different-sized versions of the same image. The browser can then decide which is the right version to use. If you want to change the image completely, you'll need the picture element. In the same way that srcset b

これが分かってから、すんなりサンプルが読めるようになりました。なるほどです。 参考） [PHP]ImageMagickとImagickの違いについてそろそろ一言いっておくか。 – DQNEO起業日記 [Perl]ImageMagickとImage::Magickの違いについてそろそろ一言いっておくか。 – DQNEO起業日記 以下は自分がよく使うImagickのサンプルです。 よく使うImagickのサンプル 使用した元画像） ※素敵な薬棚の写真は無料写真素材ぱくたそからお借りしました。 画像の読み込み＆表示 実行結果 サンプル１ 画像の読み込み＆書き出し 実行結果 サンプル２ ※リンク先では「Complete!」の文字と書き出された画像が表示されます。 フォーマット変更 実行結果 サンプル３ 分かりにくいですが、jpeg画像がgif画像として表示されています。 「setImageForm

ブログで使う画像の形式は、JPEG・PNG・GIF が一般的です。最近では WebP も使われるようになってきましたね。 このうち、写真素材でよく使われる JPEG 形式には「ベースライン」と「プログレッシブ」という 2 つの種類があるのはご存知でしょうか。本記事では以下 4 点について詳細に解説していきます。 容量はどちらが軽いのか ブログで使うならどちらが最適なのか ベースラインとプログレッシブの判別方法 プログレッシブ形式画像の作成・変換方法

どうも、まさとらん（@0310lan）です。 みなさんは、「YouTube」の動画をWebサイトやブログなどに貼り付けたことがあるでしょうか？ 「埋め込みタグ」をコピペするだけで、簡単に動画コンテンツを利用できるわけですが、最近は他にも多彩なコンテンツが埋め込めるようになっています。 そこで今回は、特にユニークなWebコンテンツを埋め込める無料サービスだけを厳選してみましたので、ぜひ参考にしてみてください！ ■リッチな情報を盛り込んだ「画像」を埋め込む！ 【 ThingLink 】 Webページに「画像」を挿入する機会は多いと思いますが、１枚の画像で伝えられるコトには限界があります。 そこで、「ThingLink 」を使うと、ごく普通の画像内に「動画」「音楽」「リンク」「テキスト」…など、さまざまな要素を埋め込むことが可能になるのです。 まずは、以下のサンプル画像をチェックしてみてください

TOP > 犬 > 柴犬の毛が大量に収穫できる季節になりました Tweet カテゴリ犬 0 ：ハムスター２ちゃんねる 2015年04月29日 14:30 ID：hamusoku 春の収穫祭 もちろん二期作 春の収穫祭 もちろん二期作 pic.twitter.com/ZMxOvbFs6e— 柴犬　ちゃこ (@w_PoP_w) 2015, 4月 29 1 :ハムスター名無し2015年04月29日 14:31 ID：JQzhsKFm0 かｗｗわｗｗいｗｗいｗｗ 11 :ハムスター名無し2015年04月29日 14:32 ID：D04paoXB0 分身ができそうだな 2 :ハムスター名無し2015年04月29日 14:31 ID：EwPZ3EBO0 ちょっと切なそうな表情がまた・・・ ２月の画像も載せときましょうかね ２月の画像も載せときましょうかね pic.twitter.com/Ax2g6aS