ポスト IE 時代に備えて
2020 年も終わろうとしている今日この頃。ようやくではありますが、ウェブサイトの受託開発を生業としている僕の周りでも、「そろそろ IE のサポートを外しても良いのではないか」という声がちらほら...
9
1
Comment0
22 search resultsShowing 1~20 results
Stocked
You need to log-in
弊社アドベントカレンダーで一番いいね！を獲得したユーザは誰か？
この記事は FORK Advent Calendar 2019 の 23日目の記事です。 Vue.js (Vue CLI with TypeScript) と Qiita API で Oraga...
16
1
Comment0
Vue のカスタムディレクティブを TypeScript で開発してみる
モチベーション Vue のカスタムディレクティブ を作ったことがなかったので、挑戦してみる せっかくやるならば TypeScript で せっかくやるならばタイプセーフで（ただしベストエフォート...
8
4
Comment0
Strapi + Heroku でヘッドレス CMS 環境を 5 分で構築する
Node.js ベースのオープンソースヘッドレス CMS「Strapi」を、Heroku にサクっと構築する方法です。 REST だけでなく GraphQL API も作成してくます。 下書き状...
8
6
Comment0
Vue.js のサイト上での使用は NG だけど、Vue.js での開発はあきらめなかった話
半分ネタですが、切実な必要があり試行錯誤した結果です。 どういうこと？ 比較的ページ数のあるサイトの作成において、 汎用パーツのコーディング品質担保のため、コンポーネントベースの開発が理想的だっ...
4
2
Comment0
SVG を使った 2次ベジェ曲線アニメーション - Vue.js サンプル付き ٩(ˊωˋ*)و
<canvas> や <svg> を利用し、JavaScript でベジェ曲線を描画することは難しくはありません。しかし、曲線を一筆書きするようなアニメーションをプログラ...
3
4
Comment0
<input>要素の maxlength を絵文字にも対応させる
サロゲートペア文字列に対する対応が、最近の JS では意外と簡単にできるようになっていたので覚え書きです。 ちなみに IE は非対応なので、IE 対応が必要な方は本気を出してください。 [追記...
6
2
Comment0
日本語 Web フォントの読込み速度を改善する - その3
日本語 Web フォントの読込み速度を改善する - その2 の続きです。 前回は Google Fonts の仕組みに倣い、任意の日本語フォントを font-ranger で 120 個に分けて...
8
9
Comment0
日本語 Web フォントの読込み速度を改善する - その2
日本語 Web フォントの読込み速度を改善する - その1 の続きですが、「その 1」は未読でも全く問題ありません！ 今回は Google Fonts では提供されていない日本語フォントを、自分...
13
12
Comment0
日本語 Web フォントの読込み速度を改善する - その1
Google Fonts が日本語 Web フォントを提供している仕組みに倣い、フォントデータを 120 ファイルに分割して読込みの最適化を行う 試みです。 今回は実装の説明の前に、予備知識とし...
13
7
Comment2
iOS Safari が自動で追加する電話リンクを CSS だけで無効にする
iOS Safari さんの小さな親切が大きなお世話なときの処方箋です。忘備録として。 1.「電話リンクを自動で追加してくれるのはありがたいんだけど、これは電話番号ではないのだよ」というとき i...
27
19
Comment0
退屈なことは Selenium にやらせよう ― Selenium と Excel を使った CMS の自動操作サンプル
CMS に登録された数百ページの入力更新を Selenium で自動化するという機会がありました。 復習がてら簡単なサンプルを作成したので公開させていただきます。 Selenium API に関...
8
6
Comment0
Nuxt.js + Storybookでsass-resouces-loaderを使う
Nuxt.js で sass の共通変数を扱うには、nuxt-sass-resources-loader が便利ですが、さらに Storybook を導入したところ、sass-resources...
9
5
Comment0
ファイルリストを書き出してくれるWebアプリを作りました
HTML5の機能調査がてら、フォルダのドラッグ＆ドロップで、ファイル一覧をテキスト書き出ししてくれるWebアプリを作りました。 FilelistMaker [Chromeでお試しください] 以下...
53
50
Comment0
gulpでwebpackのCommonsChunkPluginを使う
なにやらハマったので覚え書き。Gruntの場合とは異なる模様。 これが正攻法なのかは不明だけど、とりあえず動いた。 ちなみに環境はWindows 7です。 gulpfile.js var web...
3
2
Comment0
nginxでバーチャルホストを設定する（Mac）
ググったところ、古い情報だったり、あれこれ難しい方法が紹介されていたりで、ずいぶんと遠回りをしてしまいましたが、実際のところは案外簡単にできました。 自分の環境 Mac OSX 10.8.5（M...
19
22
Comment0
Tesselにブラウザから命令してみる
ブラウザでTesselに命令をするテストです。といっても、よくあるWebSocketを使ったチャットアプリの仕組みと大体同じです。 ソース サーバ httpサーバとWebソケットサーバを起動しま...
0
1
Comment0
grunt-mustache-renderでhtmlを量産する
grunt-mustache-renderを使い、テンプレートファイルとデータファイルから、複数のHTMLファイルを量産します。 grunt-mustache-renderの設定 grunt-m...
15
17
Comment0
grunt-este-watchでjadeを効率よくコンパイルする
grunt-este-watchを使い、インクルードされているjadeファイルや、データを記述したjsonファイル等を更新した際に、マスターとなるjadeファイルがコンパイルされるようにしてみま...
2
1
Comment0
Webサイト制作に便利なGruntプラグイン（その1）
Webサイト制作に便利なGruntプラグイン（その1） これからGruntを始める同僚の参考になればいいなぁ、と思い書きました。今回は基本のGrunt-contribプラグインにターゲットを絞り...
58
52
Comment0
22 search resultsShowing 1~20 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles