はてなブックマーク

FireworksからXDへ乗り換えたいWebディレクター向け、よく使う機能の操作方法の比較 初学者向け 公開日 2018.12.23 この記事は平野 ジュンヤの 提供でお送りしています Supplied by Jun'ya Hirnao Webサービスやツールをつくったり、マーケティングをしたり、コアラを愛でたりしているWebディレクター兼コンサル。 私はWebサイトのラフ画面制作や修正指示を作る際、よく「Fireworks」を使っています。 Fireworksは、ベクターデータと画像（ラスター）データ両方の作成・編集ができる、非常に使いやすいAdobeのデザインツールです。 ただ、すでに開発や更新は終了しているため（2018年時点）、OSが持つ挙動に引っ張られてうまく動作しなかったり、頻繁にソフトが落ちたり、だんだんと動作に問題がでてきました。 そこで、Fireworksで行っていた作

エンジニア以外も使うべき！コメント内容を見やすくするGitHubのマークダウンまとめ 初学者向け 更新日 2020.05.19 / 公開日 2017.10.21 この記事は平野 ジュンヤの 提供でお送りしています Supplied by Jun'ya Hirnao Webサービスやツールをつくったり、マーケティングをしたり、コアラを愛でたりしているWebディレクター兼コンサル。

ウェブジェネ-WebGeneralist-トップ Web制作 ChromeとFirefoxで確実にキャッシュクリアする方法（スーパーリロード、ハードキャッシュクリア） ChromeとFirefoxで確実にキャッシュクリアする方法（スーパーリロード、ハードキャッシュクリア） 初学者向け 公開日 2018.02.04 この記事は平野 ジュンヤの 提供でお送りしています Supplied by Jun'ya Hirnao Webサービスやツールをつくったり、マーケティングをしたり、コアラを愛でたりしているWebディレクター兼コンサル。 ウェブサイトやブログ記事を作成した時、CSSやJavaScriptファイルを更新したはずなのにうまく読み込まれず、古い状態のまま表示され続けることがあります。 これは、ブラウザが表示速度を速めるために「キャッシュ」を使用しており、それが強く残ってしまっているためで

ウェブサイトのSEOまわりの確認作業がはかどるChrome拡張機能「SEOTagViewer」つくりました 経験者向け 公開日 2017.11.06 この記事は平野 ジュンヤの 提供でお送りしています Supplied by Jun'ya Hirnao Webサービスやツールをつくったり、マーケティングをしたり、コアラを愛でたりしているWebディレクター兼コンサル。 このたび、「SEOTagViewer」という拡張機能（エクステンション）をChromeストアに登録・公開しました。 ※この記事の英語版はこちら 「SEOTagViewer」は、ウェブサイトのSEOまわりのチェック作業がはかどるChrome拡張機能 「SEOTagViewer」は、ウェブサイト（ウェブページ）の検索エンジン周りの設定でミスをしていないか等を、効率的にチェックするためのChrome拡張機能です。 例えば、設定を誤る

Search Consoleの全データ（999件超）をGoogleスプレッドシートに一括で抜き出す方法 初学者向け 公開日 2017.10.13 この記事は平野 ジュンヤの 提供でお送りしています Supplied by Jun'ya Hirnao Webサービスやツールをつくったり、マーケティングをしたり、コアラを愛でたりしているWebディレクター兼コンサル。 自分が保有するWebサイトのキーワードの順位や、SERPs（検索結果画面）からのCTR（クリック率）などを調べるのにSearch Console（サーチコンソール：以下サチコ）はかかせません。 しかし、サチコの「検索アナリティクス」では、データを一度に999件までしかダウンロードできないため、解析したい場合にすべてのデータをとろうとすると少し大変です。 そこで、アドオンを使ってデータを一括で取得する方法を紹介します。 1,000件

今回は、WordPressの記事・固定ページの投稿画面で「テキストモード」で記事を書く際、入れておくと便利な3つのプラグインを紹介します。 投稿画面を「更新」しても、本文の編集途中の箇所まで移動してくれる「Preserve Editor Scroll Position」 挿入したいタグをボタンとして登録しておける「Add Quick Tag」 HTMLコードをカラーリングして見やすくし、タグの閉じ忘れが防げる「HTML Editor Syntax Highlighter」 どれも、使いこなすと記事の執筆・コーディング効率が格段に上がりますので、ぜひチェックしてみてください。 テキストモードで記事を書くときは使いたい、便利な3つのプラグイン 1. 投稿画面を「更新」しても、本文の編集途中の箇所まで移動してくれる「Preserve Editor Scroll Position」 「Preser

さくらサーバで、WordPressをサブ（マルチ）ドメイン型でマルチサイト化する方法 経験者向け 更新日 2017.08.07 / 公開日 2014.01.30 この記事は平野 ジュンヤの 提供でお送りしています Supplied by Jun'ya Hirnao Webサービスやツールをつくったり、マーケティングをしたり、コアラを愛でたりしているWebディレクター兼コンサル。 今回は、さくらインターネットの共有サーバで、WordPressの「サブドメイン（マルチドメイン）型」のマルチサイトを構築する方法を紹介します。 WordPressのマルチサイトとは WordPressには、一度のインストールで複数のサイト・ブログを運用することができる「マルチサイト」という機能があります。 マルチサイトには、「サブディレクトリ型」と、「サブドメイン（マルチドメイン）型」の2つのタイプがあり、URLの

独自ドメインでメールはGmail・サイトはさくらサーバを使うためのレコード設定方法 経験者向け 更新日 2017.08.07 / 公開日 2014.03.31 この記事は平野 ジュンヤの 提供でお送りしています Supplied by Jun'ya Hirnao Webサービスやツールをつくったり、マーケティングをしたり、コアラを愛でたりしているWebディレクター兼コンサル。 今回は、ドメイン取得業者（またはレジストラ）にて取得したひとつの独自ドメインで、「メールはGoogle Apps（G Suite）のGmail」で、「サイト閲覧はさくらインターネットのサーバ」に設定する方法を紹介します。 上記イメージ画像のような設定を行うためには、DNSの「レコード設定」が必要です。 基本的に、ドメイン・Webサーバ・メールサーバを全部同一サーバで運用していると、「レコード設定」はあまり意識すること

初心者でも分かる「文字コードはとりあえずUTF-8にする」という歴史的背景 初学者向け 更新日 2018.10.03 / 公開日 2012.08.18 この記事は平野 ジュンヤの 提供でお送りしています Supplied by Jun'ya Hirnao Webサービスやツールをつくったり、マーケティングをしたり、コアラを愛でたりしているWebディレクター兼コンサル。 2006年頃ぐらいまでにHTMLのタグ打ちを覚えたという方は、「Webサイトのファイルの文字コードはSfhit_JISだった」という方は多いのではないでしょうか？ しかし、2018年時点では、「とりあえず文字コードはUTF-8にする」のが一般的かと思います。 実は、この文字コード変化の背景には、「Windows95が発売され個人がパソコンでインターネットをする時代が到来した」ことと深く関係しています。 この記事では、「文字コ

スマートフォンの普及率が72%（※参考1）を越え、多くのサイトでスマホでの閲覧割合がPCを越えている昨今（2017年）、今やガラケーのコーディングを仕事として頻繁に行う人は少ないかと思います。 ※参考1 しかし、例えば社員に持たせる社用電話が、セキュリティ上の理由からガラケーを採用している会社などもあったりして、まれにフィーチャーフォン（ガラケー）サイトを制作しなければならないWeb制作者の方達もいます。 ということで、この記事では「ガラケーサイトのWebデザイン・コーディングで気をつける30の事」を紹介します。 ガラケーサイト制作の関する前提条件 この記事では、以下条件を前提にした解説になっています。 au、docomo、SoftBankの3G世代対応 phpファイルで制作 1つのphp（html）ファイルで上記3キャリアを表示する(キャリア毎に別々のファイルをつくらない） 絵文字はライ

このページにある「download the zipped WordPress-to-Movable Type exporter」をダウンロードして解凍します。 「utility-export-to-mt」というフォルダに3個のファイルが入っていますので、このフォルダをサーバのWordPressのフォルダの配下にある「wp-content」フォルダのさらに下の「themes」フォルダの中にコピーします。 WordPressの管理画面を開きます。「外観」の下の「テーマ」を開きます。 利用可能なテーマの中に「Export for Movable Type/TypePad 1.0」があるはずです。「使用する」をクリックすると本当にMT形式のデータを公衆にさらすことになるので「プレビュー」をクリックします。 MT形式に変換されたデータが表示されます。これを保存します。 今回のケースでは、画像カスタム

MovableType4にて、既に書いたブログ記事を複製（コピー）できるようにするプラグインを3種類紹介します。 1. MT Duplicate 「ブログ記事」「ウェブページ」の「複製」を行うMT Duplicate プラグイン | Junnama Online 複製の操作は、「記事一覧画面」と「個別記事画面」の両方から可能です。 非営利のクリエイティブ・コモンズ・ライセンスのため、業務（商用）でのご利用はご相談ください、とのこと。 バグでうまく動かない場合は、以下の通りに修正すると問題なく使えます。 Duplicateプラグインのentry_table.tmplファイルを改名する （例： _entry_table.tmpl） MTにある、entry_table.tmplをDuplicateプラグインのtmplフォルダ（tmpl/cms/include 内にある）にコピーする <!–add