Corredor

ウェブ、プログラミングの勉強メモ。

template-html を Gulp プラグイン化する gulp-template-html を Fork した

現場のプロが教えるWeb制作の最新常識アップデート版 (知らないと困るWebの新ルール) [ 久保知己 ]ジャンル: 本・雑誌・コミック > PC・システム開発 > その他ショップ: 楽天ブックス価格: 2,376円 以前、template-html という npm パッケージを Fork して…

template-html を Fork してオレオレ HTML ジェネレータを作った

いまから始めるWebフロントエンド開発作者: 松田承一発売日: 2016/08/25メディア: Kindle版この商品を含むブログを見る template-html という npm パッケージがある。テンプレートとなる HTML と、それにバインディングしたいソースを持つ HTML とを指定する…

Cordova アプリ起動時のスプラッシュスクリーンを操作する cordova-plugin-splashscreen と自前スプラッシュスクリーンの作り方

HTML5+JavaScriptで動く電子書籍アプリを自作する本 (単行本・ムック) / 掌田津耶乃/著ジャンル: 本・雑誌・コミック > PC・システム開発 > 入門書 > インターネット入門書ショップ: CD&DVD NEOWING価格: 4,423円 Cordova アプリを起動すると、デフォルトの…

スマホ向け Web アプリを作る時に使える CSS : user-select と -webkit-touch-callout

スマートフォンサイトのためのHTML5+CSS3 [リフロー版]作者: エ・ビスコム・テック・ラボ出版社/メーカー: マイナビ出版発売日: 2012/08/31メディア: Kindle版この商品を含むブログを見る 以前、overflow-scrolling という CSS プロパティを紹介した。スマ…

画面の明るさを操作できる cordova-plugin-brightness

HTML5とJavaScriptによるiPhone/Android両対応アプリ開発ガイドジャンル: 本・雑誌・コミック > PC・システム開発 > 入門書 > その他ショップ: コンプリートブックス価格: 3,024円 Cordova アプリでデバイスの画面の明るさを操作できる、cordova-plugiin-br…

ぼくが Fork した cordova-background-video を紹介する

HTML5とApache Cordovaで始めるハイブリッドアプリ開発作者: WINGSプロジェクト小林昌弘出版社/メーカー: 翔泳社発売日: 2017/08/02メディア: Kindle版この商品を含むブログを見る cordova-background-video という Cordova プラグインがある。HTML ページの…

iOS シミュレータでピンチ操作をするには

iOS シミュレータでピンチ操作をするには、 Option キーを使う。 Option キーを押すと2つの円が表示されるので、このままマウスカーソルを操作する。すると片方の円を動かせて、もう一方の円が点対称に動くので、ピンチインやピンチアウトの動作をさせること…

Angular4 のユニットテストで routerLink がうんたらなエラーが出たら

Angularアプリケーションプログラミング作者: 山田祥寛出版社/メーカー: 技術評論社発売日: 2017/08/04メディア: 大型本この商品を含むブログを見る Angular4 のユニットテストで routerLink がうんたらなエラーが出たとき。 ドンピシャなページがあった。 n…

Cordova iOS アプリで -webkit-overflow-scrolling:touch を使った時の備忘録

PhoneGap 入門ガイド (Smart Mobile Developer)作者: アシアル株式会社出版社/メーカー: 翔泳社発売日: 2011/07/23メディア: 大型本 クリック: 15回この商品を含むブログ (5件) を見る Cordova アプリはデフォルトで DisallowOverscroll が false、つまりオ…

npm パッケージを作って公開してみた

Node.js超入門 [ 掌田津耶乃 ]ジャンル: 本・雑誌・コミック > PC・システム開発 > その他ショップ: 楽天ブックス価格: 3,240円 npm パッケージを Fork して公開してみたいなーと思い、まずはまっさらな状態から npm パッケージを公開するまでの方法を調べた…

Angular v4.3 で追加された HttpClient を使ってみた

はじめてのAngular4 (I・O BOOKS)作者: 清水美樹出版社/メーカー: 工学社発売日: 2017/05/01メディア: 単行本この商品を含むブログを見る Angular v4.3 で新たに追加された HttpClient というモジュールを使ってみた。 これは既存の Http モジュールとは別モ…

ドスパラのデスクトップゲーミング PC「Galleria XG」を買った!

ドスパラのデスクトップゲーミング PC、ガレリア XG を BTO でカスタムして購入した。 ガレリア XG カスタム買いましたー!!!!!(・∀・)ウティー これまで使っていたデスクトップ PC これまでは Acer の ASM5811-A61 というデスクトップ PC を使っていた。 CPU…

window.getComputedStyle を今更知った

window.getComputedStyle() なる API があるのをいまさら知った。 普段 JS で DOM 要素のスタイルを操作する時は element.style を使うが、window.getComputedStyle() は対象の要素の表示仕様を決めている、計算済みの全てのスタイル定義を取得できる。 「計…

Cordova アプリのページ背景に動画録画中の映像を表示する cordova-background-video プラグインを Fork して 1080p 動画を録画できるようにした

ズバわかり! プログラミング Objective-C iPhoneアプリ開発 スタートブック Xcode5.1+iOS7.1対応作者: 大重美幸出版社/メーカー: ソーテック社発売日: 2014/05/02メディア: 単行本この商品を含むブログ (1件) を見る cordova-background-video というプラグ…

npm config で .npmrc を設定してパッケージインストール時のバージョンを固定したり npm init 時の初期値を変えたりする

Npm

JavaScript フレームワーク入門作者: 掌田津耶乃出版社/メーカー: 秀和システム発売日: 2016/09/16メディア: 単行本この商品を含むブログを見る npm config set なんたら というコマンドで、~/.npmrc ファイルに初期設定を書き込める。これを使うと、パッケ…

GitHub に草を生やすシェルスクリプト「gh-contributions」を作った

GitHubツールビルディング ―GitHub APIを活用したワークフローの拡張とカスタマイズ作者: Chris Dawson,Ben Straub,池田尚史,笹井崇司出版社/メーカー: オライリージャパン発売日: 2017/05/10メディア: 単行本(ソフトカバー)この商品を含むブログ (1件) を…

npm outdated・npm update と npm-check-updates

シングルページWebアプリケーション ―Node.js、MongoDBを活用したJavaScript SPA作者: Michael S. Mikowski,Josh C. Powell,佐藤直生,木下哲也出版社/メーカー: オライリージャパン発売日: 2014/05/24メディア: 大型本この商品を含むブログ (2件) を見る npm…

AngularJS と Angular4 とで非同期処理のユニットテストのやり方を比較した

JavaScript関数型プログラミング 複雑性を抑える発想と実践法を学ぶ (impress top gear)作者: Luis Atencio,株式会社イディオマコムニカ加藤大雄出版社/メーカー: インプレス発売日: 2017/06/09メディア: 単行本(ソフトカバー)この商品を含むブログを見る …

Cordova アプリで Bluetooth 通信ができる cordova-plugin-bluetooth-serial を試した

iOS×BLE Core Bluetoothプログラミング作者: 堤修一,松村礼央出版社/メーカー: ソシム発売日: 2015/03/23メディア: 単行本この商品を含むブログを見る Cordova アプリで Bluetooth 通信ができる cordova-plugin-bluetooth-serial を試してみた。 iOS 実機で…

ハンバーガーメニューが矢印に変わる CSS アニメーションを真似してみた

作りながら学ぶ HTML/CSSデザインの教科書作者: 高橋朋代,森智佳子出版社/メーカー: SBクリエイティブ発売日: 2013/12/14メディア: 単行本この商品を含むブログ (11件) を見る 仕事で Backlog を使っている。Backlog のページには、左側のメニューを収納した…

AngularJS + Cordova なアプリに Protractor + Appium を使って iOS 実機で E2E テストを実施する方法

実践 Appium [ Manoj Hans ]ジャンル: 本・雑誌・コミック > PC・システム開発 > その他ショップ: 楽天ブックス価格: 2,592円 以前、AngularJS + Cordova なアプリに Protractor + Appium を使って iOS シミュレータで E2E テストを行う方法を紹介した。 neo…

Angular4 で Service を DI する方法

Angular2によるモダンWeb開発 TypeScriptを使った基本プログラミング作者: 末次章出版社/メーカー: 日経BP社発売日: 2017/01/18メディア: 単行本この商品を含むブログ (1件) を見る Angular4 における DI (Dependency Injection・依存性注入) に関連して、Co…

AngularJS + Cordova なプロジェクトに Protractor + Appium を導入して iOS シミュレータで E2E テストを動かす

実践 Appium作者: Manoj Hans,太田健一郎,児島修出版社/メーカー: オライリージャパン発売日: 2016/11/26メディア: 単行本(ソフトカバー)この商品を含むブログ (1件) を見る タイトルが長くなってしまったが、 AngularJS に Cordova を取り込んだプロジェ…

Angular4 アプリに Cordova プラグインのラッパーを提供してくれる IonicNative

Ionicで始めるハイブリッドアプリ開発入門: HTML5とJavaScriptで作る iPhone / Android アプリ作者: 北野佑弥,小島拓也,増本雄斗発売日: 2015/12/15メディア: Kindle版この商品を含むブログを見る AngularJS 時代は ngCordova というラッパーを使って、Cordo…

Browserify + Babelify + Babel-Preset-ES2015 で ES2015 をトランスパイルして1つのファイルに結合する

初めてのJavaScript 第3版 ―ES2015以降の最新ウェブ開発作者: Ethan Brown,武舎広幸,武舎るみ出版社/メーカー: オライリージャパン発売日: 2017/01/20メディア: 単行本(ソフトカバー)この商品を含むブログを見る 前回 Gulp-Sass で SCSS をビルドし、1ファ…

Gulp-Sass と Gulp-SourceMaps でソースマップを含んで SCSS ファイルをビルドする

はじめてのCSS設計 フロントエンドエンジニアが教えるメンテナブルなCSS設計手法 (Web Engineer’s Books) [ 田辺 丈士 ]ジャンル: 本・雑誌・コミック > PC・システム開発 > その他ショップ: 楽天ブックス価格: 2,894円 いいかげん SCSS メインで書こうか…

gulp.watch() の上位互換 Gulp-Watch パッケージを使う

フロントエンド専門制作会社が教える速く正確なWeb制作のための実践的メソッド ワークフロー構築、コーディング規約、制作&ディレクションTipsなど、高品質な制作を支える現場の仕事術作者: 株式会社モノサス/コーディングファクトリー出版社/メーカー: マイ…

cordova-lib を読み込めば Gulp スクリプト内で Cordova コマンドが叩ける

Monacaで学ぶはじめてのプログラミング?モバイルアプリ入門編?発売日: 2016/03/18メディア: ハードカバーこの商品を含むブログを見る ローカルに cordova をインストールすると、cordova-lib というモノが読み込めるようになるらしく、これを Gulp スクリプ…

Run-Sequence で Gulp タスクの並列処理・直列処理を管理する

いまから始めるWebフロントエンド開発作者: 松田承一発売日: 2016/08/25メディア: Kindle版この商品を含むブログを見る Gulp は gulp.task('task', ['dependency'], ... という形で、当該タスクが依存するタスク (事前に実行しておいて欲しいタスク) を定義…

Gulp-Load-Plugins は Pattern 指定できる

フロントエンド開発徹底攻略 (WEB+DB PRESS plus)作者: cho45(さとう),五十嵐啓人,伊野亘輝,須藤耕平,片山育美,池田拓司,高津戸壮,石本光司,竹迫良範,伊藤直也,若原祥正,沢渡真雪出版社/メーカー: 技術評論社発売日: 2014/07/16メディア: 大型本この商品を含…

Gulp-Description で Gulp タスクの説明書きを追加する

フロントエンドエンジニア養成読本 HTML、CSS、JavaScriptの基本から現 (Software Design plus)ジャンル: 本・雑誌・コミック > PC・システム開発 > その他ショップ: 楽天ブックス価格: 2,138円 何やら Gulp v4 系では gulp.task().description(); という…

cordova-plugin-browsersync で Live-Reload 開発を行う

HTML5でモバイルアプリ開発入門 モバイルアプリをプロデュース (SCC books) [ エスシーシー ]ジャンル: 本・雑誌・コミック > PC・システム開発 > その他ショップ: 楽天ブックス価格: 2,808円 Cordova アプリを作っていて、Live-Reload 開発を行いたいと思…

Wiredep・Gulp-Inject・Gulp-Useref で HTML ファイルからの CSS・JS 読み込みを自動化

Webフロントエンド ハイパフォーマンス チューニング作者: 久保田光則出版社/メーカー: 技術評論社発売日: 2017/05/26メディア: 単行本(ソフトカバー)この商品を含むブログを見る HTML ファイルから必要な Bower コンポーネントや自分で作ってビルドしたフ…

色々な設定ファイルのコメントアウト方法

実践Vim 思考のスピードで編集しよう! (アスキー書籍)作者: DrewNeil,新丈径出版社/メーカー: KADOKAWA / アスキー・メディアワークス発売日: 2014/01/28メディア: Kindle版この商品を含むブログ (4件) を見る 拡張子のない設定ファイルにおいてど…

日本語キーボードのよく分かんないキーを「IME の有効化・無効化」に割り当てたら楽になった

日本語入力を支える技術 ?変わり続けるコンピュータと言葉の世界 (WEB+DB PRESS plus)作者: 徳永拓之出版社/メーカー: 技術評論社発売日: 2012/02/08メディア: 単行本(ソフトカバー)購入: 14人 クリック: 322回この商品を含むブログ (35件) を見る 以前こ…

エクスプローラに USB 接続した iPhone が表示されなくなったら

APPLE(アップル) iTunes Card アイチューンズ カード - 3,000円出版社/メーカー: iTunes 株式会社メディア: エレクトロニクスこの商品を含むブログを見る Windows マシンに iPhone を USB 接続した時、エクスプローラに iPhone が出てこなくて、写真をコピー…

Nodist 使ってたら npm が消えたりして困ったのでやり直した

JavaScriptエンジニアのためのNode.js入門作者: 天田士郎発売日: 2016/12/26メディア: Kindle版この商品を含むブログを見る Windows で Node.js のバージョン管理ができる Nodist。最近はバージョンが新しくなっているので入れ直したほうが良いっぽい。 GitH…

Cordova アプリでサクサク動く Google Map を実現する「cordova-plugin-googlemaps」

Google API Expertが解説する Google Maps APIプログラミングガイド作者: 勝又雅史,古籏一浩,石丸健太郎,安藤幸央出版社/メーカー: インプレス発売日: 2011/12/02メディア: 単行本(ソフトカバー)購入: 2人 クリック: 69回この商品を含むブログ (8件) を見…

Cordova アプリでダイアログ表示したりビープ音を鳴らしたりして通知できる「cordova-plugin-dialogs」

Apache Cordova 4 Programming (Mobile Programming)作者: John M. Wargo出版社/メーカー: Addison-Wesley Professional発売日: 2015/03/26メディア: Kindle版この商品を含むブログを見る cordova-plugin-dialogs というプラグインを使うと、ユーザへの通知…

Cordova アプリ内でファイル操作を行える「cordova-plugin-file」

【中古】 HTML5/JavaScriptとPhoneGapで作るiPHONEアプリ開発入門 /富田宏昭【著】 【中古】afbジャンル: 本・雑誌・コミック > PC・システム開発 > プログラミング > その他ショップ: ブックオフオンライン楽天市場店価格: 198円 cordova-plugin-file と…

Angular4 + TypeScript ことはじめ

はじめてのAngular4 「TypeScript」で開発する、オープンソースの「Webフレームワーク」 (I/O)[本/雑誌] / 清水美樹/著 IO編集部/編集ジャンル: 本・雑誌・コミック > PC・システム開発 > 入門書 > インターネット入門書ショップ: CD&DVD NEOWING価格: 2,48…

Cordova アプリの console.log() を XCode に出力する cordova-plugin-console

PhoneGap 入門ガイド (Smart Mobile Developer)作者: アシアル株式会社出版社/メーカー: 翔泳社発売日: 2011/07/23メディア: 大型本 クリック: 15回この商品を含むブログ (5件) を見る Cordova アプリを作っていて console.log() を書いた時、XCode のウィン…

Chrome でスマホ表示に切り替えるショートカットキー

グーグルクローム Google Chrome完全活用術 スマホ⇔PCで連携・共有できる爆速Webブラウザー作者: 田口和裕,タトラエディット出版社/メーカー: アスキー・メディアワークス発売日: 2012/05/24メディア: 大型本購入: 4人 クリック: 62回この商品を含むブログ (…

テストに使える簡易 API サーバがサクッと立てられる「json-server」

改訂新版JavaScript本格入門 ?モダンスタイルによる基礎から現場での応用まで作者: 山田祥寛出版社/メーカー: 技術評論社発売日: 2016/09/30メディア: Kindle版この商品を含むブログを見る テスト用の API サーバを用意する時に、「json-server」という npm …

Instagram の写真や動画を保存するブックマークレット

できる100の新法則 Instagram マーケティング 写真1枚で「欲しい」を引き出す技術作者: 株式会社オプト,山田智恵,小川由衣,石井リナ,できるシリーズ編集部出版社/メーカー: インプレス発売日: 2016/03/18メディア: 単行本(ソフトカバー)この商品を含むブロ…

Appium + Protractor で iOS に対してタッチやスワイプ等の動作を行うには

Angular2によるモダンWeb開発 TypeScriptを使った基本プログラミング作者: 末次章出版社/メーカー: 日経BP社発売日: 2017/01/18メディア: 単行本この商品を含むブログ (1件) を見る Appium + Protractor で iOS に対して E2E テストをしていて、要素のクリッ…

Protractor で縦に長いページのスクリーンショットを撮るには

AngularJSアプリケーション開発ガイド作者: Brad Green,Shyam Seshadri,牧野聡出版社/メーカー: オライリージャパン発売日: 2014/04/18メディア: 大型本この商品を含むブログ (2件) を見る Appium と Protractor を使って iOS シミュレータや iOS の実機で E…

CDN から CSS ファイルが読み込めなかった時のフォールバック対策方法

フロントエンド専門制作会社が教える速く正確なWeb制作のための実践的メソッド【電子書籍】[ 株式会社モノサス/コーディングファクトリー ]ジャンル: 本・雑誌・コミック > PC・システム開発 > インターネット・WEBデザイン > その他ショップ: 楽天Kobo電子…

AngularJS 向けの E2E テストツール「Protractor」で要素を特定するアレコレ

AngularJS アプリケーションプログラミング作者: 山田祥寛出版社/メーカー: 技術評論社発売日: 2015/08/19メディア: 大型本この商品を含むブログ (2件) を見る Angular 製のアプリの E2E テストに用いられる Protractor (プロトラクター)。Protractor は Nod…

Windows バッチファイルに JScript を混ぜ込む他のやり方

Windowsで使える簡単・便利なバッチファイル作者: 本谷裕二出版社/メーカー: 広文社発売日: 1999/08/01メディア: 単行本この商品を含むブログ (1件) を見る 以前、Windows バッチファイルに JScript を混ぜ込んで、両方を起動させるやり方を紹介した。 neos2…