タグ

ブックマーク / www.webcyou.com (5)

  • Angular CLIで、Angularアプリをかんたん楽々構築!

    では、実際にコマンドを入力してみましょう。 「generate」コマンドで、「component」を生成してみます。 以下のコマンドを入力すると、 ng g component my-new-component create src/app/my-new-component/my-new-component.component.css create src/app/my-new-component/my-new-component.component.html create src/app/my-new-component/my-new-component.component.spec.ts create src/app/my-new-component/my-new-component.component.ts update src/app/app.module.ts このように、該当す

    Angular CLIで、Angularアプリをかんたん楽々構築!
  • Vue.js が予想以上に良かったので、既存WordPressに導入。Vue.js (vue-class-component) + TypeScript + WordPress で作る、記事読み込み component 「環境構築編」

    このサイトは、只今WEB業界で活躍中のデザイナー、プログラマーの方々の情報を集めたweb統合情報サイトです。 web帳 どもです。 タイトル長めになりました。 かれこれ、6、7年放置気味のWordPressのサイトを サーバー移転に伴い色々と整理しています。 既存のWordPressは、がっつりプラグインに依存しているしjQueryも7年前ぐらいに入れっぱなし。。 という事で、外せるプラグインは外して、これを機にjQueryも外そうと。 したところ、よくある「さらに記事を読み込む」ボタンの実装がどうやら必要だ。 このボタンを押すと、Ajaxで記事を取得してきて、表示する。と言った機能。 今まで、プラグインを利用してきたのですが、外せるなら外して自作したいですよね。 そこで、どうせなら新しめのフレームワークを入れちゃおうかなと、どれを入れようか20秒ほど考えました。 Angular2を入れる

    Vue.js が予想以上に良かったので、既存WordPressに導入。Vue.js (vue-class-component) + TypeScript + WordPress で作る、記事読み込み component 「環境構築編」
  • 超便利!Angularjs を使ってみました。

    このサイトは、只今WEB業界で活躍中のデザイナー、プログラマーの方々の情報を集めたweb統合情報サイトです。 web帳 AngularJS 公式サイト http://angularjs.org 新たな、なんたらjsになるのですが、これまた超便利な事になっております。 何はともあれ公式サイトに記載されているサンプルのソースを試してみることに。 あら、不思議!インタラクティブでテキストが表示するのが確認できます。 このAngularJSとはなんぞや。 AngularJSは、Googleとコミュニティによって開発されているオープンソースのJavaScriptフレームワークで、 MVCアーキテクチャを取り入れてることによって、フロントでのMVCアプリケーション作成を容易にしてくれます。 では、色々と使ってみます。 使い方 まず、大事なのは、 <html ng-app> の様に html要素にng-

  • 2014年 フロントエンドはGrunt.jsでサクっと自動化 まとめ

    もう、2014年も5日が過ぎようとしています。 なー早い。早い。 とにかく時間がない。と誰かの歌詞の様ですが、何事も時間との勝負。 そうお仕事も。 という訳で、Grunt.jsでフロントエンドをサクっと自動化しようではありませんか! Grunt.js 公式サイト http://gruntjs.com Sassやらlessやらcompassやらと何かと騒がしいフロントエンド事情。 今回のGrunt.jsはそんなフロントエンドを自動化しちゃうツールとなります。 インストールにnpmコマンドを使いますので、node.jsをインストールしましょう。 インストール等はこちらを参照してください。 サーバーサイドJavascript 『node.js』 macにインストール・使用方法 コマンドでサクッとインストールします。 npm install -g grunt-cli これであなたのPCに grun

  • VirtualBoxとVagrantで開発環境を構築

    環境なんてMAMPとXAMPPがあれば全て解決する。 なんて思っていた。 そう今までは。 そううかつでした。 いやぁ時の流れは早いものですね。 今回はVirtualBoxとVagrantで環境構築ということで、まずそれぞれ「なんぞや」と言うところから。 まず、VirtualBoxなんですが、無料で使用できるx86仮想化ソフトウェア・パッケージの一つで、開発はオラクルが行っています。 その他にもVMの種類としてVMware FusionやParallels等があるのですが、これらは有償となっております。 なにはともあれダウンロードを行いましょう。 以下のURLからダウンロードできますので、お使いの環境に合わせてダウンロードしましょう。 ダウンロード https://www.virtualbox.org/wiki/Downloads ダウンロードしたら指示に従ってポチポチインストールしていきま

  • 1