No Pain, No Gain

プログラミングで日常をちょっとだけ楽にしよう。

Vue.jsとCordovaを統合してハイブリッドアプリを作る

最初にCordovaプロジェクトを作る。 cordova create <アプリ名> com.example.app それからVue.jsプロジェクトを作る。 vue init pwa <アプリ名> ここでの<アプリ名>は先ほどcordovaディレクトリを作成する時に使ったものと同じものを利用する。 ディレクトリ…

Vue.jsとFirebase で新刊コミックスをサクサクとチェックできて購入管理もできるサイトを作ってみた。

Vue.jsで新刊コミックスをサクサクとチェックできるサイトを作ったので宣伝させてください。 ↓下記リンクにアクセスすれば、そのまま使い始めることが出来ます。 明日の新刊 ↓作ったもの 以下宣伝です。

ReactをjQueryみたいにローカルにインストールせずに使う方法

ReactをCDNを利用して npm でインストールせずに使う方法です。 HTMLファイルへの記述 HTMLファイルの</body>タグの前にて以下のスクリプトを読み込む。 <script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script> <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>

【vue-router】Vue.jsでビルドしたウェブサイトが白紙で表示される場合の対処法 【History Mode】

Vue.jsプロジェクトで実際にサーバーに載せるにあたってプロジェクトをビルドしますよね。 npm run build それで/dist/以下に出来たファイルをサーバーに載せ、アクセスすれば作ったサイトが表示されるはずなのに、真っ白なブランクページが表示される。F12…

【Web】Vue.jsプロジェクトでGoogle Adsenseを使う方法と注意点

Vue.jsでGoogle Adsenseを使う方法 サイトを作成したら、まぁアドセンス配置しますよね。。 Vue.jsプロジェクトでは下記のプラグインを使用します。 github.com 使い方はリンク先に書いてある通りなのですが、動かすうえで一点だけ注意点がありました。 【も…

【ハイブリッドアプリ】Ionic CLI でとりあえず開発を始めるためのよく使うコマンドのメモ【Angular】

Ionic で新しいアプリを開発する場合のコマンドをメモ。 以下のコマンドをコマンドプロンプトやGit Bashなどのターミナルから実行します。 もくじ 前準備 新しいプロジェクトを作る 新しいコンポーネントを追加する 開発サーバーを起動 アプリをビルドする …

Angular CLI で取り合えず開発を始めるためのよく使うコマンドのメモ

何度も忘れるのでメモ。 それぞれのコマンドを、コマンドプロンプトやGit Bashなどのターミナルから実行します。 新しいプロジェクトを作る ng new [project name] ng new new-project プロジェクトのひな形が作られる。作られたフォルダ(ひな形)の中に移…

【Cron】ネットオウルのミニバードで定期的にPHPスクリプトを実行する方法

月額がやっすいミニバードでCronを実行する方法。 定期的にPHPスクリプトを実行させてみましょう。

【Node.js】JavaScriptをコマンドプロンプトから実行する方法

最近JavaScript を書くことが多い。そうすると何でもかんでもJavaScriptで書きたくなってくる。 普段使ってるPythonで書いたCUIスクリプトもJavaScriptで書けないかなぁ、と探してみるとありました。 JavaScriptをコマンドラインから利用する方法。 1.Node…

WorkflowyにURL付きで引用を簡単に張り付けられるブックマークレットを作ってみた

Workflowy で他のサイトの一部をメモしたいときに、「選択部分とURLを一度にコピペ出来たらいいのにな」と思ったのでブックマークレットを作ってみました。 出来ること サイトの選択部分をWorkflowyのノードに貼り付けられます。 選択部分を張り付けるときに…

【Javascript】チェックボックスのonchangeでイベントが発動しないときの解決法【jQuery】

チェックボックスをクリックしてもイベントが発動しない! jQueryを使用してチェックボックスへの操作をトリガーにイベントを発動させようとしたのだけれどどうしても動かずハマりました。 HTMLの例 <input type="checkbox" name="testbox" id="checkbox"> jQueryの例 $(function(){ $('#checkbox').on('change', …