2024-04-24 VPNとは?使用するメリット・デメリットを解説! 情報セキュリティを考えることは、企業活動のみならず日常生活でも当然のことになりつつありますが、情報がネットワークを流れる間にも盗まれたり改ざんされる場合もあります。 こうしたトラブルを未然に防ぐための技術がVPN(Virtual Private Network)です。VPNの仕組みや使い方について紹介します。 VPNとはどんな技術? VPNとは、仮想的に(virtual)プライベートネットワーク( […] 2024-04-24 プログラミング初心者必見!おすすめのテキストエディタ8選を紹介 プログラミングをするうえで欠かすことができないツールの一つに、テキストエディタがあります。システム開発の現場では、専用のソフトやツールがあったりもしますが、まずはテキストエディタでコードを書く技術者が多いです。 そして、どのエンジニ
v-forをnestするために おつかれさまです。先日のVue.js meetup#6はお疲れ様でした。ピンクの髪色のイケメンさんすごく楽しかったです。 記事に間違いがあればPRでもください〜〜〜!!! Vue.js アドベントカレンダー2 15日目の記事です。 https://qiita.com/advent-calendar/2017/vue2 やりたいこと <div v-for> <div v-for> <div v-for> v-forをネストしてデータをすべて出力したい。 </div> </div> </div> 今回扱うデータ ブログのカテゴリごとに記事を出力する。 データ:カテゴリ(数:0以上)ごとにブログ(数:0~3)をもたせています。 ブログにはタイトルと画像URLを持たせています。 v-forをnestするには同じ名前を使うだけ 同じ変数名を使ってやればデータにアクセス
v-for で配列に要素をマッピングする配列に基づいて、アイテムのリストを描画するために、v-for ディレクティブを使用することができます。v-for ディレクティブは item in items の形式で特別な構文を要求し、items はソースデータの配列で、item は配列要素がその上で反復されているエイリアスです: <ul id="example-1"> <li v-for="item in items" :key="item.message"> {{ item.message }} </li> </ul> var example1 = new Vue({ el: '#example-1', data: { items: [ { message: 'Foo' }, { message: 'Bar' } ] } }) 結果: {{item.message}} v-for ブロック内で
Nuxt.js とは Nuxt.js は「ユニバーサルな Vue.js アプリケーションを構築するためのフレームワーク」です。 ユニバーサルという言葉を辞書で引くと、「すべてに共通であること」、「普遍的・一般的」という意味になります。 ここで言う「ユニバーサル」とは、「サーバサイドとクライアントサイドの違いを抽象化することで無視して、一貫した方法でUIレンダリングすること」です。 公式ドキュメント を見れば最も理解が進むと思います。 Nuxt.js はコンポーネントとルートをマッピングするための vue-router や、Vue.jsで状態管理するためのライブラリである Vuex を内包しています。 Nuxt.jsの利用シーンについて Nuxt.jsの主な機能は以下のようになっています(公式ドキュメントより引用)。 Vue ファイルで記述できること コードを自動的に分割すること サーバ
備忘録としてメモします。 はじめに Googleフォームのプルダウン内にスプレッドシートの内容を反映させたい要望があったので対応しました。 (手打ちでスプレッドシートの内容をGoogleフォームに入力するのって面倒ですよね、、、) やったこと スプレッドシート側で値の変更をして保存した場合、 今回作成したスクリプト(スプレッドシートの特定の列の内容をGoogleフォームのプルダウンに反映させる)が 実行される。 手順 ①スプレッドシート側に適当にデータを入力する ②Googleフォーム側に適当に項目を追加する ③スクリプトを作成する ④実行する ⑤スプレッドシート側の値が変更されたら自動でスクリプトが実行されるように設定する ①スプレッドシート側に適当にデータを入力する 以下のように適当にデータを入力します。 ②Googleフォーム側に適当に項目を追加する 以下のように適当に項目を追加しま
こちらのWeekly Updateでも以前中国のAI戦略を紹介しましたが、実はこの15ヶ月くらいの間に他の主要な国々もAIテクノロジーの利用と開発にあたっての戦略を発表しています。 こちらにそれぞれの国のAI戦略がハイレベルで簡単にまとめられています。どの国もフォーカスとプライオリティに差があって、お国柄が出ていると思います。 もちろん日本もしっかりと、さらに実は世界でも2番めに国家レベルでのAI戦略をまとめ発表しています。2016年4月に、「未来投資に向けた官民対話」における安倍首相の指示を受け、人工知能の研究開発目標と産業化のロードマップを作るための「人工知能技術戦略会議」が創設されています。 人工知能技術戦略会議 - Link AIポータル - Link 産官学を代表する11人のメンバーからなりますが、ほとんどが官僚で、あとは東大の学長、トヨタとKDDIの会長といったメンバーです。
自分のポートフォリオサイトをサンプルに、どのくらいの容量削減ができるのかを確認してみました。 jsおよびCSSは、サイトの表示に必要な要素を1ファイルにバンドルした状態です。 画像ファイルはjpegの圧縮率などによって最終的なサイズが大幅に変化するので、jsとCSSのサイズ変化のみを取り上げました。 Bootstrap + Font Awesomeのような重量級フレームワークを使用しても、十分に実用的な容量まで削減できました。これならスマホ+3G回線での表示も心配ありません。 手法 適用しやすさを順に手法を並べると、以下のようになります。 遅延する 圧縮する キャッシュする まとめて削る 遅延する サイト上にあるほとんどのリソースは、実際には後から読み込んでも問題なく動作します。 まず最小限の構成でサイトを表示させ、重いファイルは後から読み込みます。 javascriptの遅延読み込み h
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く