cidermitaina

フロントエンドエンジニアをやっています。
25歳です。頑張るから読んでほしい。

プログラミング

AWSでサーバー構築してみました。(つづき)

AWSでサーバー構築してみました。の続きの記事です。作業用ユーザーの追加と、Virtual Hostの設定、ベーシック認証について書いてます。 1. 作業用ユーザーを追加 新しいユーザー用にユーザーアカウントを作成します。 adduser コマンドを使用してユーザーア…

AWSでサーバー構築してみました。

少しサーバーのこととか勉強したいなあ、と思ってAWSでサーバーを構築してみました。 とりあえず、インスタンスの作成、LAMPのインストール、apacheのテストページを表示させるところまでです。 1. アカウントの作成 アカウントを作成します。 2. AWSにサイ…

Vue.js + Vue-cli + bulmaで作るSPA

SPAを作ってみたいなあ、と思って実際に作ってみたのでメモです。 実際にページを作成してSPAを試してみたかったのでcssフレームワークbulmaを使って作りました。 こんな感じのページができます。 https://cidermitaina.github.io/spa-page/#/ (vue init we…

Go言語でhttpサーバーを立ち上げる

Go言語でHTTP通信をするには、net/httpパッケージを使用します。 package main import ( "io" "net/http" ) func infoHandler(w http.ResponseWriter, r *http.Request) { // HTML テキストをhttp.ResponseWriteへ io.WriteString(w, ` <html lang="ja"> <head> <meta charset="UTF-8"> <title>hello</title> </head> <body> <h1>Hello W…</h1></body></html>

webpackについて丁寧に。

webpack4になったので、これを機に丁寧に理解したいなあ、と思ってまとめました。 自分用メモです。 webpackとは モジュールバンドラのこと。 まとめることでウェブページのHTTPリクエストの数を減らしたり、高度なウェブアプリケーションの開発に役立ちます…

はじめてのNode.js 2

昨日の続きです。 express-generatorで吐き出されたapp.jsのコードを読んでみたのでまとめてみました。 (以下のソースは全て吐き出されたapp.js上のコードです。) あと、せっかくなのでHerokuを使ってサーバー公開してみるところまでやってみたので手順を…

はじめてのNode.js 1

この間、社内用のテンプレートファイルを作成するにあたってgulpfileを作成していたのですが、 謎のエラーに遭遇しました。。。 このエラーが、気になって気になってもやもやしてたのですが、 調べてるうちにNode.jsのことを何も分からずに書いてたなあ、と…

はじめてのVue.js

化粧品案件で診断コンテンツを作るっていうお仕事がありました。スタイルとカラー選択で診断結果が変わるというコンテンツなのですが、選んだスタイルによって選べるカラーの種類が変わるという診断コンテンツです。 いつもはjQueryで書いていたのですが、Vu…

npm-scriptsを使った開発環境

いつもgulpを使って開発をしていたのですが、ハマってしまうとなぜかいつも抜け出せなくて開発環境を整理するだけで時間がかかってしまうことがありました。 もっとシンプルな環境が作れないかなあ、と調べていて見つけたのが、npm-scriptを使った開発環境で…

MAMPを使わずにlocalhostを作る

macに標準でインストールされているApacheとPHPを使ってlocalhostを作ったのでメモです。 せんぱいに教えてもらったのと、黒い画面に苦手意識があるので少しずつですが克服したいなあ、と思って練習です。 準備 以下の3つのファイルを編集します。 /etc/apac…

gulp4.0にしました。

大きい案件が始まるので、開発環境を整理したいと思っていたのですが、いろいろ考えた結果gulpのバージョンを4.0にしてみることにしました。 悩んでたこと ページ数の多い案件はgulp、ejsを使ってhtmlにコンパイルするっていう開発をしていました。 ですが、…

チェックされた値を、URLパラメータに入れて送る

このあいだフォーム案件をやっていたのですが、ラジオボタンのチェックされている値を GETして最後に値をPOSTするっていうことをJSで実装しました。 質問?アンケートページ?みたいな感じです。 フォーム案件をする機会が少なかったのでGET?POST?ってなっ…