共同編集を支える技術とライブラリの活用 - ICS MEDIA
『Google Docs』や『Figma』といったリアルタイムな共同編集ツールの恩恵を受けている人は数多くいるでしょう。『Visual Studio Live Share』のようなエンジニアに嬉しいツールも生まれ、今日ではオンライン上でも円滑なコミュニケーションが可能になっています。 これらのツールの基礎にあるのが「共同編集」のテクノロジーです。本記事ではこの技術に焦点を当て、その仕組みと主にフロントエンドでの実用例について紹介します。 記事の前半では、リアルタイムな共同編集に用いられる技術やアルゴリズムについて、発展の歴史とあわせて紹介します。解説用のコードにはJavaScriptおよびTypeScriptを使用しますが、フロントエンドエンジニアに限らず共同編集の仕組みについて気になる読者が知識を深めるきっかけとなるはずです。 さらに後半ではフロントエンドの開発者目線で、前半で紹介した技
Arel cheatsheet
users.where(users[:name].eq('amy')) # SELECT * FROM users WHERE users.name = 'amy' basic join In ActiveRecord (without Arel), if :photos is the name of the association, use joins users.joins(:photos) In Arel, if photos is defined as the Arel table, photos = Photo.arel_table users.join(photos) users.join(photos, Arel::Nodes::OuterJoin).on(users[:id].eq(photos[:user_id])) join with conditions users.
Windows 版 Atom のフォントを変更する - Qiita
はじめに GitHub の作ったテキストエディタ「Atom」の Windows 版がやってきた。 さっそく、現在使っている Windows（Win 7 Pro, 32 bit）マシンにインストールしてみる。 見た目は超クール。なのに日本語フォントが残念だった。いわゆる中華フォント。 これはよろしくない。フォント大事。 というわけで、 Migu フォントをインストール & Atom に導入してみた。 フォントのインストール まずはフォントのファイルを持ってくる。 Miguフォント : M+とIPAの合成フォント 今回は「Migu 1M」(等幅フォント) を使う。 zip ファイルを DL して解凍、 「migu-1m-regular.ttf」をインストールする。 Atom の設定 フォントのインストールが終わったら Atom の設定をいじる。 メニューバーの File から Settings
Chromeから無料でナショジオ風に写真をオフライン加工できる「Polarr」
プライベートで撮影した写真は形ある思い出となりますが、全ての瞬間をプロのカメラマンのような躍動感のある美麗な写真に仕上げるのは難しいもの。そんなデジタルカメラで撮影した画像を多彩なフィルターや詳細な設定によって美しく加工でき、「ナショナルジオグラフィックで働いているの？」と言われてしまうかもしれない無料の写真加工ツールが「Polarr Photo Editor」。オフラインで使えるChromeアプリ版「Polarr Photo Editor RAW」と、オンラインでさらなる機能が使える「Polarr Online Editor」を実際に使ってみました。 Polarr Photo Editor RAW - Chrome ウェブストア https://chrome.google.com/webstore/detail/polarr-photo-editor/djonnbgfieijldciea
[コードエディタ] Bracketsが正式リリース
Brackets が正式リリースされた。 アップデートついでに色々とまとめてみた。 Bracketsとは Brackets は、Web アプリ開発向けのオープンソースコードエディタ(Adobe が一枚噛んでる)。「Adobe Edge Code」のベースになってるっぽい。 Sublime Text ほど人気はないけれど、個人的には Sublime Text より使いやすくて使っている。ここ最近はかなり使いやすくなっている。 特徴 クロスプラットフォーム(Mac, Windows, Linux) 日本語を標準サポート HTML/CSS/JavaScript/SCSS/LESSを標準サポート クイックドキュメント タグやスタイルに関するヘルプ表示 クイック編集 タグを装飾するスタイルをインライン編集できるようにする(CSSファイルを開かずに済む) 構文チェック(JSLint) ライブプレビュー
![[コードエディタ] Bracketsが正式リリース](https://cdn-ak-scissors.b.st-hatena.com/image/square/2be83a2701b2800d58c01eba2ec89e207c47fd91/height=288;version=1;width=512/https%3A%2F%2Fb.0218.jp%2Fimages%2Fogp%2F20141105125846.png%3Fts%3D58764a758bbba0f0eef35e10c56db3a3ab18e735)
wri.pe サービス終了のお知らせ / wri.pe Service Termination Notice
誠に申し訳ございませんが、wri.peはサービスを終了いたしました。2023年末までデータのダウンロードが可能です。 現在、GitHubユーザのみデータのダウンロードができます。Facebookに関しては、ログイン処理ができない問題が発生しており、Facebook社に問い合わせ中です。この問題に詳しい方がいらっしゃいましたら、@masuidrive までご連絡ください。 これまでのご利用、合計2.6万人の皆様に30万ページでお使いいただき、心より感謝申し上げます。最後に、お気持ちをいただける方は、Amazonのウィッシュリスト から何かお選びいただければ幸いです。 We apologize for the inconvenience, but wri.pe has terminated its service. You can download your data until the en
使ってわずか10分でメインエディタを変えてしまったSublime Text （ST2）がめちゃめちゃ使いやすい件 ｜https://wp.yat-net.com/name
2012年 11月 21日 使ってわずか10分でメインエディタを変えてしまったSublime Text （ST2）がめちゃめちゃ使いやすい件 カテゴリ： PCツール タグ：エディタ 最近流行ってるsublime textというエディタですが僕も試しに使って10分ぐらいでメインエディタにしてしまいました。なんせ使いやすいです。 個人的にショートカットで作業効率がガンガン上がっていくのが非常に嬉しいですね。ちょっとそのあたりを紹介したいなと思います。 1.sublime textとは 2.作業効率を上げる便利なショートカットキー 3.マウス操作との連携で入力を支援 4.カスタマイズで更に便利に！プラグインに関して 5.その他便利な機能 6.参考文献 7.追記 sublime textとは windows,mac,linuxで動作するエディタです。テキストの編集やコーディングを早くするショートカ
超シンプルで高機能なMarkdownエディタの『StackEdit』がいい感じ！ | バンクーバーのうぇぶ屋
皆さんMarkdown使う機会多い人ですか？僕はぶっちゃけそんなに使用頻度が多いわけじゃないんですが、中にはMarkdownで書く事が多いって人も当然いると思います。そんな時Markdownエディタってどんなもの使っていますか？ 今日ご紹介させて頂く『StackEdit』というMarkdownエディタは、プレビュー機能や、Dropbox共有、Google Drive共有、パブリッシュ機能ナドナド… まーとにかく色々な機能がついてる割に、Markdownに慣れない僕でも直ぐ使い出すことが出来るくらいのシンプルさに惚れたので、Markdownエディタ良いのないかなぁって探している方に是非参考までにと思い共有させて頂く事にしました！ Chromeの拡張機能もありますが、アクセスするとサンプルが表示されるかと思いますので、それ見ながらちょっと軽くだけご紹介させて頂ければと思います！ StackEd
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
【Windowsアプリケーション】Sublime Text 2 メニュー日本語化: ゆーがいぶろぐ
こんにちは。 またST2ネタです。 カスタマイズがテキストベースで簡単にできてしまうため、メニューバーとコンテキストメニュー（右クリックメニュー）を日本語化してみました。 せっかくなのでシェアします。 いくつか留意点があります。 Googleドキュメントを利用して一般公開します。 Userフォルダに置いても何故かほとんどの項目がオーバライドされないので、Defaultファイルを差し替えて使うことになります。 オリジナルファイルのバックアップを必ず取ろうね！ 各メニューのトップ要素は英語表記のままです。 これは、一部プラグインがメニュー表記をオーバライドしやがるためで、不統一となるくらいな日本語化しないほうがいいや、と思ったからです。 私のセンスで日本語化しちゃってます。 納得できない項目もあるでしょう。 お好みに合わせて変更してください。 メニュー項目ということで簡素に表現する必要があり、
Sublime Text
Effortlessly Split Panes and Navigate Between Code With the new Tab Multi-Select functionality, tabs become first-class citizens in the interface. A simple modifier when performing actions will split the interface to show multiple tabs at once. Works with the side bar, tab bar, Goto Anything and more! What’s New Sublime Text 4 is packed with new features and enhancements, including: GPU Rendering
Sublime Text 2 - Sublime Text
Sublime Text 3 has been released, and contains significant improvements over this version. Version: 2.0.2 OS X (OS X 10.6 or later is required) Windows - also available as a portable version Windows 64 bit - also available as a portable version Linux 32 bit Linux 64 bit Sublime Text 2 may be downloaded and evaluated for free, however a license must be purchased for continued use. There is currentl
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Swagger Editor
Online Markdown Editor - Dillinger, the Last Markdown Editor ever.
Create a new fiddle - JSFiddle
オープンソースのSublime Textクローンなテキストエディタ・「Lime Text」
StackEdit - Markdown editor
ゼロから再設計された「MarkdownPad 2」が公開、タブ・構文強調などの新機能を搭載
Brackets | Downloads
GitHub - adobe/brackets: An open source code editor for the web, written in JavaScript, HTML and CSS.