サクサク読めて、アプリ限定の機能も多数！
トップへ戻る
やる気の出し方
yokotakenji.me
��� `W�
随時追加 Vue.js API 親に与えられた属性値で出力するタグを変更したい 描画関数(render)を使う。 demo <div id="app"> <v-heading level="1">Render function!</v-heading> </div> new Vue({ el : '#app', components : { 'v-heading' : { props : ['level'], render(createElement){ return createElement( `h${this.$props.level}`, this.$slots.default ); } } } }); コンポーネントにイベントをバインディング ネイティブのイベントをコンポーネントでバインディングしたい場合はインスタンスプロパティの$listenersを使う。 公式 demo <d
アプリを作成するために色々試してみたくて、今回はphonegap/cordovaを試してみました。 phonegapとcordovaの何が違うかはこちらの記事が詳しく書かれています。 HTML5ハイブリッドアプリ開発を支えるOSS「Cordova」はなぜアツいのか？PhoneGapとの違いは何か？ – ふろしき.js cordovaのインストール $ npm install -g cordovaAndroid SDK Toolsをインストール $ brew install android必要なAndroid SDK ManagerでSDKなどを入れます。 $ androidプロジェクトを作成 $cordova create my-app ※ antとかjdkが無かったらエラー出るので入れる。プロジェクトに移動する $ cd my-appプラットフォームを追加する(Android) # An
P�q ��? �s�
補足：shimmingRuby – Shimの意味 by @ironsand on @Qiita webpackがパース出来ないファイルがあります。 それはサポートしていないモジュールのフォーマットかモジュールですらないものです。 したがって、それらのファイルをモジュールに変換するオプションがあります。 USING LOADERSこのページのloaderのサンプルは全てrequireで呼び出されています。これはデモに最適だからです。 requireの代わりにwebpack configで設定を行っても構いません。 loaderの詳しい使い方に関してはUsing loaders(訳した記事あります)を読んでください。 IMPORTINGrequire()を用いてインポートされない依存関係を持っているファイルの時の解決方法 imports-loaderこのloaderはファイルのローカル変数上
※ 編集途中 ※ 訳に自信ないので原文見ること configration 知っておくと良いこと webpackをCLIで使う場合とnode.js APIで使う場合とで設定方法が以下のように違う (ここでは全てCLI) 用語など JavaScriptのSource Mapの内部表現について node.jsのメソッドやグローバルオブジェクトに関しては Node.js v0.10.26 マニュアル & ドキュメンテーション // CLI // webpack.config.jsを用意するかコマンドに--configオプションを付け設定ファイルを指定する module.exports = { // configuration }; // ---------------------------------------- // node.js API webpack({ // configuratio
そもそもVagrantって何なの・・・Vagrantとは、違う環境に移行可能な開発環境を簡単に構築・管理し、配布することができる開発環境作成ツール。 引用：Vagrant + Chefで環境構築も自動にする｜クラスメソッドブログ Vagrantでは仮想マシンやOSの設定をテキストファイルで与えることで特定の状態に初期化することができ、この設定ファイルをコピーすることでどこでも簡単に同じ仮想環境を再現することができる。これにより、ソフトウェアの開発環境と本番環境を同じ環境に揃えたり、本番環境で動作するかを簡単に試してみることができる。 引用：Vagrantとは – 意味/解説/説明/定義 ： IT用語辞典 とのこと。利用するメリットとしては、本番環境と同じ環境が作れたり、配布出来たり、管理(変更とか破棄とか)が簡単に出来るという点らしい。確かに便利。実際に触ってみますが、先に用語を説明 用語
既存サイトの一部ページのみWordPress化という作業をしている時、ページプレビューで少し躓いたのでメモメモ 問題は、*公開済みのプレビューは表示されて、下書き状態のプレビューはトップページ(非WP)が表示される。*というもの。 構成は以下の通りです。 root ├─index.html(静的ページ) ├─index.php(WordPress) ├─[d] program ├─[d] present └─[d] stationパーマリンクは以下の通り /%category%/%year%/%post_id%/この場合、programに追加した記事を公開後プレビューするとURLは http://<domain>/program/<post_id>/?preview=true&...となり正常にプレビューが表示されますが、保存前の記事はURLが http://<domain>/?post_
CATEGORYprogramming > JavaScript > AngularJS公開日2014/10/24最終更新日2014/10/24href属性にモデルのデータを使うprogramming>JavaScript>AngularJS公開日2014/10/24最終更新日2014/10/24imgタグのsrc属性にモデルのデータを使うprogramming>JavaScript>AngularJS公開日2014/10/05最終更新日2014/10/05AngularJS勉強会6回目,7回目メモprogramming>JavaScript>AngularJS公開日2014/10/05最終更新日2014/10/05カスタムサービスprogramming>JavaScript>AngularJS公開日2014/10/04最終更新日2014/10/04AngularJSのフェーズprogra
WordPressのビジュアルエディタはTinyMCEが使われていますが、色々とカスタマイズが出来ます。 具体的にはtiny_mce_before_initというinitが呼ばれる前の部分にフックしてinit関数に渡す値(設定)を追加してあげます。 // function.phpに書きます。 function _tinyMCESettings($arr){ $arr['element_format'] = 'HTML'; // コピペしたときにテキストからタグを削除 $arr['paste_as_text'] = true; // bodyタグにクラスを追加 $arr['body_class'] = 'module__post-cnt'; // ブロックフォーマットを追加 $arr['block_formats'] = "pタグ=p;h1タグ=h1;h2タグ=h2;コード=pre"; //
Let's 導入 HaxeのダウンロードページにあるAutomatic InstallerやBinary DistributionからOSに合ったものをダウンロードします。 この記事ではOSXをダウンロードしています。 ダウンロードしたhaxe-3.0.0-osx-installer.dmgをインストールします。 この記事ではエディターにsublimetext2を使うので、sublimetex2の設定をします。 package controllからHaxeのバンドルをインストールします。 package controllのInstall Packageを選択して haxeで検索してインストールします。 以上でHaxeがハイライト出来ようになりました。 他に出来ることはHaxe Sublime Text 2を見てください。 Hello worldを表示する 環境が整ったのでHaxeを使いHe
Gruntって何？という方はこちら記事が詳しく書かれています。 Web制作で面倒な作業を自動化するビルドツール、Grunt v0.4 入門 grunt-haxeを使う Haxe用のGruntのプラグインがあります。grunt-haxeこれを使ってみます。 前回作成したディレクトリに移動しターミナルで $ npm install grunt-haxe --save-dev と入力しgrunt-haxeをインストールします。 今回はHaxeファイルを監視し、変更があればコンパイルしたいと思います。そのためにはHaxeファイルを監視する必要があるので、Gruntのプラグインgrunt-contrib-watchもインストールします。 $ npm install grunt-contrib-watch --save-dev Gruntの設定を行う プラグインをインストールしたのでGruntの設定を
というワークショップ付きのデザイナー向けイベントに参加してきました。(デザイナー・・・え 講師は和文が鳥海修氏、欧文は小林章氏でした。 (鳥海さんも小林さんも僕が生まれる前から書体のお仕事をされているプロフェッショナルです。すんげー 特に小林章さんは名前を聞いたことがある人多いんじゃないでしょうか。 欧文書体―その背景と使い方や、フォントのふしぎ ブランドのロゴはなぜ高そうに見えるのか？などの著者です。 懇親会でとある方が、こんなイベント10年に一度あるかどうか・・・ と言っていたのを覚えてますが、ほんとになかなかないイベントだったと思います。 ワークショップは日本人だし日本語を学ぼうと思い、和文を教わることにしました。 内容は、1人2文字のひらがなを書き、みんなのひらがなを合わせて尾崎放哉の俳句を完成させる。という内容でした。 デザイナー向けワークショップということで、ドキドキしていまし
,x pTp ���
このページを最初にブックマークしてみませんか？
『yokotakenji.me』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
