ヘッドレスChromeを使ってA4ラベルPDFを作成する方法ヘッドレスブラウザが搭載されたGoogle Chromeを使って、A4のラベルレイアウトに対応したPDFを作成してみました。 今回はChromeを操作できるNode.jsライブラリPuppeteerでPDFデータを作成していきます。A4などの用紙サイズに、ミリ単位で位置決めしたテンプレートを作成する際の参考になりましたら幸いです。 また過去に、PDF生成を活用した事例を書いていますので、興味がありましたらそちらもご覧ください。
javascriptで構文をチェックする方法を解説します。ESLintの簡単な使い方
ESLintで何ができるのか？ESLintでは大まかに以下の事ができます。 JSやES6の構文チェックJavascriptまたはES6ファイルの記述内容が、構文チェックツールに従って書かれているかを判断します。基準に従わない記述が見つかった場合はエラー表示されます。 チェックツールの定義と流用が可能ESLintでは、チェックしたい構文ルールを 自由に定義 既存のルールを流用 既存のルールを流用し、一部のルールを上書き と言ったルールのカスタマイズが可能になっています。 ルールは一から作ろうとすると複雑で膨大です。ルールはESlintの公式ドキュメントで見ることができますので、以下をご覧ください。 ESLint Rules(構文チェック ルールの一覧) 日本語で一部が翻訳された解説記事もありますので、以下もご覧になると分かりやすいと思います。 Qiita ESLintのエラールール。日本語ざ
ブログでインスタグラムの投稿記事を埋め込むプラグインを作った
(通常の方法)インスタグラムの投稿を埋め込むには？今回はHexoでinstagaramを埋め込むプラグインの使い方を解説したいと思います。ですが、まず始めに通常の埋め込み方をまとめてみたいと思いますので、以下をご覧ください。 通常、インスタグラムの投稿を自分のブログ埋め込む場合は3つのステップでOKです。以下はinstagram PCの画面ですが、まず最初に、画面右下の「…」をクリックします。
ブログでRAW現像写真のBeforeとAfter画像を表示させる
要は、現像してみたよ、どや！ってできる訳です(笑)ご覧の通り、写真データのRAW現像したものをBefore・Afterで見せたり、Photoshop Lightroomで加工した前後の写真を見せるのに大変便利です。
Hexoブログで関連記事や人気記事を生成するプラグインを作った
何を行っているのかHexoは、前述している通り静的サイトジェネレータと呼ばれる生成ツールです。 静的サイトジェネレータとは、htmlやjavascriptのようなフロントエンドで表示する静的コンテンツのみで構築されたwebサイトを生成するプログラムのことです。Wordpressと大きく異なり、動的なページが生成できるphpのようなバックエンドのサーバープログラムが使えません。 つまり、ブログ側でデータベースにアクセス数を記録したり、コメントを管理したりする機能は使えないのです。 そこで、Hexo向けに作った「hexo-related-popular-posts」では、静的ページの生成前に、記事に含まれるタグや、記事の本文、更にはGoogleアナリティクスから得たページビュー数を見にいきます。その情報から関連性の高い記事を選び出し、関連記事や人気記事となる候補のリンクページを生成します。 関
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ブログでTwitterの投稿記事を埋め込むプラグインを作った
iphoneで撮影した写真から緯度と経度、GoogleマップのURLを取得する
AMP HTMLを自動生成するプラグインを作った。HexoでAMPを導入する