はるなぴログ

WEBサイト作成技術研究

WEBサイト作成お役立ちツール

d3-graphvizを使ってブラウザ上にフローチャート図を表示しよう

d3-graphvizを使用してブラウザ上にフローチャート図を表示する方法について説明します。 D3.jsとGraphvizを使用して動的グラフをブラウザで表示してみましょう。 いちいち画像ファイルを出力しなくともDOT言語で記述したグラフをブラウザに表示することがで…

GraphvizをWindowsにインストールしてフローチャート図を書こう!

Graphvizを知っていますか? これを使うとフローチャート図を描くことができます。 おっと今はあまりフローチャート図とは言わず状態遷移図と言ったりするのですね。 Windows10にChocolateyを使ってGraphvizを簡単にインストールしましょう。 Graphvizの使い…

Mathjaxの使い方を覚えて美しい数式表示をしてみよう!

Mathjaxを導入して数式を美しく表示してみましょう。 CDNを利用して簡単にMathjaxを導入する方法についてご紹介します。 またインライン表示、ディスプレイ表示の方法や数式番号を付ける方法についても解説していきます。 はてなブログのMarkdown記法モード…

Chrome拡張機能で是非お勧めしたいもの10選

Chromeブラウザの拡張機能を使っていますか? とても便利でお勧めしたいChrome拡張を紹介します。 Web開発する場合にお役立ちのものやSEO対策用など10個の拡張機能をリストアップしてみました。 はてなブログを運用する方に便利なものも最後にご紹介します!…

秀丸マクロのrunexを使ってPandocでマークダウン記法の変換をしよう!

秀丸エディタをインストールしていますか? 秀丸マクロではrunex文を使って外部コマンドを実行することができます。これは超便利! 前回の記事で紹介したPandocを秀丸マクロに組み込み、マークダウン記法で書いているブログ記事を簡単にHTMLファイルに変換す…

Pandocをインストールしてマークダウン記法を自分好みに変換しよう!

前回の記事では、はてなブログでのマークダウン記法の書き方について説明しました。 今回はPandocというソフトウェアをWindows10にインストールします。 更にPandocのオプション設定によりマークダウン記法を自分好みに変換する方法について説明します。 Pan…

Macは本当に使いにくい?MacとWindows使い勝手比較第二弾

Macは使いにくいという記事が溢れています。 特にWindowsからMacに乗り換えた方の使いずらいという記事が目立ちます。 前回の記事で使い勝手を比較した際に、これは単なる「慣れの問題」と書きました。 しかし深く考えてみるとそこには単に慣れの問題にとど…

ウィンドウズPCとMacどちらを選ぶべきかを比較してみる

今回はウィンドウズとMacの比較を行います。 どちらを選ぶべきでしょうか? ウィンドウズPCだけを使ってきた方、Macだけを使ってきた方はお互い違うPCはどうなのか興味があるのではないかと思います。 はるなぴはウィンドウズPCとMac両方使ってきましたので…

DockerをWindows10HomeにインストールしてCentOS7環境を導入しよう!

DockerをWindows10Homeにインストールしましょう。 Chocolateyを使ってdocker-toolboxをインストールすればとても簡単です。 更にCentOS7のdockerイメージを導入してみましょう。これでDockerの勉強も簡単にできますね。 Windows10にDockerをインストールす…

VirtualboxとVagrantをWindows10にインストールしてCentOS7環境を構築しよう!

Windows10環境にVirtualboxとVagrantをインストールして仮想化環境を作りましょう。 Chocolateyを使うと簡単に構築できます。 更にVagrantにCentOS7のBoxを追加してCentos7環境を作りましょう。これでWindows10にCentOS7環境があっという間にできあがります…

curlをWindows10にインストールしてウェブサイトをスクレイピングしよう!

curlを使うと何がいいのか? ウェブサイトのHTMLファイルをコマンドひとつで簡単にゲットできるようになります。 これをウェブスクレイピングと呼びます。 CurlをWindows10にインストールしてウェブサイトをスクレイピングしましょう! Linuxを使用している…

アイコン(アバター)の作り方を考える

今回はアイコンの作り方について考えてみます。 ブログでもそうですがツイッターなどのSNSではアイコンはとても重要です。企業のロゴと同じで、見る人に真っ先に認知されるところだからです。 企業がロゴを使ってブランド価値を高めるのと同じように、個人ブ…

はてなアンテナでお気に入りブロガーサイトの更新を知る方法

はてなアンテナ使ってますか? 今回ははてなアンテナでお気に入りブロガーさんのサイト更新を知る方法について説明します。 はてなアンテナを使い始めてからはサイトの更新をチェックするのがとても楽になりました。お勧めです! はてなアンテナとは はてな…