フロントエンド開発の基本知識（2017年夏） - Qiita
10年ぶりくらいに Web 開発に再デビューしなくてはならなくなった筆者が見た、現代のフロントエンド開発の基本知識についてまとめます。フレームワークを使ったシングルページアプリケーション開発が対象です。若干の不正確には目をつむってズバリ言い切るスタイルで書いていきます。 Node.js 現代のフロントエンド開発には Node.js を使います。フロントエンド開発を強力にサポートするいくつものツールが Node.js で実装されているからです。 Web 開発で言語処理系というと、Ruby on Rails のような Web アプリケーションフレームワークを思い浮かべるかもしれません。もちろん Node.js にもそのようなフレームワークはいくつも存在しますが、フロントエンド開発で使うツールはそれとは全然関係ありません。 これらのツールを使うことによって解決するのは、以下のような要望です :
人間のコードはやっぱりバグがある、自動生成ツールのコードの方が信頼できる
「ソースコードの自動生成ツール」というと、皆さんはどのような印象を持っているだろうか。「これまで何度もブームになっているものの、結局は使いモノにならないのではないか」。こんなネガティブな印象を持つITエンジニアの方も多いのではないかと思う。 筆者自身、最近まで相当、懐疑的なイメージを抱いていた。「使いこなすのは大変だろうし、実際に動作するソースコードが生成されたとしても、それを保守するのは難しそう」といったものだ。仮に開発が短期化されたとしても、運用や保守を含めたアプリケーションのライフサイクル全体で見た場合、あまり効率的ではないと考えていた。 ところが実際に今、自動生成ツールを使ってシステムを構築中であったり、すでにシステムを開発し終えたりした企業を取材した結果、このイメージは大きく覆った。 自動生成ツールは十分、実用的なツールに進化している。そして、自動生成ツールのメリットはアプリケー
プログラマのための"和製"メモ帳Boostnoteをつかってみた！設定法や使用法についての記載あり！ - プログラミング雑記
Boostnoteを使用してみた 最近話題になっているBoostnoteを使ってみました。しかし今日、Boostnoteについて書かれたブログ記事がまだ少なかったため、今回は設定法や簡単な使用例の説明、使ってみた感想について記していこうと思います。 (この記事は随時更新予定です。) Boostnoteとは？ boostnote.io 簡単に言ってしまうとプログラマのための"メモ帳"アプリです。使い方としては、 簡単なメモを取る よく使うコードをメモしておく この2種類が挙げられます。前者について、Boostnoteは他のテキストエディタに比べて起動が早くMarkdownにも対応しているので簡単に綺麗なメモをとることができます。また、後者が特にこのアプリの良い所だと思うのですが、後述するFinderを使うことで簡単にソースコードの使い回しができるようになります！よく使うソースコードや忘れてし
WordPressでソースコードを綺麗に表示できる「Crayon Syntax Highlighter」プラグイン
トップページ WordPress, WordPress プラグイン WordPressでソースコードを綺麗に表示できる「Cray... WordPressでソースコードを綺麗に表示できる「Crayon Syntax Highlighter」プラグイン 公開日：2015.06.23 更新日：2015.07.03 悠木 彩斗(@starlod_twtr) WordPress WordPress プラグイン Crayon Syntax HighlighterWordPressWordPressプラグインソースコード表示 1 WordPressで記事を書く中で、ソースコードを紹介したい時が私の場合はよくあります。 ただ、ソースコードには特殊文字が多く含まれるのでそのままだと思ったように表示ができませんね。 そこでWordPressプラグインの「Crayon Syntax Highlighte
ツールチップ｜jQuery plugin｜Ajax｜PHP & JavaScript Room
［CSS］jquery.cluetip.css ［JS］jquery.js v1.2.6、jquery.dimensions.js、jquery.hoverIntent.js、jquery.cluetip.js HEAD <!-- JS --> <script src="jquery-1.2.6.min.js" type="text/javascript" charset="utf-8"></script> <script src="jquery.dimensions.js" type="text/javascript"></script> <script src="jquery.hoverIntent.js" type="text/javascript"></script> <!-- optional --> <script src="jquery.cluetip.js" type="t
ソースコードをハイライト表示する「SyntaxHighlighter」
ソースコードをハイライト表示する「SyntaxHighlighter」 Check Tweet 配布元：SyntaxHighlighter – Alex Gorbatchev ライセンス：LGPL 3 SyntaxHighlighterはソースコードを簡単にハイライト表示することが可能なJavaScriptライブラリです。 JavaScriptやHTML、CSS、PHP、Python、Rubyなど様々な言語のシンタックスハイライトが可能です。 利用方法 配布元よりダウンロードしたSyntaxHighlighter.cssとshThemeDefault.css、shCore.jsをhead要素内で読み込みます。 <link type="text/css" rel="stylesheet" href="styles/shCore.css"/> <link type="text/css" rel
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
