JavaScriptの非同期処理を理解する その2 〜Promise編〜 | さくらのナレッジ

2020/09/30 228 users ナレッジ 小田島 非同期処理 さくら JavaScript

こんにちは！小田島です。前回の「コールバック編」を納稿したとき、アイキャッチ画像はJavaScriptのロゴにタイトルの文字を入れただけというとんでもないやっつけ仕事だったのですが、さくナレ編集部の方に「シリーズで理解が深まる」というすごい煽り文句がついたとてもカッコいい画像に差し替えていただきました。ア... 続きを読む

アイキャッチ画像がない記事をシェアした際、ブログタイトルや本文などから画像を自動生成するようにしました - はてなブログ開発ブログ

2019/09/11 208 users ブログタイトル Twitter Facebook 本文 自動

はてなブログでは、アイキャッチ画像の設定がない記事をTwitterやFacebookなどのソーシャルメディアでシェアする際に、ブログタイトル・記事タイトル・記事の概要などから画像（シェア画像）を自動で生成するようにしました。これによって記事の内容がソーシャルメディア上で伝わりやすくなり、より多くの方に閲覧される... 続きを読む

ブロガー必見！アイキャッチ画像を緊急で差し換える方法 - はてな村定点観測所

2017/11/13 163 users ブロガー必見 はてな村定点観測所 Twitter 方法 最初

2017 - 11 - 13 ブロガー必見！アイキャッチ画像を緊急で差し換える方法 ブログのアイキャッチ画像を間違えてしまった時に 知らない人が意外と多いので記事にします。ブログのアイキャッチ画像はTwitterやfacebookへのシェアでもサムネイル画像となるので重要ですよね。 はてなブログなどでは記事を書く時に一番最初にアップロードした画像がアイキャッチ画像に自動設定されるので、本来意図しな... 続きを読む

おしゃれなアイキャッチ画像の作り方＆デザインのコツ8つ

2017/08/01 102 users Photosh 目次 コツ ツール たくさん

今回は、アイキャッチ画像の作り方を解説します。デザインのコツもまとめているので、ブログやWebメディアを運営している方はぜひ参考にしてみてください。 この記事の目次 アイキャッチ画像作成ツール デザインのコツ アイキャッチ画像の作り方例 SNSでの画像表示をチェック 画像を圧縮しよう 1. アイキャッチ画像のデザインツールは？ アイキャッチ画像を作るためのツールはたくさんあります。 Photosh... 続きを読む

本当は教えたくない！ド素人でも3ステップでオシャレなアイキャッチが作れる「Canva」 - 日常の最中に、

2017/07/05 978 users canva はなし アイキャッチ 最中 ド素人

2017 - 07 - 05 本当は教えたくない！ド素人でも3ステップでオシャレなアイキャッチが作れる「Canva」 ブログのハナシ ブログのハナシ-ツール シェアする Twitter Google Pocket Line 誰にも言わないでね！ どうもー、もなかです。 最近の記事はちょっと頑張ってアイキャッチ画像も設定してるんですけど、どうでしょう？ 良いでしょ？　良いよね？ 別に......って... 続きを読む

ブックマークしておきたい！高品質すぎる写真が無料でダウンロードできるサイト「picjumbo」 - 素材サイト

2016/11/19 1109 users フォトストックサイト クオリティ プレゼン資料 フック 高品質

写真・画像を探す時はサッと見つかって、ダウンロードできるものもクオリティが高いものが欲しいものですよね！ 今回ご紹介するサイトでは、4,000,000以上もの写真・画像がストックされており、プレゼン資料やブログのアイキャッチ画像、広告の素材としても使えます。 そんな品質・量ともに充実したフォトストックサイト、「 picjumbo 」をご紹介します。 どんなサイト？ picjumbo は、4,200... 続きを読む

目を引くアイキャッチ画像の作り方、50の作成事例とデザインのアドバイス | コリス

2015/07/07 460 users ヘッダ コリス フォント プロセス カラーパレット

あなたのブランドを魅力的に見せるアイキャッチ画像は、非常に大切です。どんなカラーパレットを使うか、どんなタイプのイメージを選ぶか、どんなフォントが一緒に機能するか、デザインのプロセスは多岐に渡ります。 Webページやブログのヘッダ、プロダクトの打ち出し、ブランドのメッセージなど、見た人の印象に残るアイキャッチ画像の作り方、50の作例とデザインする際に役立つアドバイスを紹介します。 Steal Th... 続きを読む

コーディング中のクラス名で迷いたくない！よく見るコンポーネントの名前17選 | 株式会社LIG

2015/06/17 417 users コンポーネント 株式会社LIG thumbnail クラス名

thumbnail サムネイル画像。 アイキャッチ画像やギャラリーページの画像一覧などで用いられます。 avatar ユーザのアバター画像。 Webサービスのユーザ情報ページや、ブログの著者情報などに用いられてます。 feature そのサービスの特徴を説明しているコンポーネント。 イメージ＋テキストでひとくくりになっていることが多いです。 overlay 要素の上に覆いかぶさるコンポーネント。 ... 続きを読む

アイキャッチ画像・ロゴ作成のための6つの優秀な無料ツール / Maka-Veli .com

2015/03/18 126 users グラフィック Maka-Veli .com 才能 デザイナー

事情があって、プロのグラフィック・デザイナーを雇えない場合はありませんか。コストが問題であったり、時間に追われていたり…といったことが原因で。あるいは、デザインの才能はあるけれど、ITに弱いという人もいるかもしれませんね。こうしたことが身に覚えがある方には、ブログ用のシンプルな画像やウェブサイト用のロゴを簡単に速く作ることができる優秀な無料ツールがある、というのは嬉しい情報ではないかと思います。 ... 続きを読む

【2015年最新版】FacebookのOGP設定がわかるサイト6選＋1｜Ferret [フェレット]

2015/02/06 217 users Twitter Facebook OGP 柿崎 フェレット

Ferretエンジニアの柿崎です。 ホームページ担当者の皆様、運営しているホームページのOGP設定をおこなっていますか？ OGPとは「Open Graph protocol」の略称です。FacebookやTwitter、mixiなどのSNSでシェアされた際に、そのページのタイトル・URL・概要・アイキャッチ画像（サムネイル）を意図した通りに正しく表示させる仕組みです。SNSでの拡散を通じて多くの人... 続きを読む

少しのコードで実装可能な20のWordPress小技集 | Webクリエイターボックス

2014/10/22 554 users 実装 Webクリエイターボックス コード 少し jQuery

CSSの小技やjQueryの小技、スマートフォン対応など、これまで様々な小技集を紹介してきました。そこで今回はWordPressの小技を紹介しようと思います！基本から応用まで、簡単なコードで設置可能なので、WordPress初心者さんでも大丈夫！みなさんのサイトに合わせてカスタマイズしてくださいね！ 目次 カスタムメニューの設置 アイキャッチ画像（サムネイル画像）を利用する 検索ワードをハイライト... 続きを読む

ブログで使える画像がいっぱい！クリエイティブ・コモンズ作品の一括検索サイトを公開しました！

2014/05/03 320 users 一括検索サイト 画像 ブログ クリエイティ Find CC

新しいWEBサービスを公開 ブログのアイキャッチ画像や、テキスト中のイメージ画像に困ったことはありませんか？写真素材はたくさんありますが、定番サイトばかり使っていると他のサイトとかぶることも多々。 だけど色んなサイトをチェックするのは面倒ですよね。ということで、好きなサイトだけ選んで一括で検索できるWEBサービスを作成しました。名前は「Find CC」と言います。 Find CC – クリエイティ... 続きを読む