2年半くらい前からずっとVue.jsを書いていましたが、最近になってVue開発チームから公式に静的サイトジェネレーターとしてVuePress[1]というプロダクトが公開されました。 私個人としてもNuxt.jsを使った静的SPAブログ用CMSを作っていたんですが、公式が出して今後も機能追加が継続的に見込めることからVuePressに移行することにしました。 VuePressの今後の機能追加の一つにブログ機能があるそうなのですが、現時点での標準ではまだまだなので今回は少しでもブログらしくカスタマイズした作業ログを残しておこうと思います。 # VuePressを始める 今回のディレクトリ構成はこんな感じです。 この構成は以下の記事を参考にさせていただきました。 VuePressはコーダーの夢を見るか。 - Qiita blog ├── package-lock.json ├── package
下記の記事で、Vue.js で構築したサイト Google Analytics を導入する手順についてまとめました。 www.ketancho.net 今回は、このサイトに Google Adsense 広告を掲載します。Google Adsense で出力したコードを貼るだけでしょ？と思っていたのですが、そうではなかったので手順を整理したいと思います。 vue-adsense を導入する 今回は、下記のライブラリを利用しました。 github.com npm install してください。 npm install vue-adsense --save Vue.js ソースコードの修正 src/main.js の修正 まず、 main.js 以下で vue-adsense をインポートします。 import VueAdsense from 'vue-adsense' // Google A
.hoge color red &:hover color blue ``` CSS っぽい書き方とインデントの書き方ができるが、拡張子は `.styl` のみで、記法を混在させることもできる。 ## 変数と演算 変数に値を代入しておくことで、変数名で任意の場所から値を参照することができる。 ```sass base-color = #00a6fc .title color base-color ``` `@` をつけると、直前のそのプロパティを参照することもできる。かっこ必要。 演算もできる。 ```sass .container width 100% .sidebar width (@width * 0.3) ``` ## 条件分岐と繰り返し ### if / else 文 ```sass liquid = true .hoge if liquid width 100% else wi
「機械学習」や「深層学習」が流行ってますが、プログラミングではじめるにも「難しそう」と印象を持ってる方は多いのではないでしょうか。本記事では画像認識をテーマに、ウェブのフロントエンジニアが手軽に試せるサービスを紹介します。 Visual Recognitionビジュアル・レコグニションとはIBMが提供しているWatsonワトソンの画像認識APIサービスです。IBM Watsonには音声認識や音声合成、テキスト分析などWebサービスで使えるさまざまなAPIが用意されています。また、これらはIBM Cloudライト・アカウントに登録することで、ライトプランに対応したサービスは無期限・無料で利用できます。 本記事では、Watson APIの1つである画像認識API「Visual Recognition」について、サンプルを交えながら解説します。 画像認識とはパターン認識技術の1つ 画像認識技術と
本記事は、データの重複チェックやデータクレンジングなどの「データの名寄せ作業」を簡単に効率化できるExcel(エクセル)の機能や関数をご紹介した前回記事の続編です。今回は、改めて「データの名寄せ作業」の工程を整理し、各工程でのExcel作業効率化のテクニックをご紹介します。 複数のリスト・データを名寄せ（マージ）する必要があるが、方法がわからない データクレンジング作業に時間がかかる、業務効率が悪い 顧客データのメンテナンスが必要なのに、Excelが苦手 などの課題を抱えておられるマーケティング・制作担当者様にオススメです。 課題解決策が見つかる！汎用性の高い成功事例集 CRMを起点としたクラウドサービスとデジタルマーケティング支援で取り組んだ課題解決施策の中から、汎用性の高い成功事例をご紹介します！ 資料をダウンロードする 1.データの名寄せ作業：3つのステップ 3つのステップとは、デー
このコーナーでは、エクセルのいまさら聞けない基本的な機能や、達人が使っている超速ワザなど、オフィスワークに役立つ情報を紹介します。 レイアウトやセルの位置が異なる複数の表を、一つにまとめたいと思ったことはないですか。集計する際に表がばらばらの場合、表をコピーしたり、シートを切り替えたりと、いろいろ手間がかかります。そんなときは「統合」機能を使ってみましょう。各表の上端行と左端列の構成を同じにすれば、項目が異なっても一つの表にまとまります。 ↑ レイアウトが異なる表を統合するには、表の横に支店名、縦に商品名というように上端行と左端列の構成を整えます 複数の表を一つに統合するでは、別々のシートに作成された各支店の予約件数の表を一つの表にまとめる、という作業を例に説明していきましょう。 統合する表は、上端行と左端列の構成を同じにします。項目は異なってもかまいません。 ↑ 統合用シートを作成し、統
最近は海外を中心にエンジニアと共にデザイナーの需要が高まっている。理由はシンプルで、プロダクトに加え企業経営にとってデザイン思考やサービスデザインなど、「デザイン」の言葉で表現されるマインドセットやスキルが求められているからである。 実際に、O’Reilly Mediaが2017年に世界のデザイナー324人を対象に行ったリサーチによるデザイナーの給与調査レポートでもそれは顕著になっている。 このレポートでは世界中のデザイナーにアンケートを取り、デザイナーの待遇や地位に関するデータをまとめた。この膨大なデータの中でも特筆する点としては下記があげられる。 世界のデザイナーの待遇調査結果 (中間値による算出):世界のデザイナー平均年収額は$91,000アメリカのデザイナー平均年収額は$99,000カリフォルニア州のデザイナー平均年収額は$128,000アメリカ国内デザイナーの1週間の平均労働時間
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く