2018年末に考えるSketchデザインデータ
前置き 本編の前に、現在の環境について少しだけ前置きを書きたいと思います。 仕事は主にC向けサービスのデザイン（WEB版）をしております。 ツールは普段からSketch+Abstractを使用しており、担当デザイナーは私だけで、他のデザイナーと共同作業することはほぼありません。またHTML+CSS(+見た目に関わるjsなど)は自分で書くことが多いです。 なので、Abstractはバージョン管理＆クラウド＆たまに他の人への共有として利用しています。（インスペクタ機能もアルよ!!使ってない!!） サービスの規模は中〜大向けの記事になるかと思います。 それでは早速本編に入りたいと思います！ 使用アプリケーション Sketch Abstract Sketchのライブラリ機能を使う ライブラリ機能が実装される前に始まったプロジェクトの場合は特に、ライブラリを使用するかどうかが悩むポイントになるかもし
Sketchプラグイン `DesignToken2Code` を作ってみた｜松本芳郎
はじめまして。松本芳郎と申します。 デザイナーですが、コーディングばかりやっているものです。 DesignToken2CodeというSketch プラグインを公開いたしました。Sketchデータ内のシェイプからSASS用のカラー変数をコマンド一発でシュッと作成するものです。 「初めてのプラグイン作成！初めてのOSS！」といった私的事情もあり、やりきった気持ちになってしまいそうです。 しかし、作ったツール以上に、ツールを通して自分の考えを公表することが大事だと、会社の凄腕エンジニアに教わりました。 ツールを作りどんな課題を解決しようとしたのか、動機など記しておこうと思います。 ※ 本記事では、コーディング・コードという単語をWebアプリを想定して使用しています。 ・きっかけはスタイルガイドの運用 ・Design Token | デザインの構成要素を命名する ・Sketchとコードの維持は大変
esa.io のVimプラグイン作った - 人権真骨頂
作った． これで，Vimから投稿できるようになった． インストール NeoBundleとPlugはこんな感じで，インストールできる． " NeoBundle NeoBundle 'upamune/esa.vim' , {'depends': 'mattn/webapi-vim' } " Plug Plug 'mattn/webapi-vim' | Plug 'upamune/esa.vim' webapi-vim に依存している． 設定 チーム名を設定する必要がある． let g:esa_team = 'docs' 初回起動時にアクセストークンを求められるので， Write権限があるアクセストークンをesa.ioから取得してきて入力する．これは初回だけでよくて， ~/esa-vim に保存されている． 使い方 基本的にはこんな感じでコマンドを入力する． [] で囲ってあるものは省略可能．
Serverspec を書きやすくする Vim プラグインをつくった - pockestrap
github.com 経緯 会社で Serverspec 作成 GUI アプリケーションを作る Serverspec 作成補助アプリケーションをリリースしました | サバカン屋テックブログ ↓ 幼女「GUIめんどい、Vimだったら使う」 @p_ck_ ごくまれに書くー 記事を読んだ感想だと、全く新規に書きたいって時は便利かも。ただ普通は社のテンプレートがある(テスト項目を属人化・抜け漏れさせない)のと、GUIつかうのはちょっとめんどいって印象を受けた。使ってみた感想はまた今度— いかろちゃん™@μSIM紛失系幼女 (@ikaro1192) 2015, 12月 20 @p_ck_ vimのイケメンな感じのプラグインになったら絶賛つかうよ！— いかろちゃん™@μSIM紛失系幼女 (@ikaro1192) 2015, 12月 20 ↓ Vim版を作った インストール 以下の3つに依存します。 S
インストールせずにカラースキームを試せる try-colorscheme.vim をつくりました - はやくプログラムになりたい
問題 Vim でカラースキームを試すときは主に以下の様な作業が必要になります． プラグインマネージャなどでカラースキームをインストールする カラースキームの名前を確認する :colorscheme コマンドでカラースキームを指定する コレジャナカッタ場合はカラースキームを削除する お気に入りのカラースキームを探していると上の操作をひたすら繰り返す必要があり面倒です． 解決 サクッとカラースキームを試したい時のために try-colorscheme.vim というプラグインをつくってみました． https://github.com/rhysd/try-colorscheme.vim 下記のように :TryColorscheme コマンドを使うだけです．下記の3通りの方法で指定できます． " カラースキームのあるリポジトリを指定する (user/repo 形式) :TryColorscheme
Vimの検索はもっともっと便利になる! incsearch.vim v2.0 をリリースしました - haya14busa
haya14busa/incsearch.vim incsearch.vim について知らないかたはこちらの記事を参照してください． 簡単に言えばVimのインクリメンタル検索をカイゼンするプラグインです． -> incsearch.vimでVimの検索体験をリッチにする - haya14busa incsearch.vim v2.0 をリリースした! v0.9, v1.0, v1.1, v1.2, … とこれまで incsearch.vim をインクリメンタルにカイゼンにカイゼンを重ねてきました… そして本日， incsearch.vim は晴れて一段階進化し， バージョン2.0 となりました! この進化を一言で言えば，incsearch.vim はもっともっと Vim の検索を便利にすべく 進化・拡張可能 になりました． 2.0で何ができるようになったか? 百聞は一見に如かず．以下のgi
全角スペースを可視化するプラグイン zenspace.vim を作った - 永遠に未完成
プログラミングをしていると、混ざっていると困る全角スペース。 可視化するように設定を書いている人も多いんじゃないでしょうか。 実際ググると、全角スペースを表示するための設定がたくさん出てきます。私も vimrc に設定書いてました。 でもこれ…みんなやってるなら、もうプラグインでよくない? ってことでプラグインにしました。 zenspace.vim - Show Ideographic Space (a.k.a. Zenkaku Space). https://github.com/thinca/vim-zenspace 全角スペースを表示するためだけのプラグインです。(画像内のタブの表示は 'listchars' によるもの) デフォルトでは 'list' オプションの値に連動して、可視/不可視を切り替えます。なので、'list' オプションをオンにしてください。 set list 'l
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
zeroheight
GitHub - eslint-community/eslint-plugin-eslint-plugin: An ESLint plugin for linting ESLint plugins
GitHub - skpm/skpm: 💎📦 A utility to build and publish Sketch plugins
GitHub - selaux/eslint-plugin-filenames: Eslint plugin to check filenames.
GitHub - MaxMEllon/vim-jsx-pretty: :flashlight: [Vim script] JSX and TSX syntax pretty highlighting for vim.![GitHub - MaxMEllon/vim-jsx-pretty: :flashlight: [Vim script] JSX and TSX syntax pretty highlighting for vim.](https://cdn-ak-scissors.b.st-hatena.com/image/square/64ee91cff225fdee01bb1078abadff3eb7484376/height=288;version=1;width=512/https%3A%2F%2Fopengraph.githubassets.com%2F9db7eae05efddf18d5fe221d230d1a113ca4c90907fd8dfffa5315b39cd01dbd%2FMaxMEllon%2Fvim-jsx-pretty)
GitHub - ChristianKohler/PathIntellisense: Visual Studio Code plugin that autocompletes filenames
GitHub - junegunn/vim-easy-align: :sunflower: A Vim alignment plugin
GitHub - neomake/neomake: Asynchronous linting and make framework for Neovim/Vim
GitHub - bryanrsmith/eslint-plugin-sort-class-members: An ESLint rule for enforcing consistent ES6 class member order
GitHub - hashivim/vim-terraform: basic vim/terraform integration
GitHub - ryanoasis/vim-devicons: Adds file type icons to Vim plugins such as: NERDTree, vim-airline, CtrlP, unite, Denite, lightline, vim-startify and many more
GitHub - zertosh/eslint-plugin-flow-vars: Solves the problem of false positives with `no-undef` and `no-unused-vars` when using babel-eslint
GitHub - JohnPostlethwait/stringify: Browserify plugin to require() text files (templates) inside of your client-side JavaScript files.
