GitHub - tinymce/tinymce-react: Offical TinyMCE React componentYou signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
サービス開発を加速させる技術選定 in Kibela - Bit Journey's Tech Blog
2017/07/18 Service Dev Meetup #1 の資料です。 会場は Speee さんに提供していただきました。ありがとうございました。 自己紹介 FUJI Goro / @__gfx__ ビットジャーニーのエンジニア 最近のスコープ: Ruby on Rails / TypeScript / React / GraphQL 情報共有サービス Kibela を開発してます 最近の発表: RailsエンジニアがReactを始めてSSRとReduxとTypeScriptを導入するまで 今日の話 Kibelaにおける技術選定とは やらないこと やったこと これからやること Kibelaにおける技術選定とは 自分（@gfx）にとっては技術的挑戦は精神衛生上必要なこと 興味のある分野に限るが… スタートアップにとってはサービスの成長が最も重要 技術的挑戦によって機能を磨いて差別化に
Atom実践入門、それはエディタの使い方と同時にWeb技術の現在が学べるまったく新しいエディタの本。 - 日々、とんは語る。
2016年7月14日、私にとって『Emacs実践入門』以来4年ぶり2冊目となる書籍『Atom実践入門』が発売されることとなりました。 去年、WEB+DB PRESS Vol.86にてAtom特集を書いたので、もしやと思った勘の鋭い方もおられたかもしれませんが、実はそのときから本書の執筆を行っており、この度ようやく上梓することができたというわけです。 本書は私にとって2冊目の書籍であると同時に、2冊目のエディタの本でもあります。またしてもエディタの本を書いてしまったわけで、これについては色々と思うところがあるのですが、それについてはまた今度詳しく書きたいと思います。本日は、この本に込められた思いについて語っていきます。 はじめてのエディタを使う人にとってベストな解説書を目指して。 エディタの本は、基本的にプログラミングを書く人に向けた書籍です。Emacs実践入門のときは、Emacsという歴史
UXPin | The Full-Stack UX Design Platform
Download our free report on how leaders and design system contributors from enterprise companies like Caterpillar, PayPal, or Weir Group build and grow design systems. Learn key lessons on design system maturity and operations. Designing for Android? Use the free Material UI kit built straight into a design tool. Utilize high-quality elements with interactions. Easily resize to any screen. Design
WebStorm/PhpStormが備える差分抽出（Diff）機能まとめ
WebStorm/PhpStorm（というかJetBrains製のIDE全般）には多彩なバリエーションの差分抽出（Diff）機能が搭載されているのだけど、あまりにも多彩なのでいったんまとめてみることにした。 まとめてみた結果、これはもう外部の差分抽出・マージ専用ツールは不要だなと思えるほど充実していた。 もくじ 特定の2つのファイルを比較する 現在開いているファイルと、特定のファイルを比較する クリップボードの内容と、ファイルを比較する クリップボードの内容と、ファイル内の特定領域のテキストを比較する 特定の2つのディレクトリを比較する リモートファイル（サーバー上にあるファイル）と比較する リモートファイル（サーバー上にあるファイル）と複数ファイル同時に比較する ローカル履歴と現在のファイルを比較する Gitのブランチどうしを比較する 現在開いているファイルと、Gitの別ブランチにある当
Atom でインストールしている package 一覧 - Qiita
Sublime-Style-Column-Selection Atom で Sublime text のように矩形選択できるようになる。 Zen Zen モードになる。 人気だったから入れてみたけどあまり使わない。 api-blueprint-preview API Blueprint をエディタ内でプレビューする。 aglio が必要になる。 atom-alignment = の位置を揃えることができる。 atom-beautifier コードフォーマットをしてくれる。 atom-color-highlight エディタに入力した色名やカラーコードに従ってハイライトしてくれる。 autocomplete-plus オートコンプリート。 autocomplete-snippets オートコンプリートにスニペットも表示してくれる。 autocomplete-paths オートコンプリートにフ
Sublime Textの作業効率を飛躍的に上げるプラグイン31個 | aucfan Engineers' blog
こんにちは、湘南生まれデトロイト育ちのきんぐです。 入社してから1年半ほどWebマーケターをやった後、気付いたらエンジニアになってました。 そんなこんなで異動してから9ヶ月が経ち、合コン等で Q.「お仕事は何されてるんですか？」 A．「うぇ・・うぇぶえんじにあです。ほーむぺーじの運営してます。」 くらいは言えるようになったので、 本日は僕の相棒とも呼べる Sublime Text 2(3)のオススメプラグインを紹介したいと思います。 （そんな技術的なこと書いても、ね。） 私はSublime Text 2を使っていますが、これから導入する方はせっかくなので3使いましょう。 （当時2にあって3にはないプラグインがあった為未だに乗り換えてません） ※Sublime Textのインストール方法などは端折りますので、知りたい方は各自ggってくださいませ。 ■絶対入れるよねプラグイン ●A
Javaエンジニアがいまさら始めるRuby開発環境 - Qiita
Editorは、人によって大きく違うと思うけど、大体こんな感じだと思います。 Rubyでは、Vim,Emacsなどのエディタ + Plugin + 開発支援なgem Javaでは、Eclipse,NetBeans,IntelliJなどのIDE Javaの人はIDEが無いと辛いと思うかもしれませんが、Vim Pluginや開発支援するgemを使えば、IDEと遜色なく使えるのではないかと思います。 例えば、エディタ上で以下のことはできます。 コード補完 ブレイクポイントを置いて、ステップ実行 カーソル上のクラスやメソッドに飛ぶ（gemやRuby本体のC言語も含む） 知りたいクラスやメソッドなどのドキュメントやソースの表示 保存時にコーディング規約違反の表示 homebrew mac標準のrubyでまずはhomebrewをインストールします。 $ ruby -e "$(curl -fsSL ht
node-webkitで最前面に置けるMarkdownメモアプリを作った
floating-memo.app 名前の通り最前面に表示されてる事を前提にした簡易なメモアプリです。 node-webkitで最前面なアプリが書けることに気づいたので簡単に作りました。 今のところMacのみのサポートとしています(DayOneに依存してるので)、別の所に保存する実装等があれば他のプラットフォームでも動かせるようになると思います。 以下から、ダウンロードすることが出来ます。 https://github.com/azu/floating-memo/releases/latest 仕組み floating-memo.appはnode-webkitで書かれています。 node-webkitはnode-webkitとは何かでも書いていましたが、ブラウザのcontextとnode.jsのcontextの2つを持っています。 このアプリでは、表示やエディタ部分はブラウザのcontex
VimをモダンにリファインしたMac用エディタ「VimR」 | ソフトアンテナ
Vimを現代風にリファインしMacの他のモダンなエディタで導入されている機能を取り入れることを目的としたエディタ「VimR」(Vim Refined)が公開されています(GitHub、Hacker News)。 説明によると、VimRはエミュレーションではない完全なVimを内部に組み込んでいて、Vimの好みプラグインを使用可能。hjklで操作できるGUIファイルブラウザや、曖昧検索に対応したファイル検索機能が使えるということです。 ↑左ペインがファイルブラウザ。 ↑ファイル検索。 MacVimプラスアルファといった雰囲気なので、GUIメインでVimを使っているユーザーならば検討してみる価値はあるかもしれません。 ソースコードのライセンスはGPL v3で、ビルド方法はGitHubに説明されています。今後が楽しみなエディタだと思います。
WebStorm、PhpStorm、RubyMine、PyCharm、IntelliJ IDEA、AppCodeなどでコードをなるべく楽に綺麗に書くための機能紹介 3つ #jbugj – yusuke.blog
コツなんて必要ありません。普通にIntelliJ IDEAを初めとするJetBrains IDEでコードを書いていれば綺麗になります。 1. コードフォーマット 特にプラグインとか入れる必要はない。最初からScala、Java、ActionScript、CFML、CoffeeScript、CSS、Groovy、HAML、HTML、JavaScript、JSP、LESS、SCSS、SQL、TypeScript、XML、Yamlなどのコードフォーマッタが入ってる。 ショートカットはOpt+Cmd+L(設定によっては違う)。しかるべきところでの改行と、インデントをまとめてしてくれるのでたすかります。 べつにショートカットを押さなくてもコミット時にフォーマットをかけさせられるのでコーディング時は意識しなくていい。 コミットダイアログ(Cmd + K)ではReformat code、Rearrang
僕とエディタ，vimを添えて - #tanittaの日記
僕とエディタの続きです． あらすじ 環境構築につかれた人「環境構築につかれた」 ここ2年くらいは，「恋に落ちるエディタ」と評判のsublimetextを使って，コンパイラなりインタプリタ叩いてコーディングをしていた．OSはもともとWindowsを使っていたが，快適なClangによるC++の開発環境を求めるにあたり，コミュニティ的にUNIXの世界の住人が多いLinux（UbuntuときどきDebian）に移住した．正直macが欲しいとおもった． vimに入信を試みる vim?— たにったさん（はきもよ） (@ttata_trit) 2014, 4月 10 vimには堅牢なClangによる自動補完のプラグインがあると聞いたので，早速コマンドラインで$vi，立ち上げたコンソールには「vimがなんとか」．試しに使ってみたがよくわからない．BackSpace使えないのがタイプミスの多い自分としてはつ
脱初心者を目指すVimmerにオススメしたいVimプラグインや.vimrcの設定 - Qiita
はじめに: 「素のVim」から「プラグイン付きのVim」へ Vimを使い始めた当初、僕は.vimrcの設定だけで実現できる機能に限定した方が「ポータブルなVimスキル」になる気がしていたので、プラグインは全く使わずに「素のVim」を使っていました。 しかし、Vimを使って実務でRailsを開発し始めるとそんなことも言ってられなくなりました。 やはり素のVimだけでは限界があります。 Vimを使って効率よくRailsを開発するためにはプラグインに頼らざるを得ません。 ネットの情報などを参考にしてあれこれプラグインを入れてみましたが、これは手放せないというプラグインもあれば、思ったほど使わなかったというプラグインもあります。 今回の記事では前者のような「これは手放せない！」と僕が考えているプラグインに限定して紹介していきます。 また、後半ではプラグインを使わない.vimrcの一般的な設定につい
Big Sky :: Vim で markdown 内に書かれているプログラミング言語をハイライト
vim に同梱されている markdown シンタックスは syn include に対応しているので指定で色が付けられる。 github 等では README.md やコメント欄に ```javascript function hasegawa_san_hidoi() { alert('ひどい'); } ``` この様な記述をする事で javascript の色付けが適用されますが、vim でも可能です。 ただしデフォルトでは無効にされているので以下の様に設定を行います。 let g:markdown_fenced_languages = [ \ 'coffee', \ 'css', \ 'erb=eruby', \ 'javascript', \ 'js=javascript', \ 'json=javascript', \ 'ruby', \ 'sass', \ '
Xcodeを触る上で知っておいた方が良いTips - Qiita
Xcodeの便利ツールとかじゃなくて、Xcodeを触る上で知っておいたほうが有利なこと これからも追加してく Double Click Navigation 誰か１度はやるかもしれない Xcodeを起動したらToolbarもAssistant Editorもない、この画面 まさに絶望、やる気をすべて奪う悪魔のウィンドウ 原因はProject Navigatorのファイルをダブルクリックで新しいウィンドウを開いたままXcodeを閉じてしまうこと。 解決にはPrefarence... > Navigation > Double Click NavigationをUses Separate Tabにすること これで、ファイルをダブルクリックしたときは、タブで表示される。 ショートカット 私がよく使うのだけ、他にもいくつかあるけど 編集 Esc 補完機能の呼び出し Cmd + / コメントアウト（
SublimeTextの教科書で紹介されてるプラグインまとめ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? via Impress Japan: Web制作者のためのSublime Textの教科書 今すぐ最高のエディタを使いこなすプロのノウハウ サンプルPDF4章の目次より ※説明は私の調べたものなのでかなり適当です。 SideBarEnhancements サイドバー右クリックのメニューを拡張 titoBouzout/SideBarEnhancements LineEndings 改行コードの変更。 SublimeText/LineEndings ※現状、SublimeText3で動かないです。143Pのコラムで動かし方について言及がある
旧・Macの手書き説明書 - FC2 BLOG パスワード認証
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
Haroopad - 開発者にぴったりなMarkdownエディタ
マルチプラットフォームで使えますよ！ エンジニア界隈ではMarkdownの認知度が高くなっていますが、その記法が若干特殊なこともあって書きづらいと感じている人は多いはず。そこで使われるのがMarkdownエディタです。 Haroopadもその一つになります。多分に漏れず2ペイン構成で片側がプレビューになっていますが、それ以外にも便利な機能がたくさん揃っているMarkdownエディタになります。 Haroopadの使い方 プレビューはつい縦長になりがちなので、2〜3段で書くと短くていいかもしれませんね。 Haroopadは使ってみた感じ、かなり開発者寄りなMarkdownエディタになっているという印象です。Markdownを使いこなしてがんがんドキュメントを作っていきたいと考える方にはぴったりではないでしょうか。 HaroopadはWindows/Mac OSX/Linux用のオープンソース
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub、テキストエディター「Atom」のWindows版を公開
https://jp.techcrunch.com/2014/04/19/20140418telerik-open-sources-most-of-its-kendo-ui-html5-framework/
