Web Design Articles

  • 1834

Nuxt.js環境でGSAPプラグインを登録する方法

Nuxt.jsにてGSAPのプラグインを使おうとする場合Docs - GreenSock このページの通りにやってもUnexpected token {とか色々出て動きません。 色々調べた結果、このようにgsap/dist/のパス指定してあげると動きます! import { gsap } from "gsap"; import { MotionPathPlugin } from "gsap/dist/MotionPathPlugin"; gsap.registerPlugin(MotionPathPlugin);参考: Problem with Razzle and GSAP - GSAP - GreenSock

  • 1911

Arduinoで映像を超絶劣化させるマシンを作った話 | さいぞうのArduino初心者日記7

ごぶさたしております。 さいぞうです。       前回更新は昨年のクリスマス。 hollywis.hatenablog.com 面倒くさくて最近更新してませんでしたが、気づいたら年があけていました。今年もよろしくお願いします。       次のチュートリアルはLEDを複数つなげるというだけの回で、つまらないのでやる気がでなかったのですが、 簡単にできるネタを思いついたので書きます。                 Arduinoで映像を超絶劣化させるマシン この動画がArduinoで映像を超絶劣化させるマシンを動かしたところです。 [...]

  • 1913

nodeでクエリストリングを取得する

nodeもう少し進めてみます。 今回はhttpのgetリクエストにあるクエリを取得してみたいと思います。 クエリストリングというのは、次のようなURLにあるidやarticleのことです。 http://hollywis.com?id=1&type=article この例では次のデータが格納されています。 id:1 type:article やってみる var http = require('http'); var PORT = 8080; var url = require('url') [...]

  • 1914

Airbnbで外国人と話がしたいので英語を勉強します

こんにちは、のすけです。 全然技術ネタじゃないんですけど。 最近Airbnbのホストをかなりやられている方にお会いして、Airbnbで結構面白い外国人が来るという話を聞きました。 なんでも、ある程度高額な部屋には日本にビジネスをしにくる外国人が多く宿泊することが多く。 なかなか面白い話が聞けるとのこと。 「例:僕はTEDで話すために日本に来たんだよ!」 それを聞いて、「俺も話ししたい!」と思ってしまいました。 しかし、、、僕は英語はできません。そしてAirbnbのホストもしていません。 まぁAirbnbのホストはお金とやる気で解決する話なので問題ないですが、英語力はそうはいきません。 そんなわけで、英語を勉強することにします。 DMM英会話とかやろうかと思っていましたが、もっと鍛えてからやらないと洗礼で挫折するとか言われているので、まずは英語の勉強から入ります。 確かに大学の時にはブラジル人と英会話してましたが、結局まともに喋れるようにならなかったので、いきなり英会話するより2ヶ月くらい座学した方が良いと考えました。 まずは、うちの本棚に眠ってた↓をやります。 英語を話す力が一気に身につく!! 瞬間英作文ドリル (AC MOOK)作者: 森沢洋介出版社/メーカー: アスコム発売日: 2008/11/14メディア: [...]

KUSANAGI@Conohaでオブジェクトストレージ設定のベストプラクティス

こんにちは、のすけです。KUSANAGIを利用する理由として、今まで利用していたサーバーが遅いので 変えたいという動機が多いかと思います。しかしながら、前回紹介して方法だと、WordPressをKUSANAGIに移行する場合 既存のメディアライブラリの画像などが上手く認識されないなどの問題が出てきました。hollywis.hatenablog.com 他の方法を模索したところ、別の手法を見つけました。ConoHaオブジェクトストレージをマウントしてWordPressでのメディア保存先にする | サイト制作覚書ただ、こちらの手法ですとディスクのマウントに失敗する事が多いためあれこれと試し、最適な方法を見つけました。まず、手順通り cloudfuseを入れます。 cloudfuseを入れる yum -y install \ libcurl libcurl-devel \ fuse* fuse fuse-devel fuse-libs \ libxml2 libxml2-devel openssl-devel \ gcc gcc-c++ make git curl git clone https://github.com/redbo/cloudfuse.gitcloudfuseというディレクトリができています。 cd cloudfuse .configurejsonのエラーが出たのでjson-c-develをインストール yum -y install json-c-devel .configure make make install cd ../ rm -rf cloudfuseホームディレクトリ以下に .cloudfuse というテキストファイルを作成する [...]

ConoHaのKUSANAGIで追加ディスクやオブジェクトストレージを設定する

こんにちは、のすけです。 前回、conohaで高速WordPress実行環境であるKUSANAGIを動かす記事を書きました。hollywis.hatenablog.comとても速くて快適なのですが、1つ問題があります。それはディスク容量です。初期設定でルートドライブがSSD50GBになっており 多少、心もとないのが実情です。そこで、cohohaのサービスを使ってその問題を解決します。方法は2パターン 追加ディスクを購入してマウントする オブジェクトストレージを使う 追加ディスク 作成方法 追加ディスクのマウント オブジェクトストレージ利用 Conoha APIの有効化 WordPressのプラグイン「ConoHa Object Sync」を使う 設定値 追加設定 おまけ KUSANAGIのドメインの再設定方法 それではざっくりと順番に説明していきます。 追加ディスク conohaには追加ディスクと呼ばれるSSDを追加で利用する機能があります。2018年10月現在 200GBだと 2,500 円/月 ( 3.5 円/ 時間 )で利用できます。また、500GBだと4,500 円/月 ( 6.3 円/ 時間 )で利用できます。 作成方法 追加SSDの設定方法|ConoHa VPSサポートVPSの「ディスク」メニューから追加することができます。「新規ディスク」を選んで、名前を適当につけて「追加」を押すだけです。 ちなみに保存したディスクイメージも利用できるようです。そして、ディスクの画面から任意のVPSに接続させます。「接続先」の項目が未接続になっていると思いますので、そこを任意のVPSを選んであげます。そうすると、VPSから認識可能になります。 追加ディスクのマウント パーティションを初期化します parted -s -a optimal /dev/vdb -- mklabel msdos mkpart [...]

Let’s Work Together

Tell me more about your project

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.