注目のコードフォーマッター「Prettier」でCSSを整形する方法
Prettierのメリット コードフォーマッターとしてのメリット コードフォーマッターによって自動的にコードを整形してくれるので、手作業でコードを整形する手間と時間を省くことができ、開発者の負担を減らすことができます。 また、複数人でソースファイルを編集する場合でもコードの記述ルールが統一されるため、コードの可読性が保たれ、メンテナンス性が向上します。 Prettierならではのメリット PrettierはNode.js上で動作するため、WindowsでもMacでも同じ手順で導入することができます。 また、Prettierは以下に列挙した多くの言語をサポートしています。 JavaScript（ES2017, JSX, Flow, TypeScript, Vue, JSON） CSS（CSS, Less, SCSS） Markdown（CommonMark, GitHub Flavored
svg / canvas出力ができるbodymovinの紹介 - KAYAC engineers' blog
やっはろー(= ゚ω ゚)ノ 今年の3月、カヤックに中途入社した、 カヤックエンジニアの中で１番プログラムできないおじさんの町田（@machida-yousuke）と申します。 今回は、「映像業界?フロントエンド業界？が注目しているオープンソースライブラリ bodymovin」について紹介します。 ちなみに私は、元某インターネット広告代理店の映像クリエイター兼フリーランスのモーショングラフィッカーでした。 ※この記事はAfterEffects（以下「AE」と称する）の基本的な操作、用語を理解している前提で進めていきます。 ※bodymovinのバーションは V 4.6.10、AEのバーションはadobe AfterEffects cc 2017で進めていきます。 （V 4.6.10から使用言語によっておきるバグの修正がされています。） ※使用PCはMacです。 bodymovinとは AE
Google Maps API Styled Map Wizard
Navigate to the map region you wish to use to preview your style. Jump to a particular location using the Enter a location field in the top right. Select a type of feature to style in the Selectors panel. If you only wish to style the Geometry or Labels for the selected feature type, select the required Element Type. Select the combination of Stylers to apply to the selected feature type. Once you
Android版MERYのアーキテクチャ - peroli Developer's Blog
2016 - 10 - 19 Android版MERYのアーキテクチャ list Tweet こんにちは、普段MERYの Android を開発している栗野です。 最近、 Android アプリMERYでは2.0の開発を行っており、それに伴って Android の アーキテクチャ を見直す取り組みを行っております。 その中で新しく採用し、進めている アーキテクチャ について少し話そうと思います。 ことの始まり Android は今まで1.5人体制で開発を進めていたのですが（一人は iOS との兼務）、少し前から新しい Android エンジニアがjoinし、2.5人体制で開発をすることになりました。 そしてちょうどその方が、「DDDな人」だったこともあるのと、少し前に職場の「DDDな先輩」から「 エリック・エヴァンスのドメイン駆動設計 」を借りて、それを読み始めていたことも重なって、新しい
Swift ファーストインプレッション - mizchi's blog
とりあえずThe Swift Programming Language読んで、実際に自分で少し書いてみた感想。 諸事情でAppleにiOSデベロッパーとしてお布施していたので Xcode6beta落として少し書いてみた。プロジェクトスケルトンをswiftで生成できるので、そのコードを眺めたりしていた。 ファーストインプレッション Immutable脳の人が設計したっぽい。 スクリプト言語っぽい構文に、型注釈。これはGoとシンタックス上の設計思想が似ているんだと思う。 基本的にImmutableな設計でありながら、オブジェクト指向を採用しており、Scalaっぽいマルチパラダイム感がある。Scalaの人は好きになりそう。 型推論のおかげで動的型付け言語触ってきた人にも抵抗がない感じになってる。推論のおかげで静的型付け言語が動的型っぽくみえるのはHaskellとかOCaml方面の雰囲気。 LLV
いまさらだけどWordPressでAjaxのやり方 | 高橋文樹.com | プログラミング
この投稿は 12年 前に公開されました。いまではもう無効になった内容を含んでいるかもしれないことをご了承ください。 Never Let Me Go 先ほど拙作WordPressプラグインのNever Let Me Goをアップデートしたので、その際の作業ログです。基本的にはWordPressを知っていて、PHPとかJavascriptとかはまあわかるかなという人を対象にしています。それでは、レッツスタディ。かなり長いですよ。 成果物 Ajaxでユーザーを検索して、IDと名前の一覧を取得して表示、選択すると該当するユーザーIDをinputタグにセットします。 管理画面でのインクリメンタル検索 Ajaxを導入した経緯 Never Let Me Go（以下NLMG）はユーザーが自分で退会できるようにするプラグインなのですが（参考）、そのユーザーがコンテンツを作成していた場合、そのコンテンツは消え
Dynatable.js - jQuery plugin for HTML5+JSON interactive tables and more
To get started, simply install jquery.dynatable.js (along with jQuery), and add the following in the document.ready or after the table: Read / Normalize The HTML table is scanned and normalized into an array of JSON objects (or collection) where each JSON object (or record) corresponds to a row in the table. Operate The JSON collection can be sorted, searched/filtered, and paginated/sliced. Write
MessagePack: It's like JSON. but fast and small.
It's like JSON. but fast and small. MessagePack is an efficient binary serialization format. It lets you exchange data among multiple languages like JSON. But it's faster and smaller. Small integers are encoded into a single byte, and typical short strings require only one extra byte in addition to the strings themselves. Next: MessagePack is supported by over 50 programming languages and environm
JSON Editor Online: edit JSON, format JSON, query JSON
JSON Editor Online JSON Editor Online is the original and most copied JSON Editor on the web. Use it to view, edit, format, repair, compare, query, transform, validate, and share your JSON data. About JSON Editor Online JSON Editor Online is a versatile, high quality tool to edit and process your JSON data. It is one of the best and most popular tools around, has a high user satisfaction, and is c
fluentdの簡単な使い方、設定方法一覧
fluentdはログの転送・集約を簡単に行うためのツール fluentd ログの転送・集約を行うためのツール。複数台のサーバーを運用している時にそれぞれのサーバーにたまるログを、簡単な記述で特定の場所に集約できる。 今までは同じことをどうやって実現していたの？ バッチでコピーしたり、似たようなことをやるScribeというツールを使っていた。この方法だと、設定が複雑になりがちだし、バッチだとリアルタイムに処理することができなかった。 fluentdの利点は？ 設定が簡単、かつリアルタイムに処理できること。fluentdを使うとバッチではなくリアルタイムなストリーミング処理ができる。 fluentとfluentdのどっちの読み方が正しいの？ 一応、fluentdが正しいっぽいです。 fluentdのインストール方法 簡単なのは、GemやRPMを使ったインストール。yumでのインストールも自分で
Fluentd | Open Source Data Collector
Fluentd is an open source data collector for unified logging layer. Fluentd allows you to unify data collection and consumption for a better use and understanding of data.
jQuery.Deferredって何
programming notes. mainly about JavaScript / jQuery. [@Takazudo] [takazudo@gmail.com] Hint: alt + / ※ このブログの内容は弊社が運営する有料サービス、CodeGridにてより詳しい内容をご参照いただけます（宣伝） jQuery deferredの使い方 - deferredの基本 | CodeGrid === jQuery1.5から追加された機能。でも全然使ってないので調べた。 jQuery1.5からはdeferredオブジェクトっていうものが登場。 これは、「イケてるキュー（待ち行列）の仕組み～遅延もあるよ～」みたいなものです・・・ 説明がムズイけれどもなんかそんな感じなのです。今までは function fetch(callback){ doAjaxThings('somefile.js
これは便利！jQueryに依存せずに使えるgetJSON.jsを作ってみた | soplog(そぷログ)
タイトルは最近の流行りっぽくしてみました＼(^o^)／ 「ソーシャル系のJSONPのためだけにjQuery読み込ませるのもな～」ということで作成してみましたが、「jQuip」なんてサービスもでてきたのでそちらを使った方が便利かもしれません。 しかし空気を読まずに投下します。 追記： @teramakoさんが修正してくださいました！ありがとうございます！！ @sophide0822 さん、テストできてませんが、一応 https://t.co/tON5JQ7a に上げました — てらまこ (@teramako) 2012, 2月 23 修正いただいたスクリプトは eval を使用せず動作します。 すごくスマートに書かれていて、とても参考になりました。 精進します(`・ω・´) jQueryのgetJSONが今の形になる以前に、「jQuery JSONP plugin」というプラグインを開発され
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Create a new fiddle - JSFiddle