JavaScript Plugin Architecture この書籍はJavaScriptのライブラリやツールにおけるプラグインアーキテクチャについて見ていくことを目的としたものです。 次の形式で読むことができます。 Web版 PDF形式 ePub形式 Mobi形式 この書籍のソースコードは、次のGitHubリポジトリに公開されています。 azu/JavaScript-Plugin-Architecture: JavaScriptプラグインアーキテクチャの本 Twitterのハッシュタグは#js_plugin_book 更新情報はRSSやリリースノートから見ることができます。 はじめに JavaScriptの世界では1つの大きなライブラリよりも小さなライブラリを組み合わせていくようなスタイルが多く見られます。小さなものを組み合わせて作るためには、プラグインと呼ばれる拡張の仕組みが必要とな
去年に引き続きクリスマスイブになんか作ったシリーズです。 下記のような感じで、ガントチャートを雑に作れるVSCodeの拡張機能を作りました。 テキストを編集してもいいし、プレビューを操作してもいいというのがこのツールの売りです。 変更内容は相互に同期します。 VSCodeなので、当然ながらコピペやマルチカーソル、置換なんかも普通に使えます。 VSCodeの編集機能で、GUI部分の貧弱さを補おうというコンセプトです。 実用性や自由度は低めですが、文法や操作方法を覚える必要も最低限になっているんじゃないかなと思います。 あと、ただのテキストなんで、Git管理もできますね。 ２週間程度の短期予定を立てる用途を想定しています（自分はその程度の予定しか立てません）。 要望に答える可能性は低いですが、プルリクを頂ければ割と軽率にマージすると思います。 かんたんな導入方法 まずVSCodeを開き、おもむ
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 2018/05/15 追記：思考停止で入れるべき最強プラグイン 今年でTrelloを使い始めて、３年ほど経ちました。 おかげさまでこの記事も多くの方に好評いただいたのですが、 多くの人に紹介し続けた結果、こんなに大量のプラグインは必要ないんだろうなと思いました。 そこで、追記分としまして、思考停止でぶっこんでおいたら幸せになれるプラグインをまとめました。 今までも下記のリスト中にあったものですが、どんなプロジェクトでもノールックでインスコ出来るぐらい、 良い感じにしてくれるので３分でセットアップしないといけない時に便利です。 自分もなに
ここ 2 年くらいずっと使っている Station というアプリが圧倒的に便利で手放せないので紹介します。 使うようになったきっかけは twitter でふと見かけたこちらの投稿。 このデスクトップアプリ良き。webアプリを全部まとめてくれるから効率あがるしタブも整理できてスッキリ！皆さまも良かったら是非〜☺https://t.co/sjqeD7jLjQ ▼タブからstationに移動したもの ・googleカレンダー ・チャットワーク ・gmail ・slack ・FBメッセンジャー ・Evernote and more… — 坂元まきこ / UIUXデザイナー (@makiko_sakamoto) 2018年7月10日 今の時代、こんなアプリがあるんですね。 僕も普段から色々なアプリを使っていたり、slack で大量のワークスペースに入っていたりするので、これらのアプリをもし一括管理で
拡張機能はできるだけ最小限にしておきたい派です。そんな自分がインストールして使い勝手がよかった拡張機能をいくつか紹介します。 Auto Close Tag https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag その名の通りClose Tagを自動で入力してくれます。単純にタイピングが減るので肉体的・心理的負担の軽減にもなります。 Auto Rename Tag https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag タグを修正した際にClose Tagも合わせて修正してくれます。これも手間が減って便利です。 Bracket Pair Colorizer 2 https://ma
株式会社ラクーンホールディングスのエンジニア/デザイナーから技術情報をはじめ、世の中のためになることや社内のことなどを発信してます。 JavaScriptNode.jsVisualStudioCode拡張機能 こんにちは。開発チームの阿部です。 プログラムを開発する際に必要となるテキストエディターはSublime Text、Atom、VS Code など、 高性能・高機能を持つものが増えてきました。 今回はその内の1つVS Codeの拡張機能(extension)を使用してRssを取得する機能を作成してみたいと思います。 ※記事中盤あたりにRssの取得の具体的な方法を載せています。 またVS Codeの公式ページ・概要をリンクして置きました。 良かったら一度見てみてください。 Visual Studio Code 日本語 Visual Studio Code doc 英語 Visual S
![Visual Studio CodeがRSSリーダになる？VS Codeの拡張機能を作れば作業が捗る | Raccoon Tech Blog [株式会社ラクーンホールディングス 技術戦略部ブログ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/6e2ae4c852ac8cc5b560c2dceadda1e6b3b4de9c/height=288;version=1;width=512/https%3A%2F%2Fsiteproxy.ruqli.workers.dev%3A443%2Fhttps%2Ftechblog.raccoon.ne.jp%2Fwp-content%2Fuploads%2F2018%2F04%2F7416ee8f.jpg)
はじめに 今まで commit message を「なんとなく」書いていたが、プレフィックスをつけることで、コミットメッセージに対する考え方が変わった。 そのおかげで開発効率が上がったので、その内容をシェア。 プレフィックスをつけるってどういうこと？ 以下のようにコミットメッセージの先頭に、なんらかの文字をつけること。 feat: xxx という機能を追加 fix: yyy で発生するバグを修正 refactor: zzz の機能をリファクタ のように feat, fix, refactor などがプレフィックスです。 最近 OSS の Contribution Guide などでよく見かけます。 導入したプレフィックスルール Angular.js/DEVELOPERS.md Angular.js の開発者ガイドに書いてあるメッセージを参考にしました。 以前のコミットメッセージ（例 ちなみ
Atomはファイルの拡張子をみて、grammarを選択してくれるのだが、カスタマイズしたいことがある。 atomのソースコードを読んでやり方を調べたので、メモっておく。 grammar選択の概要 atomの言語ハイライト機能はgrammarと呼ばれている。(大抵はlanguage-hogehogeというパッケージ名で提供されている) grammarは内部的にはscopeNameで管理されているようで、 grammar.fileTypesという拡張子のArrayに則って、どのgrammarが選ばれるか決まる。 この部分には、ユーザー定義を追加できるようになっている。(core.customFileTypes) このあたりを参照 適用したいgrammarのscopeNameを調べる customFileTypesは、scopeNameから拡張子配列へのHashなので、scopeNameを調べる
Cocos2d-xのJavaScript版で何か作ろうと思って少しずつ勉強を進めていたのですが、ついでにエディタもAtomに変えてみようと思ったのが紆余曲折の始まりで、気づけばパッケージを色々試したり、キーバインディングを変更したり、Mac版とWindows版の違いに悩まされたりと、すっかり時間が経ってしまいました。 試行錯誤の中でも、一番時間を使ったのがCocos2d-x向けにAtomに補完候補のキーワードを追加する方法で、使えそうなパッケージがないため結局自作の道を選ぶことになりました。 ということで、今回はCocos2d-xではなく、その前哨戦としてAtomに独自の補完候補を追加する方法について2回に分けて解説してみたいと思います。 Atomエディタについて AtomはGitHubが開発しているテキストエディタです。フレームワークとしてChromiumとNode.jsを組み合わせたE
去る 10月5日に、Mackerel DAY というイベントが開催された。サーバー監視サービス・Mackerel のリリース3周年を祝っての大型イベントで、豪華登壇陣をゲストに迎え、お昼過ぎから懇親会まで、非常に濃密な時間だった。僕もスタッフとして参加し、また登壇もさせていただいた（僕の登壇スライドはこちら）。 豪華登壇陣、と書いたが、本当に豪華で、非常に多種多様な観点でのお話を聴くことができ、中の人としても・いちユーザーとしても、大変貴重な時間だった。そんななか、ガツンと脳天に響いたセッションが、メルカリ社の SRE チーム所属・プリンシパルエンジニアの id:kazeburo （ @kazeburo ）さんの発表だった。 speakerdeck.com 内容としては、メルカリ社における Mackerel のサービス／ロール設計のお話と、独自に作成しておられるカスタムスクリプト／プラグイ
前置き タイトルの「プレビュー型プラグイン」とは、テキストエディタに書かれた文字列を変換して表示するプラグインのことです。 例えば、Atomにビルトインされているmarkdown-previewをはじめとして、asciidoc-preview、atom-html-previewなどがあります。 この投稿では、ハンズオン形式で簡単なプレビュー型のAtomプラグインを一から作っていく過程を解説していきます。 夏休みの課題としてAtomプラグインを作ってみましょう！ 作成するプラグイン プレビュー元のテキストエディタから数値を抜き出して合計するプレビュープラグインを作ってみます。 実装する機能 以下の機能を実装します メニューバーのpackageや、コマンドパレットからプレビューを起動 プレビュー対象のテキストエディタやファイルから数値を抜き出して合計をプレビュー画面に表示 プレビュー対象のテキ
NetApp Docker Volume Plugin Overview以前は各ホストに Docker Volume Plugin をインストールしていましたが、Docker version 1.13 以降はdocker コマンドで docker volume plugin をインストール可能となりました。 今回は docker volume plugin を使用したNetAppのインテグレーションを再度紹介します。 最後にこの記事で設定している内容を一括で設定する ansible-playbookを公開していますのでお試しで使ってみたい場合はこちらも活用ください。 Docker Managed Plugin systemDocker Managed Plugin system は Docker イメージで plugin を配布する方法です。Docker Engine を使用してplugi
個人的に勢いのありそうな自動化系のものを探るために見てる。 試しているわけではないので間違っているかもしれません。 https://plugins.jenkins.io/viber-notification viber と言うチャットアプリ(?)に通知するプラグイン https://plugins.jenkins.io/consul オーケストレーションツールの consul agentをjenkinsにインストールしてネットワークに入ってデータを読み取れるプラグインらしい。 メトリクス取って何かやるとかなんだろうか？ https://plugins.jenkins.io/keycloak 説明がないので不明 https://plugins.jenkins.io/ftp-rename ftpでアーティファクトを転送するときにリネームするプラグイン https://wiki.jenkins-
はじめに Jenkins2.0がでてPipelineのgroovyスクリプトですべてが書けると思っていた時期が僕にもありました… 最終的にはそこを目指しているのでしょうが残念ながら今現在の状態としては、個人的には一番良い使い方は条件分岐やパラメータの読み込みなんかがいいんだろうなぁとおもってます。（サーバーなんかのデプロイはpipelineで解決し思想ですが…） というわけでまだまだフリースタイルのジョブは健在なわけで…そんなフリースタイルジョブで地味に便利なプラグインをいくつか紹介したいと思います。 pre-scm-buildstep Jenkinsでgitなんかを使いたいときにgitの前に操作をしたいときがあります。 そんな時にこれを使えばgitの前の操作を指定できます。 ThinBackup 設定だけバックアップできます。 これをgitで管理しちゃうのが一番バージョニング楽だと思いま
Vagrant + Chefっていう組み合わせの環境を普段から使わせていただいているんですが、よくなんかよくわからないエラーが起きるようになったんですよね。アップデートのスクリプト通そうとすると通らないっていう。 前の記事の最後の方にも書いてたんですけどsynced_folderに原因がある感じ。 WordPressをVagrant環境にらくらくインストールする。 - VCCW というか本当に悪の枢軸なんじゃないかってくらい毎日起きてたんですね。 いつも何かしらできるだろうとか思ってたんですけど、自分はぜんぜんVagrantにもChefにも明るくないのでお手上げかなって。 そんなぼくが救世主として見つけたのが vagrant-trigger 原因？と解決策？ 原因を探っていくうちに、GitHubのVagrantのISSUE #5199にたどり着きました。 Problem reloading
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
