描く51 html jade 변환 Jade FTW こんにちは。今回は現実逃避を兼ねて Jade の素晴らしさをお伝えしたいと思います。 Jade とは何か Jade は JST (JavaScript Templates) の一つであり、HTML を書くための軽量マークアップ言語 である Haml に影響を受けた JavaScript テンプレートエンジンでもあります。 ちなみにこの Haml は近年爆発的に普及をみせる CSS プリプロセッサ Sass の記法の元にもなっています (Sass の中でも普及率が高いのは SCSS 記法の方ですが)。 一般的に JST というと以下のような記法を用います: こんにちは。私の名前は よ。よろしくね。 これは Underscore.js の JST 記法ですが、このように HTML の中の動的に出力を変更したい部分を、特定のテンプレート記法で置き換え、そこを JavaScr.. 2021. 7. 6. node.js、express、ejsでHello Worldするコード 記載の動機 node.jsでコーディングをするようになったが、必須で記述する部分などを覚えきれないので防備録として記述しました。 前提 ・node.jsがインストールされていること node.js 公式サイト ・Windows7 64bitのPCで実行 コードとコマンド cmd app> npm init app> npm install express ejs --save directory app |-/views |-landing.ejs |-/node_modules **自動で生成される |-app.js |-package.json **自動で生成される |-package-lock.json **自動で生成される app.js var express = require("express"); var app = express(); //viewエンジンをejsであ.. 2021. 7. 6. これだけ押さえておけばあらゆるAPIを呼び出せる！ Google APIを使用するための基本 本連載では、Googleが提供するプラットフォームやサービスに関する情報を定期的に紹介していきます。今回は「Google APIs」と呼ばれる、各種リソースへアクセスするAPIの基礎となる部分を紹介します。Googleは様々なAPIを提供していますが、今回説明する「基本」を学んでおけば、あらゆるAPIを簡単に使うことができるようになります。 目次 対象読者 GoogleのサービスやAPIに興味のある方、悩んだことがある方 Google Cloud Platformに興味のある方 GoogleではないAPIの経験がある方（推奨） 必要な環境 Googleアカウント Webブラウザ サンプルコードを実行する場合は、Javaの開発環境 Google APIの基礎知識 Googleが提供する大抵のプラットフォームやサービスは、それらのリソースへアクセスするためのAPI（以下、Google AP.. 2021. 7. 5. TabLayout の使い方 - kotlin できるもの やること ライブラリを読込 TabLayout を追加 TabLayout で表示するレイアウトを追加 Fragment を追加 Adapter を追加 Activity から呼び出し 1. ライブラリを読込 build.gradle implementation 'com.google.android.material:material:1.0.0' 2. TabLayout を追加 activity_tab_layout.xml 3. TabLayout で表示するレイアウトを追加 タブをタップ、スライドした時にそれぞれ表示するレイアウトを用意する。 fragment_tab_01.xml fragment_tab_02.xml 4. Fragment を追加 3 で作成した xml を Fragment として生成 TabFragment.kt class Tab01.. 2021. 7. 3. 15分で作る？【 60秒ストップウォッチ 】 動画の内容 以前公開した【 アニメストップウォッチ 】に時間による変化を追加します。 具体的には60秒以降にはイラストを変えて、にゃんこが慌てます。 難易度 難易度：★★★☆☆ コピペでの再現は可能 Java初歩の知識でアレンジ可能 動画では「簡易的な解説」ですませ、皆さんの「PCで再現」を目指します。 理解やアレンジには、相当なスキルが必要ですので「RPGで学ぶ」や市販テキストの学習をオススメします。 使用素材 以下の画像を追加します。 クリック後の画像を保存してください。 activity_main.xml（完成） 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 MainActivity.java（完成） 少々ややこしいので、上から順に入力.. 2021. 7. 3. Node.jsで定期実行メモ Node.jsで定期実行メモ JavaScriptNode.jscronnode-cron More than 1 year has passed since last update. 毎回忘れるので自分用メモです。 Node Cronを使います。 準備 $ npm init -y $ npm i node-cron Cronの書式 https://www.npmjs.com/package/node-cron#cron-syntax # ┌────────────── second (optional) # │ ┌──────────── minute # │ │ ┌────────── hour # │ │ │ ┌──────── day of month # │ │ │ │ ┌────── month # │ │ │ │ │ ┌──── day of week # │ │ │ │.. 2021. 7. 3. 이전 1 2 3 4 5 6 ··· 9 다음
