弊サイトは、WordPressで構築されており、ブログの更新はMacの老舗ブログエディターであるMarsEditを使用しています。WordPressの管理画面をブラウザから開く必要がなくなり、MarsEdit単独ですべてが解決しているので、ブログ公開時から愛用している手放せないアプリケーションです。...
Mac Blog Alfred Development MarsEdit
Webページにおいてユーザの入力を促すものが存在する場合、HTTPページに接続しようとすると、「安全な接続ではない旨」の警告ダイアログが表示されます。 弊サイトでは検索フォームを利用してくださる読者の方々もいらっしゃるようなので、対応しないわけにはいきません。そこで、今回は大手レンタルサーバである「エ...
Blog Development
Macでブログを書くとき、文字入力の補助としてスニペット展開アプリであるTextExpanderを使用してきました。しかし、そろそろ最新版以外のサポートの打ち切りが見えてきたため、将来性を鑑みスニペットを移行することとしました。弊サイトにおいても、こちらでご紹介したように、TextExpanderに...
Mac Blog Apps Development
WordPressで記事を公開する際に、アイキャッチ画像を使用すると、タイトルとともに読者に印象を強く与えることができます。しかし、毎回アイキャッチ画像を自作することは手間のかかることですし、アイキャッチ画像で印象付けるよりも、記事の内容をより良いものにすることが重要です。 そこで利用したいのが、ロイ...
Mac Blog Apps
photo credit: James St. John Reconstruction of Mammut americanum (American mastodon) (Pleistocene; Shelton Mastodon site, Oakland County, Michigan, USA) via photopin (license) 巷で噂の分散型ソーシャルネットワークサービス「Mastodon」が急成長を見せています。「Mastodon」は、同様の短文投稿型SNSである「Twitter」と比較すると、「Twitter」のようにサーバが集約された集中型と異なり、オープンソースソフトウェ...
Blog Development
Docker For Macを使用すると、あらかじめ用意されたイメージ(テンプレート)を使用して、簡単にWordPress環境を構築できます。ローカルの開発環境の場合、インターネット接続環境であれば、ものの数分でWordPress環境を作成できます。また、イメージのダウンロードは初回のみで、次回以降は数秒でWordP...
Blog Development Docker
WordPressのアイキャッチ画像(記事のトップに表示される画像)は、クリック率の上昇や記事の内容を読者に伝えるため、是非とも使用したい機能です。ただし、Webサイト等で公開されている画像には著作権が設定されており、通常、無断で使用することはできません。アイキャッチ画像を一から作成することもできま...
Blog Development
弊サイトでは度々WordPressテーマやプラグインを開発するための情報を発信していますが、WordPressテーマやプラグインを開発するにあたって手放せないのが、テキストエディターです。過去に、「Sublime Text」「Atom」の2種類のエディターをご紹介しました。「Sublime Text」は...
Mac Blog Development
レンタルサーバー料金、独自ドメイン更新料など、ブログを運営していく上で欠かせないのが、その維持費です。維持費を捻出するためにGoogle AdSenseを導入されている方も多いのではないでしょうか。弊サイトでも、同様の目的でGoogle AdSenseを導入しています。 と言いつつ、Google AdSen...
Blog Development Google
ブログでアプリや機能の紹介をする際に、効果的な画像で演出したいですよね。以前、Macの標準アプリを使用して、スポットライト効果のような画像を作成する方法 – OTTAN.XYZでプレビュー.appを使用して、スポットライト効果(マスク)を演出する方法をご紹介しましたが、今回もプレビュー.appで簡単にで...
Mac Blog Tips
2016年2月から導入されたGoogle検索結果に適用されるAMP(Accelerated Mobile Pages)プロジェクト。スマートフォンなどのモバイルデバイスにおける検索結果表示を高速化するためのプロジェクトです。しかし、このプロジェクト開始当初は柔軟なカスタマイズが不可能であり、逆にユーザビリティの低...
Blog Development
珍しくデザインに関するお話です。弊サイトでは、WordPressのテーマを独自作成し、テーマの構築にCSSフレームワークであるTwitter Bootstrapを使用しています。Bootstrapを使用することで、車輪の再発明を行うことなく、誰もが簡単にレスポンシブデザインに対応したテーマを作成できま...
Blog Development
WordPressのローカルホストの開発環境といえば、Dockerが登場する以前は、Vagrant + VirtualBoxによる仮想環境や、MAMPを使用した構築が一般的でした。しかし、Dockerを使用することで、プラットフォームに応じたDockerの環境さえ用意すれば、Docker Hubに登録され...
Mac Blog Development Docker
WordPressで記事を投稿したことをメールでお知らせしたい場合があります。また、メールを送信することで、IFTTTなどの外部サービスと連携し、即座にアクションを起こすことも可能となります。IFTTTとの連携については別記事でご紹介しますが、今回はWordPressで記事を投稿した際に、特定のメー...
Blog Development
「はてなブックマーク」は、国内最大のソーシャルブックマークサービスであり、新着エントリー、人気エントリーに掲載された記事については、たちまちSNS上でも拡散され、アクセス数向上に貢献します。投稿したブログの記事が、はてなブックマークに掲載されたかどうか、気にしすぎるのもアレですが、ブログを運営してい...
Web Blog Development IFTTT Slack
WordPressに投稿したら自動的にSNSに連携するプラグインは数多くありますが、WordPressの負荷を考慮するならば、できる限り使用するプラグインは減らしたいものです。とはいえ、ブログ投稿の都度、SNSに手動で連携するのも幾分面倒です。自動投稿は機械的な投稿になりがちで人間味がないとよく言わ...
Web Blog Development IFTTT
過去に、WordPressの本文にApp StoreのURLを貼り付けるだけで、アフィリエイトリンクを生成できるようにする – OTTAN.XYZという記事を書きました。横着したかっただけなのですが、意外とご好評いただいているようです。今回は、これを応用して、内部リンク、外部リンクのURLをWordPre...
Blog Development
詳細な解説付き!今から始めるDocker for Mac!快適なWordPress開発環境を手に入れよう! – OTTAN.XYZでご紹介した、Docker for Macを使ったWordPressの開発環境の構築。超高速にWordPress環境を構築できる代わりに、デフォルトの状態では少し貧弱ですね。 https://ottan.xyz/docker-for-mac-wordpress-4711/ そこで、以前ご...
Mac Blog Development Docker
弊サイトでは、WordPressのテーマ、プラグイン開発環境として、VCCW - A WordPress development environment.を推奨してきました。Vagrant + VirtualBoxによる多機能な開発環境であるVCCW推奨の方針は変わらないのですが、Docker for Macの登場により、より快適な環境をMacに構築できる...
Mac Blog Development Docker