スライド 当記事は以前勉強会でLTしたものです。 スライドは下記にあります。 フロントエンド覚えること多すぎ問題 モダンなフロントエンド開発で、入門記事を探そうとすると、 まずwebpackやTypeScript, Babelによるビルド環境構築から始まる記事が多くヒットします。 ですが、Node.jsの初心者がいきなり複数のツールを習得しようとすることが 挫折の原因になっていると感じています。 ですので、まずNode.jsをインストールした直後から、必ず使うことになる、 npmの機能をまず覚えておきましょう。 フロントエンド開発で覚えるべき３つのコマンド 以下の3つだけ覚えておきましょう。 npm init npm install npm run これだけ覚えれば、ひとまずフロントエンド開発を進めることができます。 完璧なワークフローを構築するのは、書いているアプリが大きくなってきてから

Vimは長らく使っているのですが、ドキュメントをみていて今更この機能を発見しました。 ただ:centerと叩くと、文字がいい感じに真ん中に来てくれます。 Visual Modeの範囲指定にも対応しています。以下をコマンドラインモードで叩けば :%center スターウォーズ感が出てきますね。いえ、ただのカラースキーマの問題かもしれません。 さすがにバグりそうなのでShebangは左に寄せときます。 全部センタリングしたソースコードを持って行って、「これがプロの仕事なんです」とか、 いつか適当なことを言ってみたいと思いました。

こんにちは、ほそ道です。 今回も引き続きVue.jsのディレクティブを体で覚えます。 前回のビューモデル生成編同様、シンプルなサンプルに沢山触れる事でどんな道具があるのかをバンバン体験していくスタイルでやってまいります。 ViewModel生成編 ディレクティブ編 [インスタンスメンバ編] (http://qiita.com/setzz/items/ebbfcc3565bcd27f344c) [グローバルメソッド編] (http://qiita.com/setzz/items/8f06f2fe6049173b17f9) [フィルター編] (http://qiita.com/setzz/items/e37c47d3f22e5738eb84) [v-repeatネスト編] (http://qiita.com/setzz/items/6f22ebd15bcc0afe1ab0) 全体の目次はこちら

世の中に数ある“メタルっぽい”名前の歪みエフェクターの実力をマーティ・フリードマン（Marty Friedman）が徹底検証。『Guitar Magazine 3月号』誌面連動企画の映像「メタルっぽい名前のエフェクターで本当にメタルの音は作れるのか？！」が同誌のYouTubeチャンネルにて公開中 試奏に使ったアンプはローランドJC-120で、各ペダルの実力がよりわかるようにアンプ側のトレブル／ミドル／ベースといったEQはすべて5に固定してプレイしている。生粋の鋼鉄ギタリストのマーティに、各モデルはどのように響いたのか？！　誌面とともにサウンドを体感してほしい。 ●『Guitar Magazine 3月号』 表紙　ONE OK ROCK ■Featured Guitarists ◎Toru(ONE OK ROCK)（26ページ） エモーショナルでヘヴィな音像を武器にアリーナ・クラスのバンドへ

皆さんこんにちは。先輩社員の方々にこのトークは面白くなくて良いと アドバイスを頂き安堵している fujihara です。なので早速本編に入っていきます。 背景にはブログ内の記事で公開したプログラムを確認できる場所があればと思い、 探していたところ Heroku 良いね！ってなり導入した手順を紹介したいと思います。 (過去の記事では JSFiddle も使用しましたが 言語が js のみなので 今後は併用していくと思われます。 内容 Herokuはさまざまな言語やサンプルアプリケーションのプラットフォームを提供するものですが 本記事では複雑な事は行わず、PHP の環境を作成してとりあえずプログラムを実行させる手順を紹介します。 流れ 導入までの手順は以下になります。(Windows 編) 1. まずHerokuにアクセスしてユーザ登録を行います。 2. 登録したアカウントでログインし、Get

BowerはWeb開発用のパッケージ管理ツールです*1。フロントエンドJavaScriptライブラリをインストールしたり、なんか他にもいろいろできそうです。 BOWER: A package manager for the web インストール Nodeとnpmがインストール済みであれば、以下のようにコマンドを実行します。 npm install -g bower パッケージのインストール パッケージのインストール方法は複数あります。 # カレントディレクトリのbower.jsonファイルからインストール bower install # ローカル、リモートパッケージをインストール bower install <package> # リモートパッケージをGitタグ指定でインストール bower install <package>#<version> たとえば、jQueryをインストールすると