「Sublime Text」 完全入門ガイド！
こんにちは～ 仕事が恋人のデザイナー、王です φ(≖ω≖｡)♪。 最近海外でもてはやされまくりのテキストエディタ「Sublime Text」と恋に落ちたことをこの場で告白したい！ やっと出会えたぞ！僕が探し求めていた幻のエディタに！！ 昨今話題沸騰中の「Sublime Text」エディタについて、ご紹介しましょう！本記事を読んで、ぜひとも他のエディタからSublime Textに乗り換えていただきたいです！ 見た目的には、このように、優雅（Sublime）そのもの！ Mac、Windows、Linux 三大プラットフォームで動くのも嬉しいですな！ 公式サイトは下記リンクです。 https://www.sublimetext.com/ それでは、動画やキャプチャーを使ってSublime Textの素晴らしい魅力を伝えていきたいと思います。 Sublime Textのチャームポイント 特色機能
Nyle Engineering Blog
OpenAIのWhisper文字起こし25MB制限を解決するPHP, Laravel, ffmpegを使ったファイル分割の例 OpenAIのAPIを使った音声の文字起こしは、今や多くのアプリケーションで利用されています。この記事では、特にWhisper文字起こしの25MB制限に焦点を当て、PHP, Laravel, ffmpeg…
Sublime Text2ってエディタがすごくイイ。
Macを使い始めて、いろいろ新しいソフトやアプリを探していたところ、同僚の方からいま人気のSublime Text 2というエディタを教えて頂きました。どうやら無料らしく(今後シェアウェアになるかも？)、初期設定や自分に合った環境に整えるのに少し手間取りましたが、なんとか実務で使えるレベルになってきたのでシェアします。 HTML5,CSS3,jsを書く事が多くて、Zen-CodingもSass+Compassも使うし、それにスマートフォンのマークアップ業務が多い！なんていう僕と同じような人がいるなら、このエディタはオススメですw 以下の設定通りにやれば、フロント寄りのエンジニアになら最低限は使えるものになると思います。 ダウンロード Sublime Text 2 – Dev Builds 初期設定 アプリを立ち上げて、Sublime text2 > Preference > Setting
bitbucketの使い方
With best-in-class Jira integration, and built-in CI/CD, Bitbucket Cloud is the native Git tool in Atlassian’s Open DevOps solution. Join millions of developers who choose to build on Bitbucket.
コンテンツへスキップ →web コメントコメントを残す コメントをキャンセルメールアドレスが公開されることはありません。 * が付いている欄は必須項目です コメント 名前* メール* サイト 次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。 Δ 先頭へスクロール
2012年12月4日：Vim化について指摘と参考になる情報をいただいたので追記しました。 こんにちは、僕はVimユーザーです（ちなみにVimを完璧に使いこなしているわけではありません）。 今更ながら「Sublime Text 2」というナウでヤングなエディタも使いこなせるようになりたいと思い、Sublime Textの基本設定からプラグインやスニペットの作り方まで調べた内容をこの記事にまとめることにしました。 細かい情報までまとめることはできなかったので、より詳しい内容を紹介してくださっているブログやサイトへのリンクを設けています。 この情報以外にもSublime Text 2をVimに近づけるプラグインやカスタマイズ方法があればコメントいただけるとうれしいです。 また、間違いがあればコメントいただければすぐに直します。よろしくお願いします！ Sublime Text 2は有料（$59）の
Sublime Textのさまざまなパッケージの中から、利用シーン別におすすめのものを紹介。また、Sublime Textのパッケージの基本的な使い方として導入方法や有効化／無効化、削除の方法も説明する。 ← 前回 連載 INDEX 今回はSublime Textのさまざまなパッケージの中から、特におすすめのものを紹介する。 Sublime Textのパッケージ Sublime Text自体はオープンソース・ソフトウェアではないが、内部機能を操作するためのAPI（API Reference - Sublime Text 3 Documentation）が公開されている。また、メジャーなスクリプト言語であるPythonのランタイムが搭載されているので、誰でもパッケージを作成できる。 そのため、パッケージの作成は盛んで、2014年12月時点登録されている公式パッケージは2600以上となっている
Cheat Sheet
Download cheat sheet as printable PDF A5
via Impress Japan: Web制作者のためのSublime Textの教科書 今すぐ最高のエディタを使いこなすプロのノウハウ サンプルPDF4章の目次より ※説明は私の調べたものなのでかなり適当です。 SideBarEnhancements サイドバー右クリックのメニューを拡張 titoBouzout/SideBarEnhancements LineEndings 改行コードの変更。 SublimeText/LineEndings ※現状、SublimeText3で動かないです。143Pのコラムで動かし方について言及がある模様。 TrailingSpaces 行末の半角スペースを削除。 SublimeText/TrailingSpaces Focus Last Tab Sublime Text 2 では、Chrome などのタブブラウザーと同じように command + 1
Sublime Text3で構文エラーをチェック
こんにちは、つい最近メディア事業部脱退を表明したデザイナーの王です。 PhpStorm、Aptana、NetBeansなど、大抵のIDEは、コードを書きながら構文エラーをリアルタイムでチェックしてくれるとても便利な機能がついていますよね。 個人的にはPhpStormが一番使いやすかったですが、IDEだと、プロジェクト単位で管理しなければならないので、小回りが効くSublime Textも以前から愛用しています。特にSublime Textの「Multiple Selections」という機能が凄く便利で、一旦慣れてしまったら、この機能が使えないPhpStormで作業するとストレスが溜まってしまいます!! でも、はやりIDEのリアルタイムコード解析は使いたいなぁ〜〜 でも…でも… こんな葛藤に苦しんだ結果、とある偉大なプラグインが誕生しました!!その名も「SublimeLinter」です！
Sublime Text 2, 3の使いやすいテーマのまとめ
Sublime Text 2や3で利用できるシンプルで見やすく、使いやすいテーマを紹介します。 使い慣れたテーマももちろんいいですが、新しいテーマにすると気分も一新され、やる気がアップしますよね。 テーマファイルをSublime Textにインストールする方法は、一番下に。 Spacegray Ocean Dark（キャプチャ）, Ocean Light, Eighties Dark の3種類。シンプル好きな方は一度お試しを。 僕は只今、「Ocean Light」を使用中〜♪
シンプルで見やすく、Web制作時などのコーディング作業が捗る使いやすいSublime Text 2や3のテーマを紹介します。使い慣れたエディタもテーマを変えると新鮮な気持ちになりますよね。 まずは、最近リリースされたSublime Text 2/3のテーマから。 テーマファイルをインストールする方法や日本語化は、一番下にまとめました。
Sublime textでコードをなるべく楽に綺麗に書くための機能紹介 3つ - megane9988のブログ
1. コードフォーマット パッケージとして提供されている HTML-CSS-JS Prettify を導入する。使い方はソースコードで右クリックして、Prettify Codeを選択。ショートカットは Shift + Command + H。しかるべきところでの改行と、インデントをまとめてしてくれるのでたすかります。 コードフォーマットの設定 Prettify Code コードフォーマットにおけるデフォルトでのインデントの設定はスペースです。設定変更や拡張子の追加などを行う場合は、Performance→Package Setting → HTML/CSS/JS/Prettify → Set Prettify Setting と進むと、設定ファイルが表示されます。(コマンドパレットからも呼び出し可。) インデントの設定を変更する場合は インデントの文字をスペースからタブに dent_cha
Emmet CSSショートコード
Emmetは、Zen-Codingの次期バージョンの名前です。 Zen-CodingはHTMLの記述方法が取り上げられることが多いですが、個人的には、CSSの入力補助こそ真価が発揮されると思っています。 私は、EmmetまたはZen-Codingがなければ、CSSのプロパティを打つのが苦痛なほどです。 Emmetから、さらに多くのプロパティに対応し、数値も含めて展開できるようになりました。CSSの記述がより使いやすくなったので、紹介します。 Zen-Codingから使える CSSの展開は、ほとんどのZen-Codingから使えます。 Emmetではさらに使いやすくなりましたが、Emmetは現在開発中のため、不安定な部分があります。不安な方は、Zen-Codingをおすすめします。 プロパティに、ショートコードが用意されており、+でつないで展開(Expand Abbreviation)する形
[Sublime Text]お気に入りテーマ・ショートカット・パッケージ｜Sublime Text Advent Calendar 2014 | tipsBear
[Sublime Text]お気に入りテーマ・ショートカット・パッケージ｜Sublime Text Advent Calendar 2014 この記事はSublime Text Advent Calendar 2014 23日目のエントリーです。 出会った時からすっかり恋に落ちてしまって、今でもずーっと公私ともにメインエディタとして使用しているSublime Text。本当に使いやすくて優秀な大好きなエディタです。 そんなSublime Textに少しでも恩返し出来たらいいなということで、今回はSublime Textのお気に入り機能を色々と綴ります。 お気に入りテーマ＆カラースキーム テーマ：「Flatland」 Sublime Textを触ってきて慣れてくるとやっぱり変えたいのがテーマとカラースキームです。しばらくずーっとデフォルトのmonokaiを使っていたのですが、ある日気分転換し
![[Sublime Text]お気に入りテーマ・ショートカット・パッケージ｜Sublime Text Advent Calendar 2014 | tipsBear](https://cdn-ak-scissors.b.st-hatena.com/image/square/c8a86b897afa286ef46ccb8afc858d7ad3a3ef79/height=288;version=1;width=512/https%3A%2F%2Ftipsbear.com%2Fwp-content%2Fuploads%2F018-670x292.png)
Sublime Text で Markdown を快適にする3つのパッケージ - 情報系大学院生のWebメモ
Sublime Text に恋に落ちて、Markdown 記法ではてなブログを書いています（参照：はじめてのMarkdown記法，恋に落ちる「Sublime Text」のインストール・日本語化）。Sublime Text で Markdown を快適に書けるプラグインを探して、以下の3つのパッケージをインストールしました。 OmniMarkupPreviewer - Markdown をプレビューする Monokai Extended - Markdown をシンタックスハイライトする Markdown Extended - Markdown 内のコードをシンタックスハイライトする これら3つのパッケージの設定方法や機能を説明します。 Package Control を用いたパッケージのインストール Monokai Extended の機能 Before After Markdown Ex
Site will be available soon. Thank you for your patience!
Sublime Textは快適で非常に使いやすいエディタですが、そのままの状態では最近の他のエディタに機能で劣っている面があります。 エディタとしての機能を強化し、HTML, CSS, JavaScriptのコーディング作業を快適にする便利なプラグインを紹介します。 Sublime Text 3 Plugins for Frontend Web Development キャプチャは、Sublime Text 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様のライセンスに基づき翻訳しています。 Sublime Textの管理系プラグイン Sublime Textの一般系プラグイン Sublime TextのJavaScript関連のプラグイン Sublime TextのHTMLとCSS関連のプラグイン Sublime Textのリンター関連のプラグイン Sublim
Sublime Text | Periodic table of the Keyboard Shortcuts.
Editing General Find/Replace Tabs Split window Bookmarks Text manipulation Code folding
{ "color_scheme": "Packages/Theme - Flatland/Flatland Dark.tmTheme", "draw_white_space": "all", "ensure_newline_at_eof_on_save": true, "flatland_square_tabs": true, "font_size": 18, "highlight_line": true, "ignored_packages": [ "Vintage" ], "itg_small_tabs": true, "tab_size": 2, "theme": "Cobalt2.sublime-theme", "translate_tabs_to_spaces": true, "font_options" : ["gray_antialias"] } ちなみに設定ファイルは js
A curated list of awesome Go frameworks, libraries and software - Awesome Go
Awesome Go We use the Golang Bridge community Slack for instant communication, follow the form here to join. Sponsorships: Special thanks to Awesome Go has no monthly fee, but we have employees who work hard to keep it running. With money raised, we can repay the effort of each person involved! You can see how we calculate our billing and distribution as it is open to the entire community. Want to
会社ではコード書く業務が無いくせに(デザインしかしてない)エディタはPCにインストールしている。会社のPCはWindowsで、Notepad++というエディタを使っていた。最近MacでSublime Text 3を使い出したからWinもMacもST3にしてるんだけど、不満点があった。それは今現在いるインデントに縦線を引いて欲しいのに引いてくれないところ。説明が難しいんですが…。 で、ググるのも難しいなとか思いながらググったら素晴らしい解決策を提示されている方がいた。参考にさせていただくぜ!!! おれのさぶらいむてきすとはインデントが見やすい - fukayatsu.dev やり方Preferences.sublime-settings開いて、 "draw_indent_guides": true, "indent_guide_options": ["draw_normal", "draw_
トップページ 便利ツール／ソフト 【保存版】Sublime Text 3のショートカットキーの... 【保存版】Sublime Text 3のショートカットキーの一覧（Windows/Mac） 公開日：2015.02.15 更新日：2015.02.19 悠木 彩斗(@starlod_twtr) テキストエディタ 便利ツール／ソフト MacST3Sublime Text 3Windowsショートカットキーテキストエディタ 0 どうも、最近はドトールやミスドなどのカフェでブログを書いているカフェブロガーの悠木 彩斗（@starlod_twtr）です。 Sublime Text 3にはたくさんの便利なショートカットキーが用意されています。たくさんありすぎて覚えることは大変ですが、よく使う動作ショートカットキーを覚えることで快適にコーディングできたり、ブログを書いたりすることができます。 Win
どもメガネです。最近では、もろもろ作業をはじめるために、まず黒い画面を開く程度になった私です。そんな私が最近、おしえてもらって便利だったシェルがfishシェルです。 fish shell シェルってなんだよ？という方にはWikipediaをどうぞ シェル つまりは、黒い画面を動かすときのインターフェイスですね。分かり難いですが、そういうことです。じゃあどういう具合にfashシェルが便利なのかをお伝えしていきましょう。 インストールが簡単 homebrewでインストールできるので簡単ですね。 OSXでfish shellを使う fish-shell はじめてみた ほとんど設定しなくていい .bashrc とか .bash_profile とかそういったのをほとんど触らなくていいです。 後述しますが私が追加したのは２つぐらい。楽ちんですね。 秀逸な候補提案 ※ 画像は公式サイトから流用 ディレ
Download - Sublime Text
Sublime Text 4 has been released, and contains significant improvements over this version. Version: Build 3211 OS X (10.7 or later is required) Windows - also available as a portable version Windows 64 bit - also available as a portable version Linux repos - also available as: 64 bit .deb – sig, key 64 bit .rpm – signed, key 64 bit .pkg.tar.xz – sig, key 64 bit .tar.bz2 – sig, key 32 bit .tar.bz2
11月入社のAです。 前職はソシャゲの会社でPerlを中心に開発しており、php歴は約2ヶ月ほどです。 sublime text3で開発する場合は、デフォルトで十分開発できるのですが、 いくつか小技的なものの紹介させて頂きます。 sshfsでサーバーをマウントしてsublコマンドを使う ラクスルではIDCFクラウド上のサーバーにsshでログインして開発しているので、 sshfsでリモートサーバーをローカルにマウントしています。 sublimeにはsublコマンドが付属しており、このコマンドを使うとターミナルからファイルを開くことができ非常に便利なのですが、リモートのファイルに対しては当たり前ですが使うことができません。 sshfsでマウントすれば、ターミナルからマウント先に移動できるので ローカルファイルと変わらず使うことができます。 DocBlockerを入れて、phpdocコメントを書
「SublimeText 3」をDreamweaver感覚で使えるようカスタマイズ！便利なプラグイン12選まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
「SublimeText 3」をDreamweaver感覚で使えるようカスタマイズ！便利なプラグイン12選まとめ こんにちは！ デザイナーのすーちゃんです。 変温動物ぎみなので冬は常時手が冷たく、コンビニのお釣りを受け取るのにとても気を遣います。あの、ちょっと上から落としていただいて構いませんので……。 さて、わたしは普段Dreamweaverでコーディングをしているのですが、ちょっとした修正などには「Sublime Text 3」を使っています。ただ、たまにしか使わないので、Dreamweaver感覚で使おうとすると凄まじいストレスが……！ そこで今回はしっかり腰を据えて、Sublime Text 3をDreamweaver感覚で使えるようにプラグインでカスタマイズしてみましたので、その方法をご紹介したいと思います！ わたしがSublime Text 3を使う4つの理由 まず、なぜDre
初めての方必見！TypeScriptでモダンなWebアプリケーション開発を始めよう | HTML5Experts.jp
初めての方必見！TypeScriptでモダンなWebアプリケーション開発を始めよう 谷口慈行（Microsoft Student Pa...） Webページで補助的に使用する用途で開発されたJavaScriptも、今ではWebになくてはならない重要な技術の一つです。特にSingle-page ApplicationなどのモダンなWebアプリケーションではそのコード量も多くなります。JavaScriptの負担する領域が日々大きくなる中、様々なフレームワークやライブラリが日夜生まれ続けており、また、JavaScript自体を代替する言語、altJSが注目を集めています。 altJSの一つであるTypeScriptが4月2日にめでたくTypeScript 1.0となりリリースされました。今回は、このTypeScriptの特徴を絞って紹介し、実際にTypeScriptで開発できる環境を構築します。
$options['user_id'] = '1234'; $options['name'] = 'Ichiro Yamada'; $options['gender'] = 'male'; $options['age'] = '21'; どの記号で揃えるかは設定で増やせます。 このように列揃えすることで、他プログラマーへ処理のまとまりの単位を見せたり、タイプミスに気がつきます。 僕は、デフォルトそのままで使っていてイコールぐらいでしか使わないです。 ショートカットを覚えるほど利用頻度がないので、command + shift + pで、abacusと打って呼びます。 BracketHighlighter [], (), {}, "", '', <tag></tag>といったカッコ類を強調してくれます。 Pluginの説明ページに画像があるので、どんな機能なのかわかりやすいです。 https
Help us understand the problem. What is going on with this article?
結論から言うとFillezillaには何らかのマルウェアが含まれてるっぽいから使わない方が良さそうだよ！というお話です。 事の経緯を簡単な時系列で書いてみました。時間がある時にでもご一読ください。 【(2017/01/11)追記2】 本ページを公開後、インストール版（zip形式）はウィルスが検出されるが、bz2ファイル版(インストーラ無しの本体のみ)であればウィルス検出されない、という情報をいただきました。 通りすがり様、情報提供ありがとうございます！内容追記しました。 【(2017/01/11)追記3】 アドウェアですが特に悪質なものではないようです！一番下に内容追記しました。 きっかけは、Mac OSのクリーンインストール 先日のクレカ不正利用事件からPC周りを色々と整頓して、Mac OSをクリーンインストールしました。そのせいで入れていたアプリケーション等もすべて消えてしまいました。
はじめに コンパイラ・システムプログラミング言語ユーザー向けです。 以下の環境で動作確認を行っています(2017/09/19)。 Windows 10 Home 1703 64 bit Sublime Text Version 3.0, Build 3143 64 bit Sublime Text 3 のインストール 公式サイトのDOWNLOAD FOR WINDOWSからインストーラをダウンロードします。 使用環境にあわせた適切なファイルがダウンロードされるはずです。 64 bit環境で32 bitのSublime Textを使用したい場合、portable versionが必要な場合は右上のDownloadからダウンロードページに移動して下さい。 ファイルのダウンロードが完了したらSubime Textをインストール、または任意の場所にアーカイブを展開します。 Windows 64 b
SublimeTextに開発環境変えました
またまた空いてしまいました。。。。いろいろとネタ書いていこうと思いますが、なかなかこちらの方まで手が回らないですわ～ さて、ここ最近になってようやく開発環境をSublimeText2に変えました。ドリームウィーバーからAptana3に変えてから1年、まあ、Aptanaには開発する限り特に問題ないのですがカスタマイズの点と起動が遅いのが気になりはじめ、ちまたでフィーバー中の恋するエディタSublimeTextに興味津々でございました。 使ってみて思ったのが初心者向きじゃないねってことです。カスタマイズ方法がチョット変わっている。プログラム書くようにコードを書き換えることでカスタマイズするようになっていていろいろなところで詰まったりしました。単純にブラウザ表示とかうまくできないし、FTPもプラグインで行えるなんて・・・・ しばらくは両方使っていたのですが、SublimeTextに乗り換えた決定
元記事: Awesome GO Awesome List in Qiita Awesome Ruby Awesome Java Awesome JavaScript Awesome Node.js Awesome Python Awesome Selenium Awesome Appium オーディオ/ミュージック オーディオを操作するためのライブラリ. EasyMIDI - EasyMidi は, 標準の MIDI ファイル (SMF) を作業するためのシンプルで信頼性の高いライブラリです. flac - FLAC ストリームをサポートするネイティブ Go FLAC エンコーダ/デコーダ. gaad - ネイティブ Go AAC ビットストリームパーサ. go-sox - libsox の Go バインディング. go_mediainfo - libmediainfo の Go バインデ
Sublime Text っていうのがいけているらしいという事で vim から移行してみた vim ライクな操作にするために色々やってなんとか違和感最小限で使えるようになったのでメモ まぁ、vim もちゃんと使いこなせていたかと言われるとかなり怪しいのですが。。。 まずはインストール 下記URLから使っているパソコンにあわせてダウンロード&インストール http://www.sublimetext.com/3 インストールできました。 パッケージコントローラーを入れる Sublime Text のいいところの一つとしてプラグインが簡単に入れられる事＆充実している所だと思います！ が、プラグインを入れるためにパッケージコントローラーを入れる必要があります 下記URLにバージョン毎に必要なコマンドが書かれているので、とりあえずコピーします https://sublime.wbond.net/i
Macの場合を例に説明していきます。 事前にPackage Controlをインストールしてプラグインの管理が行えるようにしておきましょう。 cmd + shift + P でCommand Paletteが表示されるので、[Install Package] からプラグインのインストールに進んでください。 基本プラグインをインストール SublimeLinter まず上記のプラグインをPackage Controlからインストールしましょう。 構文エラーを自動的にチェックするためのプラグインです。 エラーのある箇所に印がついて、エラー理由を指摘してくれます。 このプラグインと別にそれぞれの言語に対応したプラグインをインストールしていきます。 SCSSの構文チェック SublimeLinter-contrib-scss-lint 上記プラグインをPackege Controlからインストール
SublimeText（Windows、Mac）をSassで使いやすい設定にする | Web制作者のためのSassの教科書 - 公式サポートサイト
ここでは、Win,Macともに最近ユーザーが激増している「Sublime Text」でSassを快適に使えるようにするための、設定例を紹介します。 この設定は、著者の森田がSassのコーディングをする時に使っている設定（2013年8月現在）になりますので、あくまでも一つの参考として読んで頂き、使いづらいと感じる部分は、自分なりにカスタマイズしてより使いやすいエディタにしましょう。 キャプチャーはMacで撮っておりますが、Windowsも同じやり方で設定できます。 Sass用の設定を追加 まずは、SublimeTextを起動します。 SublimeTextを起動した状態 まず、機能を拡張するためにパッケージコントロールをインストールします。「Sublime Package Control」のサイトへアクセスしましょう。Installationページに記載されているソースをコピーします。 バー
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
facebookアプリの作り方(PHP編) | PLUS
Sublime Text 2の基本とカスタマイズ【Vim風】
特におすすめしたい、Sublime Textのパッケージ - Build Insider
SublimeTextの教科書で紹介されてるプラグインまとめ - Qiita
コードが見やすく使いやすいSublime Text 2/3のテーマのまとめ
Site is undergoing maintenance
Sublime Textをもっと快適で便利にする、フロントエンドのWeb制作に役立つプラグインのまとめ
SublimeText2/3 環境設定とか（基本3） - Qiita
http://blog.fkei.me/2014/05/emacs-sublime-text-3.html
Sublime Textで今いるインデントに縦線を引く
【保存版】Sublime Text 3のショートカットキーの一覧（Windows/Mac）
fishシェルがとても素晴らしかったので、お伝えします。 - megane9988のブログ
sublime text3でphpの開発環境を整える - RAKSUL TechBlog
http://luna-plate.com/archives/4637
SublimeText3を2年以上使って、生き残ったPluginを紹介します。 - Qiita
Sublime Textの検索窓に日本語を入力する方法
SublimeText 3の基本設定 - Qiita
公式サイトのFilezilla（Mac版）から、マルウェアが検出された件。（追記アリ）
Sublime Text 3のインストールと初期設定 - Qiita
Awesome Go : 素晴らしい Go のフレームワーク・ライブラリ・ソフトウェアの数々 - Qiita
VimからSublime Text 3に移行してみた - norinyang メガ進化！
Sublime Text 3 で構文エラーチェックする設定のまとめ - Qiita