kannart WEB HACKS ← カンナートの社員がWEB制作の過程で「発見したこと」「便利だと思ったこと」を不定期にお届けします。

Vue.jsで簡単なtodoアプリを作ってみた

10月

28

2020

今回はjavascriptのフレームワークVue.jsを使って簡単な作成します。なるべく簡単に実装するために、読み込みはCDN、cssとjsは埋め込み式で記述します。まずは完成形をご覧ください→完 ...

pugを使用していて便利な点を書いてみた

10月

28

2020

今回はpugを使用していて便利だと感じた点をいくつか記載してみます。 pugについての説明や何のために使うのかは今回は説明を省くので気になる方はググってみてください！それでは、さっそくpugを使用し ...

最強のファイル比較ソフト【Beyond Compare】その魅力に迫る：第二回

10月

25

2019

今回からBeyond Compare（ビヨンドコンペア）の使い方を少し詳しく見ていこうと思います。第一回はこちら Beyond Compare（ビヨンドコンペア）をインストールすると、右クリックのコ ...

html共通部分をインクルードして一括管理する方法3選【SSI/JS/テンプレートエンジン】

10月

17

2019

皆さん、こんにちは。先日、竹下通りを歩いてたところ、修学旅行で原宿を観光している中学生達に「もしかして、youtuberの人ですか？！」と言われ、思わず「 ...

Go言語入門 Twitter風のWebアプリを作ろう（DBで値の保存・取り出しをしよう編）

10月

9

2019

こんにちは、SDです。今日はGo言語でTwitterみたいなアプリを作る連載第3弾を行っていこうかと思います。そろそろ大詰めですね。今回はDBを扱います。バックエンドといったらDBの操作ですよ ...

吹き出し付きの記事が簡単に作れるプラグイン

10月

3

2019

吹き出し付きで会話形式のブログってよくありますよね。プラグインを使えば超絶簡単につくれるみたいなので、その方法をご紹介させていただきます。「Word Balloon」のインストールプラグインの検 ...

最強のファイル比較ソフト【Beyond Compare】その魅力に迫る：第一回

9月

26

2019

僕がこのアイテムに出会ったのは、かれこれ5年ほど前でした。当時、ファイルの同期ミスやアップロードミスなどのヒヤリハットが多発していて、なんとか対策を講じる必要がありました。事故防止の標語を掲げ取り ...

【CSS】チェックボックスをCSSで装飾する方法

9月

19

2019

皆さん、Xin Chao(シンチャオ：こんにちは)！海外が好きなので週末に弾丸で海外に行ったりするんですが、金曜の夜出国⇒土曜早朝到着⇒日曜夜出国⇒月曜早朝成田着⇒その ...

Go言語入門 Twitter風のWebアプリを作ろう（GinでHTMLに変数を渡してみよう編）

9月

12

2019

こんにちは、SDです。今日はGo言語でTwitterみたいなアプリを作る連載第2弾を行っていこうかと思います。予防線：Twitterといっても過度な期待はしないでください。 Todoアプリみたいな ...

アイキャッチ画像が一発でつくれるWPプラグイン『Stencil』

9月

5

2019

アイキャッチ画像とは？アイキャッチ画像というのは、ユーザーの注意を引き付けて、クリックさせることを目的にした画像のことです。文字より、視覚的に入ってくるものなので、記事に対する第一印象をよりよくす ...