この書籍について · JavaScript Plugin Architecture
JavaScript Plugin Architecture この書籍はJavaScriptのライブラリやツールにおけるプラグインアーキテクチャについて見ていくことを目的としたものです。 次の形式で読むことができます。 Web版 PDF形式 ePub形式 Mobi形式 この書籍のソースコードは、次のGitHubリポジトリに公開されています。 azu/JavaScript-Plugin-Architecture: JavaScriptプラグインアーキテクチャの本 Twitterのハッシュタグは#js_plugin_book 更新情報はRSSやリリースノートから見ることができます。 はじめに JavaScriptの世界では1つの大きなライブラリよりも小さなライブラリを組み合わせていくようなスタイルが多く見られます。小さなものを組み合わせて作るためには、プラグインと呼ばれる拡張の仕組みが必要とな
VSCodeのガントチャート拡張を作った - No Regrets in Bathing
去年に引き続きクリスマスイブになんか作ったシリーズです。 下記のような感じで、ガントチャートを雑に作れるVSCodeの拡張機能を作りました。 テキストを編集してもいいし、プレビューを操作してもいいというのがこのツールの売りです。 変更内容は相互に同期します。 VSCodeなので、当然ながらコピペやマルチカーソル、置換なんかも普通に使えます。 VSCodeの編集機能で、GUI部分の貧弱さを補おうというコンセプトです。 実用性や自由度は低めですが、文法や操作方法を覚える必要も最低限になっているんじゃないかなと思います。 あと、ただのテキストなんで、Git管理もできますね。 ２週間程度の短期予定を立てる用途を想定しています（自分はその程度の予定しか立てません）。 要望に答える可能性は低いですが、プルリクを頂ければ割と軽率にマージすると思います。 かんたんな導入方法 まずVSCodeを開き、おもむ
Trelloを使う時にデフォルトで入れるべきChrome拡張機能 - Qiita
2018/05/15 追記：思考停止で入れるべき最強プラグイン 今年でTrelloを使い始めて、３年ほど経ちました。 おかげさまでこの記事も多くの方に好評いただいたのですが、 多くの人に紹介し続けた結果、こんなに大量のプラグインは必要ないんだろうなと思いました。 そこで、追記分としまして、思考停止でぶっこんでおいたら幸せになれるプラグインをまとめました。 今までも下記のリスト中にあったものですが、どんなプロジェクトでもノールックでインスコ出来るぐらい、 良い感じにしてくれるので３分でセットアップしないといけない時に便利です。 自分もなにかを管理する際には、メンバーにとりあえず入れるように言っているものです。 皆様のお役に立てることができましたら大変恐縮です！！ 0. 思考停止でぶっこむ。それだけで良いプラグイン。 ラベルタグの名前を見えるようにしてくれる。 ラベルの色をカード全体に表示して
普段使うアプリを一括管理する「Station」が便利だった | Satoooh Blog
ここ 2 年くらいずっと使っている Station というアプリが圧倒的に便利で手放せないので紹介します。 使うようになったきっかけは twitter でふと見かけたこちらの投稿。 このデスクトップアプリ良き。webアプリを全部まとめてくれるから効率あがるしタブも整理できてスッキリ！皆さまも良かったら是非〜☺https://t.co/sjqeD7jLjQ ▼タブからstationに移動したもの ・googleカレンダー ・チャットワーク ・gmail ・slack ・FBメッセンジャー ・Evernote and more… — 坂元まきこ / UIUXデザイナー (@makiko_sakamoto) 2018年7月10日 今の時代、こんなアプリがあるんですね。 僕も普段から色々なアプリを使っていたり、slack で大量のワークスペースに入っていたりするので、これらのアプリをもし一括管理で
開発が捗る Visual Studio Code 拡張機能 - Qiita
拡張機能はできるだけ最小限にしておきたい派です。そんな自分がインストールして使い勝手がよかった拡張機能をいくつか紹介します。 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
Visual Studio CodeがRSSリーダになる？VS Codeの拡張機能を作れば作業が捗る | Raccoon Tech Blog [株式会社ラクーンホールディングス 技術戦略部ブログ]
株式会社ラクーンホールディングスのエンジニア/デザイナーから技術情報をはじめ、世の中のためになることや社内のことなどを発信してます。 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%2Ftechblog.raccoon.ne.jp%2Fwp-content%2Fuploads%2F2018%2F04%2F7416ee8f.jpg)
【今日からできる】コミットメッセージに 「プレフィックス」 をつけるだけで、開発効率が上がった話 - Qiita
はじめに 今まで commit message を「なんとなく」書いていたが、プレフィックスをつけることで、コミットメッセージに対する考え方が変わった。 そのおかげで開発効率が上がったので、その内容をシェア。 プレフィックスをつけるってどういうこと？ 以下のようにコミットメッセージの先頭に、なんらかの文字をつけること。 feat: xxx という機能を追加 fix: yyy で発生するバグを修正 refactor: zzz の機能をリファクタ のように feat, fix, refactor などがプレフィックスです。 最近 OSS の Contribution Guide などでよく見かけます。 導入したプレフィックスルール Angular.js/DEVELOPERS.md Angular.js の開発者ガイドに書いてあるメッセージを参考にしました。 以前のコミットメッセージ（例 ちなみ
Atom Editorの拡張子による言語選択をカスタマイズする - Qiita
Atomはファイルの拡張子をみて、grammarを選択してくれるのだが、カスタマイズしたいことがある。 atomのソースコードを読んでやり方を調べたので、メモっておく。 grammar選択の概要 atomの言語ハイライト機能はgrammarと呼ばれている。(大抵はlanguage-hogehogeというパッケージ名で提供されている) grammarは内部的にはscopeNameで管理されているようで、 grammar.fileTypesという拡張子のArrayに則って、どのgrammarが選ばれるか決まる。 この部分には、ユーザー定義を追加できるようになっている。(core.customFileTypes) このあたりを参照 適用したいgrammarのscopeNameを調べる customFileTypesは、scopeNameから拡張子配列へのHashなので、scopeNameを調べる
Atomエディタに独自の補完候補を追加する(1) - kitao's blog
Cocos2d-xのJavaScript版で何か作ろうと思って少しずつ勉強を進めていたのですが、ついでにエディタもAtomに変えてみようと思ったのが紆余曲折の始まりで、気づけばパッケージを色々試したり、キーバインディングを変更したり、Mac版とWindows版の違いに悩まされたりと、すっかり時間が経ってしまいました。 試行錯誤の中でも、一番時間を使ったのがCocos2d-x向けにAtomに補完候補のキーワードを追加する方法で、使えそうなパッケージがないため結局自作の道を選ぶことになりました。 ということで、今回はCocos2d-xではなく、その前哨戦としてAtomに独自の補完候補を追加する方法について2回に分けて解説してみたいと思います。 Atomエディタについて AtomはGitHubが開発しているテキストエディタです。フレームワークとしてChromiumとNode.jsを組み合わせたE
Mackerel "kazeburo" plugin を通じてサーバーモニタリングのキモを探る 〜スクリプトプラグイン編〜 - えいのうにっき
去る 10月5日に、Mackerel DAY というイベントが開催された。サーバー監視サービス・Mackerel のリリース3周年を祝っての大型イベントで、豪華登壇陣をゲストに迎え、お昼過ぎから懇親会まで、非常に濃密な時間だった。僕もスタッフとして参加し、また登壇もさせていただいた（僕の登壇スライドはこちら）。 豪華登壇陣、と書いたが、本当に豪華で、非常に多種多様な観点でのお話を聴くことができ、中の人としても・いちユーザーとしても、大変貴重な時間だった。そんななか、ガツンと脳天に響いたセッションが、メルカリ社の SRE チーム所属・プリンシパルエンジニアの id:kazeburo （ @kazeburo ）さんの発表だった。 speakerdeck.com 内容としては、メルカリ社における Mackerel のサービス／ロール設計のお話と、独自に作成しておられるカスタムスクリプト／プラグイ
Atomプラグイン作成入門 ハンズオン形式でプレビュー型プラグインを作ってみよう！ - Qiita
前置き タイトルの「プレビュー型プラグイン」とは、テキストエディタに書かれた文字列を変換して表示するプラグインのことです。 例えば、Atomにビルトインされているmarkdown-previewをはじめとして、asciidoc-preview、atom-html-previewなどがあります。 この投稿では、ハンズオン形式で簡単なプレビュー型のAtomプラグインを一から作っていく過程を解説していきます。 夏休みの課題としてAtomプラグインを作ってみましょう！ 作成するプラグイン プレビュー元のテキストエディタから数値を抜き出して合計するプレビュープラグインを作ってみます。 実装する機能 以下の機能を実装します 1. メニューバーのpackageや、コマンドパレットからプレビューを起動 2. プレビュー対象のテキストエディタやファイルから数値を抜き出して合計をプレビュー画面に表示 3. プ
Docker Managed Plugin でNetApp Docker Volume Plugin (ONTAP, SolidFire) を試す
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
2017/4に増えた Jenkins プラグイン - Qiita
個人的に勢いのありそうな自動化系のものを探るために見てる。 試しているわけではないので間違っているかもしれません。 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-
地味に便利なJenkinsプラグイン - Qiita
はじめに Jenkins2.0がでてPipelineのgroovyスクリプトですべてが書けると思っていた時期が僕にもありました… 最終的にはそこを目指しているのでしょうが残念ながら今現在の状態としては、個人的には一番良い使い方は条件分岐やパラメータの読み込みなんかがいいんだろうなぁとおもってます。（サーバーなんかのデプロイはpipelineで解決し思想ですが…） というわけでまだまだフリースタイルのジョブは健在なわけで…そんなフリースタイルジョブで地味に便利なプラグインをいくつか紹介したいと思います。 pre-scm-buildstep Jenkinsでgitなんかを使いたいときにgitの前に操作をしたいときがあります。 そんな時にこれを使えばgitの前の操作を指定できます。 ThinBackup 設定だけバックアップできます。 これをgitで管理しちゃうのが一番バージョニング楽だと思いま
vagrant-triggerを使ってVagrant+Chef環境で発生するsynced_folderの問題を解決した。 - Qiita
vagrant-triggerを使ってVagrant+Chef環境で発生するsynced_folderの問題を解決した。chefVagrant Vagrant + Chefっていう組み合わせの環境を普段から使わせていただいているんですが、よくなんかよくわからないエラーが起きるようになったんですよね。アップデートのスクリプト通そうとすると通らないっていう。 前の記事の最後の方にも書いてたんですけどsynced_folderに原因がある感じ。 WordPressをVagrant環境にらくらくインストールする。 - VCCW というか本当に悪の枢軸なんじゃないかってくらい毎日起きてたんですね。 いつも何かしらできるだろうとか思ってたんですけど、自分はぜんぜんVagrantにもChefにも明るくないのでお手上げかなって。 そんなぼくが救世主として見つけたのが vagrant-trigger 原因？
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - nsfw-filter/nsfw-filter: A free, open source, and privacy-focused browser extension to block “not safe for work” content built using TypeScript and TensorFlow.js.
GitHub - atom/autocomplete-plus: View and insert possible completions in the editor while typing
GitHub - atom/highlights: Syntax highlighter
GitHub - emyl/vagrant-triggers: Allow the definition of arbitrary scripts that will run on the host before and/or after Vagrant commands.
Windows上のvagrantでネットワークドライブを自動で割り当てる - Qiita
