はてなブックマーク

なにこれ React.js製の静的サイトジェネレーター Gatsbyは、プラグインを使って簡単に機能拡張できる仕組みを持っています。公式プラグインとコミュニティ提供のものをあわせると、なんと502個もあるそうです。今回はその中でも、おすすめ45個をユースケース別にご紹介します。 ※ 本記事はブログの転記です。Qiitaで使えない機能（コードブロックの指定行強調表示など）の表示結果はスクリーンキャプチャにしています。HTMLでの表示結果を見たい場合はブログをご覧ください。 ユースケース別目次 ※クリックすると説明セクションにとべます。 マークダウン系 コードブロックでシンタックスハイライトする コードブロックにタイトルを追加する 見出しにGitHub風ホバーリンクをつける 絵文字を使う Graphvizでグラフを描画する 数式を使う コードブロックにJavaSriptファイルなどを埋め込む

いくつか質問されるので適当に答えます What would you like to call this extension? プロジェクト名を入力します。デフォルトはプロジェクトのフォルダ名 And how would you call it if you only had 12 characters (short_name)? プロジェクトの略称を12文字以内で入力します How would you like to describe this extension? プロジェクト概要を入力します Would you like to use UI Action? 作りたいUI Actionに応じて、No,Browser,Pageのいずれかを選択します No ・・・ UI Actionを使わない場合 Browser ・・・ ツールバーの右にアイコンが常駐するタイプのChrome拡張を作成する場

FUJITSU Advent Calendar 2017 12日目の記事です。 リッチでイマドキなデザインのアプリが作りたくて、 ここ４ヶ月ほどMEANスタック(MongoDB+Express+Angular+Node.js)でブログアプリを作っています。 知識ゼロからのスタートでしたが、多くの方々がブログやStackOverFlowに情報を載せてくれているので、躓きながらもなんとかアプリ開発を進めることができました。 この記事では、フロントエンド初心者の自分がMEANスタックでアプリを作る時に躓いたことや、こういう機能を実現するにはどうすればいいか?などをまとめています。 これからをAngularを学ぼうとしている方、ExpressやMongoDBなどサーバーサイドJavaScriptを学ぼうとしている方の参考になればうれしいです。 アプリの紹介 本線から脱線しますが、イントラでの使用を

Angular4 + Express4 + MongoDB3 + TypeScript2 の最小構成プロジェクトをAngular CLIベースで構築する。(ビルド、テスト、Dockerデプロイまで)　その２. テスト編JavaScriptjasmineTypeScriptAngularProtractor やりたいこと Angular CLI使って、MEANスタック(MongoDB + Express + Angular + NodeJS)のアプリを作りたい。どうせならサーバ側もTypeScriptで作りたい。 フロント側とサーバ側の両方をwebpack、gulpなどは使わずにnpm scriptsだけでビルド、テストできるようにしたい。 Dockerを使ってアプリを簡単に配布したい。 これらを達成するための最小構成プロジェクトの作り方を３回に分けて紹介します。 その１. ビルド編 その２

Angular4 + Express4 + MongoDB3 + TypeScript2 の最小構成プロジェクトをAngular CLIベースで構築する。(ビルド、テスト、Dockerデプロイまで)　その１. ビルド編JavaScriptMongoDBExpressTypeScriptAngular やりたいこと Angular CLI使って、MEANスタック(MongoDB + Express + Angular + NodeJS)のアプリを作りたい。どうせならサーバ側もTypeScriptで作りたい。 フロント側とサーバ側の両方をwebpack、gulpなどは使わずにnpm scriptsだけでビルド、テストできるようにしたい。 Dockerを使ってアプリを簡単に配布したい。 これらを達成するための最小構成プロジェクトの作り方を３回に分けて紹介します。 その１. ビルド編　⇦　今回はコ

Asciidoctorを使うと、技術文書や手順書などのドキュメントを簡単にHTMLで公開できますが、ドキュメントが多くなると自分の調べたいキーワードが、どのドキュメントに載っているのか探すのが困難になってきます。 そこで今回は、Dockerで全文検索サーバのFessを立てて、 ドキュメントからJavaScript経由でFessのJSON APIを呼び出すことで、 全文検索を簡単に導入する方法をご紹介します。 導入するとドキュメントの右上に検索窓が出てきて全文検索できるようになります。 Fessとは Fessは**「5 分で簡単に構築可能な全文検索サーバー」**です。 Javaベースで構築されており、Apacheライセンスで提供されるオープンソース製品で、無料で使用できます。 自分でクローラを設定して、自分だけの検索エンジンがつくれるようなイメージです。 デフォルトで検索画面を提供しています

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

のように書くDeclarative Pipelineという記法が導入されて、 そっちのほうがシンプルでわかりやすく書けるよ!ということだったので書き直してみました。 確かにすっきりしたし（特に最後のメールおくるとことか、デプロイするとことか）、 いざとなったら従来のScripted Pipelinesもミックスできるのでいい感じです。 追加したプラグイン Jenkins初期設定時のSuggested Pluginに入っていないもの Checkstyle Plugin（v3.47） - Checkstyeの結果収集用 FindBugs Plugin（v4.69） - Findbugsのレポート生成用 PMD Plugin（v3.46） - PMDのレポート生成用 DRY Plugin（v2.46） - CPD(重複コードチェック)のレポート生成用 Step Counter Plugin（v2