본문 바로가기

전체 글262

【jQuery】imgタグのsrcを書き換えて画像を変更する こんにちは、ryohei(@ityryohei)です! imgタグのsrcを書き換えて別の画像を表示する処理はサイトを制作する上でよく使用します。クリックでボタンのアイコンを変更したり、数秒置きに切り替えたり、ウィンドウサイズに応じて出力する画像を変更したり……。 毎回同じ処理ではないですが、imgタグのsrcを書き換えて別の画像にする処理は大変便利ですので、こちらの記事でご紹介したいと思います! jQueryを読み込む jQueryを利用するために、GoogleのCDNを利用してファイルを読み込みます。 CDNというのはContents Delivery Network(コンテンツ・デリバリー・ネットワーク)の略称で、ネットワークを経由してウェブコンテンツを利用するサービスを指します。ネットワークに接続されている機器であれば利用することができます。 CDNには有料、無料のものがありま.. 2021. 7. 6.
JSON.parse() - JavaScript | MDN - Mozilla JSON.parse() メソッドは文字列を JSON として解析し、文字列によって記述されている JavaScript の値やオブジェクトを構築します。任意の reviver 関数で、生成されたオブジェクトが返される前に変換を実行することができます。 構文 JSON.parse(text[, reviver]) 引数 text JSON として解析する文字列。JSON の構文の説明は JSON オブジェクトを参照してください。 reviver Optional もし関数である場合、解析により作り出された元の値を、オブジェクトを返す前に変換する方法を指示します。 返値 text として与えられた JSON に相当する Object を返します。 例外 解析する文字列が有効な JSON でない場合、SyntaxError 例外をスローします。 例 JSON.parse() の使用 JSO.. 2021. 7. 6.
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.
JDBCとは何でしょうか? JDBCとはJava Database Connectivityの略で、Javaアプリケーションからデータベースを操作するAPIのことです。JDKのコアAPIとしてjava.sqlパッケージに実装されています。JDBCは以下のような特徴を持っています。 ●DBMSに非依存である JDBCは、Javaアプリケーションから使用するJDBCドライバマネージャと、DBMSに依存するJDBCドライバを分けることにより、DBMSに依存しない環境を提供しています。 ●高機能で洗練されたメソッド JDBCは比較的低レベルのAPIといわれていますが、高機能で洗練されたメソッドが提供されているので、容易にプログラムを記述することができます。また、標準的なSQLを実行するメソッドを持っているのでDBMSに依存しない開発が可能になります。 ●既存のデータ資産を利用可能 主要なDBMSベンダからJDBCドライバ.. 2021. 7. 5.