はてなブックマーク

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに Node.jsでWebアプリを作ってみた、ローカルでは動作確認した、方が初めてAzureへ公開するための手順説明です。以前の次の記事の、AzureポータルのUI変更に伴う手順更新版、です。 Node.jsで作成したWebサービスをAzureで公開する(2016年版12月版) https://qiita.com/hoshimado/items/6aed10a2057fa77487b6 Visual Studio連携や、Visual Code連携ではなく、GitHubのリポジトリを元に 公開する方法を説明します。 リポジトリ種別は

概要 はじめてRe:VIEWを導入する方、且つ、Windows10ユーザーの方、を対象に「とりあえずPDFを作れる環境を構築する」までの手順を記載します（RubyもLaTexも不要で所要１ｈほど）。 Windows 10（Home含む）環境にて、WSL上にDockerイメージ経由でRe:VIEWコンパイルを行います。これにより、LaTeXやRubyの（ネイティブ）セットアップを不要とできます。 なお、内容としては当方の次の過去記事と同様です。ただし、切り取り方を「背景はさておき、PDFを作れる環境を構築する」に変えたのがこの記事です。 Windows 10 HomeでWSL越しにDocker for Ubuntu+Re:VIEWを使う（VM不要） 環境構築の所要時間 本記事に記載の手順を実行する所要時間は、インターネット回線の速度に依存しますが、ダウンロードの実効速度が10～30Mbpsの

概要 Windows 10 April Update 2018（10.0.17134）以降の環境において、「Windows Subsystem for Linux」と「Docker for Ubuntu」、「Re:VIEW image for Docker」の組み合わせが動作するようになったようです（※Docker for WindowsとDocker Toolboxは使いません。VM不要です）。その導入方法を紹介します。 なお、当方のレベルは「Dockerは使ったことなかった」です。なのでDockerを初めて使う人向け、です。 スタートとゴール 「Windows Subsystem for Linux未導入」の状態からスタートして、「WSL上でreviewコマンドを実行できるようになる」ことをゴールとします。 必要なもの 2018年4月以降のアップデートを適用したMicrosoft Wi

Vue.jsでjQueryの slideDown()とslideUp() 相当を行う方法 概要 jQueryの slideDown() / slideUp() の表示方法が気に入っていて、 Vue.jsでも出来ないかとやってみた、メモ書き。備忘録。 結論から言うと、Vue.jsの標準機能の範囲で出来る。 具体的には、次のように構成することで、実装する。for文で変化量を計算して適用とか不要。 v-if ディレクティブで対象エリアの表示／非表示を切り替える。 transition タグ＋CSS3を用いて、表示／非表示の変化時を滑らかにする。 デモはこちら。⇒ Vue.jsでのアコーディオンメニュー例 なお、こういう「にょ～ん」と開いたり閉じたりするメニューを「アコーディオンメニュー」と呼ぶことがある、と今回に初めて知ったよ。「vue.js slideup() slidedown()」で検索し

記事概要 jQueryベースでWebブラウザベースのアプリ書いている人がVue.jsに手を出すとしたら、「こんな風にやってみると分かりやすいかも？」と言う話。ES5 前提です。 Vue.jsの特徴として、他のフレームワークとの混在が容易、ってのがある。なのでjQueryとの共存も可能。今回の例では「inputタグなどの入力インターフェースにのみVue.jsを適用し、設定パネルのスライドダウン／アップなどの表示系DOMの操作はjQueryでのコードをそのまま流用」という方針で組んでみた。 「Vue.jsとは何ぞや？」は下記の公式ガイドを参照のこと。 https://jp.vuejs.org/v2/guide/ Vue (発音は / v j u ? / 、 view と同様）はユーザーインターフェイスを構築するためのプログレッシブフレームワークです。他の一枚板(モノリシック: monolith

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに アクセス数が多くない場合は、AzureのWeb Appは「F1プラン」を利用することで、無料運用が可能な様子、という話。 Azureの無料試用期間が終了に伴い無料プランへ移行してみたので、その手順を示す。 以前に書いた「Node.jsで作成したWebサービスをAzureで公開する」を 「無料試用プラン」⇒「F1プラン（無料）」へ移行してみた。 作業方針とプラン移行作業前の状態 基本的には、下記の記事を参照して作業した。 Azureの無料試用期間終了後に無料オプションを使う Part-1 - Qiita Azureの無料試用期間

概要 初めてのGIMP（※１）で、同人誌の表紙を写真ベースで作成するまで、を書いた記事です。「技術系同人誌 Advent Calendar 2017 」の12日目に【後から】（12/20）参加させていただきました。 対象者は以下。 GIMPってツール名は聞いたことある（操作方法は知らない）。 細かい作り込みには拘らない 入稿可能な表紙が出来上がれば良い（GIMPを覚えることは目的ではない）。 ※１：GIMPとは？→高機能なビットマップ画像編集加工ソフト。無償で利用可能。 環境は以下（※２）。 Photo Shopファイル（.psd）での入稿オーケーの印刷屋さんを利用する。 GIMPファイル（.xcf）で入稿OKなら、なお良い。 pdf入稿のケースは、後述の参考サイトを参照。 表紙用テンプレートファイルを、印刷屋が準備してくれてる。 テンプレートが無くとも、後述の参考サイトを参照してベース（

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに AzureでWeb Appを公開するときに、「無料の範囲だと、どのくらいの人数でどのくらいの回数を使えるの？」、「軽めの課金するなら、どのくらい使えるの？」という目安について物凄いザックリとしたメモです。『メモ』です。 Azure SQL Serverを使うWeb Appを例に考えてみた。結論から言うと、以下のようになった。 とりあえず開発してみる（利用者は１人）：〇　⇒無料枠でOK！ とりあえずサービス試行してみる（利用者は100名未満）：〇～△　⇒無料枠はギリギリ。SQLは課金必要な場合も？ さぁ、サービスとしてしっかり提