タグ

devに関するshagggyのブックマーク (26)

  • 忙しい人のためのIntelliJ IDEAショートカット集(´-`) - Qiita

    新卒で入社してもうすぐで一年を迎えようとしている大久保です。(´-`) 最近ジョインしたプロジェクトでIntelliJ IDEAを使っているのですが、あまり機能を使いこなせていないなと感じたので、IntelliJ IDEAのショートカット調べました。(´-`) 自分がググったとき、ショートカットキーだけじゃなくて、Gif画像付きで使用例も見れたらうれしいので可能な限り作ってみました。(´-`) 例で使用しているコードの言語はScalaです。 現在使っているのがMacなので記述はMac版のショートカットのみです。 WindowsのIntelliJ IDEA使っている方がいましたらWindowsのショートカットキーについての編集リクエストいただけると嬉しいです。(´-`).。oO(他力願) @data9824 さんにWindows版のショートカットを追加していただきました! Git機能につい

    忙しい人のためのIntelliJ IDEAショートカット集(´-`) - Qiita
  • Android Studio / IntelliJ IDEA の日本語化と設定 - Qiita

    2022/12 追記 JetBrains 公式の日語言語パックがリリースされたため、Pleiades での IntelliJ 系 IDE の対応は廃止しました。問題が発生する可能性があるため、Pleiades で Android Studio や IDEA を 日語化しないでください。日語化する場合は下記を参照してください。 Android Studio を日語化する方法 | CBTDEV https://cbtdev.net/android-studio-japanese/ IntelliJ ベース IDE 向け日語言語パック | jetbrains.com https://www.jetbrains.com/ja-jp/lp/language-pack/ IntelliJ IDEA 向けに有志により公開されている日語リソースファイルがいくつかありますが、新しい機能で文字列連

    Android Studio / IntelliJ IDEA の日本語化と設定 - Qiita
    shagggy
    shagggy 2017/04/21
    日本語化
  • Webpack の本質とそれがよく分かるチュートリアル - おいちゃんと呼ばれています

    DHH さんが Rails 5.1 に Webpack を取り入れる意向 を示し、webpacker gem なるものをつくり始めたようである。 今後ますます Webpack は利用されていくであろうが、一方で Webpack はいろんなことができ過ぎるが故にかえって質が掴みにくい点があると思う。そういえばこの間も、同僚のデザイナーに Webpack がよく分からないんですけど?と質問されていたのだった。 そこで今回 Webpack質つまり Webpack がどんな問題を解決しようとしているものなのかについて整理する。また Webpack の中核となる機能をよく理解できるチュートリアルを見つけたので紹介する。 (フロントエンドエンジニア Advent Calendar 2016 - Qiita の 9日目が空いていたので、後付けだけどそこに登録した) Webpack がつくられた背

    Webpack の本質とそれがよく分かるチュートリアル - おいちゃんと呼ばれています
  • PHP7で宇宙船演算子を使いこなすぞ - Qiita

    まずはPHP7リリースおめでとうございます!!! PHP 7.0.0 Released なんだか記念すべき日にAdvent Calendarを入れてしまって恐縮です。その割にすごい小ネタで書いてしまった…。 ここからPHP7では宇宙船演算子<=>が導入されます。だいたいこういう意味の演算子ですね。 // <=>と同じ意味の関数 function compare($a, $b) { if ($a < $b) { return -1; } elseif ($a > $b) { return 1; } else { return 0; } } compare(1, 2); // -1; 1 <=> 2; // -1; ユースケース的にはusort(), uasort(), uksort()との組み合わせで用いられるので、この機会にPHPにおける配列の並び替えについてまとめてみることにします

    PHP7で宇宙船演算子を使いこなすぞ - Qiita
    shagggy
    shagggy 2017/04/03
    宇宙船演算子の使い方
  • ESLintをAtomに導入し、Reactの構文にも対応したAirbnbのJSスタイルガイドを使う

    最近周りでよく「AirbnbのJavaScriptスタイルガイド」が良いという話を聞くようになりました。ということで、自分もAtomに導入してみたんですが、これがなかなかいい感じです。多くの開発者の意見を取り入れられて作られているスタイルガイドで、特にReactやES6の構文チェックなどにも対応しているので、とても良い書き方の勉強になっています。けっこうお勧めだと思ったので、今回はAtom限定の話となりますが、ESLintを使った導入方法を紹介したいと思います。 ESLintとはESLintは、2013年6月にNicholas C. Zakas氏によってオープンソースプロジェクトとして公開されたJavaScriptの構文チェックツールです。個別にルールをon/offできたり、独自のカスタムルールを設定できたり、公開されている様々なプラグインを組み込んで使うことができたりします。 ESLin

    ESLintをAtomに導入し、Reactの構文にも対応したAirbnbのJSスタイルガイドを使う
  • webpack, React Hot Loader + Browsersync でクロスブラウジング+ホットリロード開発 - 文系プログラマー

    React Hot Loader + Browsersync React Hot Loader を使えば、エディタを保存した時点で、React コンポーネントの変更が検知され、ブラウザの更新が自動で行われます。さらに、React Hot Loader はHotModuleReplacementPlugin(HMR) を使用しているため、更新時にページの全読み込みが発生せず、state が保持されたまま React コンポーネントの変更した箇所のみが部分更新されるため、いちいち手動でブラウザをリロードする手間が省けることに加え、チェック毎に state を変える必要がなくなります。 通常はデベロップメントサーバーに webpack-dev-server を使うことで、このホットリローディング機能を使うことができるのですが、今回は Browsersync を使って、クロスブラウジングとさらなる

    webpack, React Hot Loader + Browsersync でクロスブラウジング+ホットリロード開発 - 文系プログラマー
  • 【意訳】Webpackの混乱ポイント - Qiita

    この記事はWebpack — The Confusing Partsを、筆者の許諾を得て意訳しています。 何か誤りがありましたら、ご指摘いただけると幸いです。 (以下、訳) ReactとReduxで作られたアプリケーションにとって、Webpackは最先端を行くモジュールバンドラです。Angluar2やその他のフレームワークを使っている人々は、たいへんWebpackのお世話になっていることでしょう。 私が初めてWebpackの設定ファイルを見た時、それはさながら宇宙人のようで非常にわかりづらく見えました。しばらく試しているうちに、今では次のように考えるようになりました。Webpackは単に独特のシンタックスと新しい哲学を持っており、それがとっつきにくさの原因になっているのだと。偶発的とはいえ、これらの哲学は、Webpackの人気を押し上げた原因の1つでもあります。 Webpackのとっつきに

    【意訳】Webpackの混乱ポイント - Qiita
  • すでにリポジトリで管理されているファイルを.gitignoreで除外したい場合の手順 - Qiita

    これで新しく.gitignoreで除外したいファイルがdeletedになる。(ワーキングツリーには残ったままで、インデックスから除外できる) あとはcommitして完了。 Blog URL : http://www.utano.jp/ (Syntax Error.) Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYou can use dark themeWhat you can do with signing up

    すでにリポジトリで管理されているファイルを.gitignoreで除外したい場合の手順 - Qiita
  • 初心者のためのviエディタの使い方 – tamo's blog

    Index はじめに viの起動 編集モードとコマンドモード テキストの削除と変更の復元 テキストの変更 移動コマンド ファイルの保存とviの終了 広域検索と置換 コピー&ペースト viを拡張する はじめに (参考文献:「RUNNING LINUX 導入からネットワーク構築まで」オーム社より,入力用サンプルの文章もこちらから引用させて頂いています.) viは,UNIXシステム用として最初に作成された真のスクリーンエディタで,シンプルで軽快なアプリケーションです. システム管理者であるならば,viを習得しておくことは非常に大切です. Linux(UNIX)システムでviが入っていないことは無いに等しいので,viを知っておくことはLinuxを扱う人にとって必要不可欠です.なぜなら,Linuxサーバをリモートで保守する場合,たいていの場合はGUIではなく,マウス等を使わないコンソール(テキスト)

    初心者のためのviエディタの使い方 – tamo's blog
    shagggy
    shagggy 2016/12/21
  • CORESERVERにgitをインストールする - Qiita

    $ tar zxvf git-1.8.0.tar.gz $ cd git-1.8.0 $ ./configure --prefix=$HOME/usr/git $ make $ make install

    CORESERVERにgitをインストールする - Qiita
  • tar、ホサネ、、ハ - Knowlege Database

    ーオスフ † ・「。シ・ォ・、・ヨ、鋿ョ tar cvf [・「。シ・ォ・、・ヨ・ユ・。・、・�フセ] [・ヌ・」・�・ッ・ネ・�-・ユ・。・、・�フセ] ホ罍ァtar cvf sample.tar sample~ ・「。シ・ォ・、・ヨ、鋿ョ、キ、ニcompress、ヌーオスフ tar cvZf [・「。シ・ォ・、・ヨ・ユ・。・、・�フセ] [・ヌ・」・�・ッ・ネ・�-・ユ・。・、・�フセ] ホ罍ァtar cvZf sample.tar.Z sample~ ・「。シ・ォ・、・ヨ、鋿ョ、キ、ニgzip、ヌーオスフ tar cvzf [・「。シ・ォ・、・ヨ・ユ・。・、・�フセ] [・ヌ・」・�・ッ・ネ・�-・ユ・。・、・�フセ] ホ罍ァtar cvzf sample.tar.gz sample~ ・「。シ・ォ・、・ヨ、鋿ョ、キ、ニbzip2、ヌーオスフ tar cvjf [・「。シ・ォ

  • coreserverにgitをインストールする | eturlt.net

    最終的には修正したファイルの反映(デプロイ)をFTPではなくgit pullとかで行えるようになりたい。 そのためにまずは公開サーバにgitをインストールします。 インストール方法 操作はSSHでコマンドラインから行います。 まずはcoreserver管理画面にログインし、管理メニュー > ホスト情報登録 から「SSH登録」を行います。 (自分が登録したホストからしかSSHできないのですね。それなりにセキュアだなと思ったのですが、ほかのサーバでもそうなのだろうか。) 以下コマンドはターミナルから入力します。 ssh [アカウント]@[サーバ名] パスワードを聞かれるので入力(FTPパスワードと同じ) これでサーバにログインできました。 次にgitをダウンロードして解凍します wget http://git-core.googlecode.com/files/git-1.8.2.3.tar.

  • Renaming jade -> pug · Issue #2184 · pugjs/pug

    Unfortunately, these people have a trademark for the word "jade" referring to software, so we've been forced to change our name. Fortunately, @davidglivar has kindly donated the name "pug" to us. I've claimed pug and pugjs everywhere I could think of so hopefully we shouldn't have any problems getting the name. Action items create a new logo (@GarthDB) design new branding for the website (@GarthDB

    Renaming jade -> pug · Issue #2184 · pugjs/pug
    shagggy
    shagggy 2016/10/31
    jadeってpugになってたのか。pug...
  • Jadeを使用した静的HTMLコーディング実践 - Qiita

    手順 コマンドライン(Terminalなど)でダウンロードした解凍ファイルのROOTディレクトリに移動 npm install grunt deployでHTML書き出し、grunt watch:deployでjadeの変更を監視し、HTML自動書き出し可能 JSON読み込み 全ページの メタ要素、シェアテキスト サイト共通のリンク などをsrc/json/_common.jsonで一括管理しています。 手順 Gruntfile.js12〜44行目で、jade→HTML書き出しの設定をしています。 dataプロパティにオブジェクトデータを渡すとjade内で使えるようになります。 3.jadeDataFunc関数ではsrc/json/_common.jsonデータに加えてenv(環境)、page(HTMLファイル名)をマージしてからオブジェクトデータを渡しています 4. src/jade/c

    Jadeを使用した静的HTMLコーディング実践 - Qiita
    shagggy
    shagggy 2016/02/23
    jade
  • WordPress » WordPress 4.0 から、空文字の検索に対する挙動が変わったようです | MORILOG

    WordPress 4.0では、空文字の検索に対する挙動が変わったようです。 そこで、変更点や対処の例をまとめました。 バージョン4.0=大幅なリニューアル、ではないようです 2014年9月5日に、WordPress 4.0がリリースされました。 3.9から4.0へのアップデートで、大きな変更があるのかと思いきや、3.8→3.9の時と同じようなアップデートに過ぎないようです。 そんなわけで、今まで使用していた自作のテーマファイルも、特にコードの見直しなどを求められる事なく、WordPress4.0でも問題無く動きました。 しかし、検索時の挙動が少し変わってしまったようです。 変更された、空文字の検索の挙動 例えば、検索ボックスに何も入れずに、検索ボタンをクリックしてみます。 すると、検索用のパラメータsに空文字が送られ、URLはこのようになります。 この場合、今までのWordPress(バ

    WordPress » WordPress 4.0 から、空文字の検索に対する挙動が変わったようです | MORILOG
  • プログラムの中身を直感的なGUIで操作できるJavaScriptライブラリ「dat.gui」を使ってみた! : うえぶはっく

    みなさんは、上の画像みたいにパラメータをいじれるGUIを見たことがあるでしょうか? いろいろネットを検索していると、たまに見かけたりするのですが、だいたい3D系のサンプルデモや物理演算のシミュレーションなどによく使われているようです。 実際に触ってみると意外に便利なライブラリで、プログラムの好きな箇所をGUIで表示させて、誰でも気軽にいじれるようにできるのは面白いと思います。 そこで今回は、この「dat.gui」の簡単な使い方などをまとめておきたいと思います。 使い方! まず、簡単なサンプルデモを作りながら、基的な使い方を見ていくことにします。 今回は、「div要素」で四角のボックスを作り、これにCSSGUIからコントロールしてみようと思います。 サンプルデモはこんな感じ!(スマホ対応してないので、できればPCブラウザ推奨です…) See the Pen http://codepen.

    プログラムの中身を直感的なGUIで操作できるJavaScriptライブラリ「dat.gui」を使ってみた! : うえぶはっく
    shagggy
    shagggy 2016/02/10
  • PHPでpreg_match関数、URLの比較してUnknown modifier '/' inエラーが出てしまう時の原因と対処法 |

    PHPでpreg_match関数、URLの比較してUnknown modifier ‘/’ inエラーが出てしまう時の原因と対処法 WordPress関連ですが、PHPでpreg_match関数、URLの比較して Warning: preg_match() [function.preg-match]: Unknown modifier ‘/’ in と出てしまって、単純にもかかわらずコードが動かなくなってしまった時の原因と対処法です。 実際に問題の起きたコード 実際に問題の起きたコードは下記のコードです。 // サイトのURL $site_url = 'https://www.1ft-seabass.jp/'; // 現在のURL 実際は動的に取得する $current_url = 'https://www.1ft-seabass.jp/memo/'; // preg_match echo

    PHPでpreg_match関数、URLの比較してUnknown modifier '/' inエラーが出てしまう時の原因と対処法 |
    shagggy
    shagggy 2016/01/19
  • Browserifyの運用 〜 bundleを分ける - Qiita

    Browserify使いはじめてしばらくたって、自分なりのコツがつかめてきた気がするのでまとめてみます。 まず今回のコンテキストとしては画面遷移をそれなりに含み、同じモジュールを各画面で使う前提。 SPAだとちょっと考え方が変わるかもしれません。 【対策以前】全部をbundleすると太る Browserify覚えてしばらくは、ページ毎の実行部分も含めてbundle.jsにひとまとめしてたけど、各ページ共通部分があるにもかかわらず別ファイルになってしまい、ブラウザキャッシュも生かせず、ファイルサイズも肥大化して微妙だなぁと感じていました。ビルドも毎回でgulpタスクも重くなりがちでした。 共通部分も別々のファイル ブラウザキャッシュ活かせない ファイルサイズ肥大化 ビルド重め ファイル配置例 . ├── node_modules │   ├── knockout │   └── unders

    Browserifyの運用 〜 bundleを分ける - Qiita
    shagggy
    shagggy 2016/01/05
  • Pleeease Casino ▷ Guides de casinos et des jeux d'argent 🏅

    Pleeease Casino : site n°1 des guides de casinos et des jeux d'argent en ligne préféré des francophones

    shagggy
    shagggy 2015/12/07
    auto-prefixerのすごい版。最近はこれ使う。
  • Code in the Dark - you thought you knew front-end

    Community organized events Almada - FCT · February 4th 2020 · RSVP Lisbon · November 5th 2019 · RSVP Wan't to list your event here? Read up about How to organize Code in the Dark Previous official events Stockholm · October 2019 Stockholm · September 2017 Stockholm · September 2016 Stockholm · October 2015 Stockholm · March 2015 New York · October 2014 Paris · March 2014 Stockholm · December 2013

    shagggy
    shagggy 2015/12/03
    与えられたスクショからウェブサイトの再現。ブラウザ確認禁止のコードバトル。