JavaScript

Vue.jsプラグイン「v-ajax-form」を作りました

Vue.js流行ってますね。弊社でもフロントエンドにVue.jsを使ったサービスが、いくつかリリースされています。 Vue.jsが必要になるWebサービスの要件では、非同期通信処理を行うフォームを実装する場面が多々あると思います。非同期通信処理をするためだけに、inputタグの一つ一つにVue.jsのインスタンスと同期する設定を施し、さらに通信のためのコードを書くのは面倒だと感じていま

2019.8.29

javascriptで1ヵ月前を計算するにはmoment.jsで！

moment.js を使用してこれまで手間の掛かっていた、日付の加算・減算・フォーマットの指定などを簡単に扱える事に感動しました！ Moment.jsの公式最小のコードで理解しやすく一瞬で出来る日付計算下記に2020/03/31 (閏年)から1か月前を取得するコードをmoment.jsで書きました。コードがシンプルで一目で何をしたいのかが理解しやすいです！従来の方法で、実装すると結構大

2019.7.30

Vue.jsの勉強会開催のお知らせ

2019/7/10(水)にVue.js未経験者・初心者の方を対象としたVue.jsの勉強会を開くことになりました。 JavaScriptは知っているけど、Vue.jsは触ったことがないという方でも安心して参加していただくことができます。ぜひ下記イベント詳細ページをご覧ください！ https://raccoon-holdings.connpass.com/event/134213/ また、ハンズオ

2019.6.10

VuePressの使い方！記事一覧と前後投稿リンク付きブログの作成方法

今回はVuePressを使って、記事一覧と前後投稿リンク付きのブログサイトを作成してみましょう。 VuePressはVue.jsが使えるなら学習コストが低く、カスタマイズしやすい静的サイトジェネレータです。サイトの公開にはFirebase Hostingを利用します。はじめに静的サイトジェネレータとはサイトの共通部分（ヘッダーやサイドバーなど）を自動的に自分が作成したページと結合し

2018.9.26

Visual Studio CodeでSlackに投稿する拡張機能をDIY

前回、VS Codeの拡張機能を作成する記事を書かせて頂きました。今回はVS Code拡張機能作成の第二弾で、VS Codeの拡張機能＋SlackのAPIを使ってメッセージ投稿用の拡張機能を作成したいと思います。VS Codeには既にいくつかSlackの拡張機能が存在していますが、SlackのAPIの事も学びたいと考え今回拡張機能をDIYしようと思いました。 ※Slackの詳しい事については下記

2018.7.18

Visual Studio CodeがRSSリーダになる？VS Codeの拡張機能を作れば作業が捗る

プログラムを開発する際に必要となるテキストエディターはSublime Text、Atom、VS Code など、高性能・高機能を持つものが増えてきました。今回はその内の1つVS Codeの拡張機能(extension)を使用してRssを取得する機能を作成してみたいと思います。 ※記事中盤あたりにRssの取得の具体的な方法を載せています。またVS Codeの公式ページ・概要をリンクして置きま

2018.6.8

JSでmarkdownからカスタマイズしたHTMLを生成する

普段仕事をしていて、「めんどくさい」と思ったことはありませんか？そんなときこそプログラミングの出番です。「めんどくさい」＝単純作業であることが多く、簡単なコードを書くとサクッと解決できる可能性が高いです。私はたった今、このブログの執筆がめんどうくさいです。どのように面倒くさいかというと少々古めのCGMを使っているため、次のような問題が起きています。問題点まと

2018.5.16

Vue.jsで作るSPAデータ更新フォーム

開発チームの井川です。今度とある案件にて、項目数がとても多いデータ更新画面を作ることになりました。まだ未定ですが200項目くらいはあるかもしれません。弊社のサービスの管理画面として社内で利用される予定です。管理画面なのでデザイナーによるデザイン制作はなく、エンジニアがUIを担当します。そこで、ユーザにとって使い勝手がよく、開発としても余計な画面遷移がなく、繰り返しのコードが少なくな

2018.2.14

IE8でjQueryが重いなと思ったら、やるべき3つのこと

こんにちは。なべです。入社半年の新人ですが、このような場をいただきましたので、入社してすぐに取り組んだInternetExplorer(以下、IE) 8のjQueryのパフォーマンス対策について書いてみたいと思います。なぜIE8か？このブログにたどり着くような方はHTML5をいじってみたり、普段使用するブラウザもFirefoxやChro

2013.7.19