121 articles Articles posted in Webサイト作成

パッケージのNode.jp→homebrewのnodebrewに変更した

Vue.js素晴らしいですね。 まだ勉強して数日ですが、シングルページを作りたくなってきました。 Vue.js入門 ―最速で作るシンプルなWebアプリケーション vue-cliという開発環境をセットアップするツールもある …

Continue reading →

YouTubeの動画をスライド表示させるプラグイン

YouTubeの動画をスライド表示させるプラグイン

YouTubeの動画をスライド表示できないかと相談があったので調べて見たら bxSlider というドンピシャで、使いやすいjQueryのプラグインを見つけました。 設定 公式のサンプル通りですが、こんな感じで簡単にでき …

Continue reading →

Let’s Encryptを設定した時に参考にしたサイト

さくらの VPS 上の Ubuntu で Let’s Encrypt の SSL 証明書を利用、Https へ移行する Certbot クライアントのインストール Let’s Encryptを導入(Ubunt …

Continue reading →

画像拡大プラグイン ZoomIt + jQuery

画像拡大プラグイン ZoomIt + jQuery

面白そうなjQueryのプラグインが紹介されていました。 シンプルな画像ズームjQueryプラグイン「ZoomIt」 – PHPSPT開発日誌さん 画像を部分的に大きく見せたい時になど使えそうです。 マウスを …

Continue reading →

geocoder + Sinatra (+ ActiveRecord) で位置情報を使ってみる その2

geocoder + Sinatra (+ ActiveRecord) で位置情報を使ってみる その2

geocoder + Sinatra (+ ActiveRecord) で位置情報を使ってみるの続きです。 懸案だった住所を入力したら緯度経度を自動で入力してくれる機能を追加します。 ルートの追加 geaapp.rbに以 …

Continue reading →

geocoder + Sinatra (+ ActiveRecord) で位置情報を使ってみる

geocoder + Sinatra (+ ActiveRecord) で位置情報を使ってみる

Sinatra, ActiveRecord, SQliteなどは設定済みの条件です。 インストールされてなければこちらなどを参考にインストールしてみてください。 SinatraとActiveRecord,SQLite,H …

Continue reading →

Pythonの軽量フレームワーク bottleを試してみた

Pythonの軽量フレームワーク bottleを試してみた

Pythonで簡単に、簡単なWebサイトを公開できる、Sinatraっぽいのはないかな〜と探していたらBottleというフレームワークがヒットしました。 軽量でかなり評判いいです。フレームワークを勉強するには「もってこい …

Continue reading →

SinatraのDBにリレーションの設定もしてみる

この前の続きになります。 – SinatraとActiveRecord,SQLite,Haml等を使ってWebアプリの雛形を作ってみた – SinatraのDBに後からカラムを追加、ついでに型も修 …

Continue reading →

SinatraのDBに後からカラムを追加、ついでに型も修正

この前の続きになります。 SinatraとActiveRecord,SQLite,Haml等を使ってWebアプリの雛形を作ってみた 今日はSinatraで作っていたテーブルにカラムを追加してみようと思います。 元のテーブ …

Continue reading →

SinatraとActiveRecord,SQLite,Haml等を使ってWebアプリの雛形を作ってみた

SinatraとActiveRecord、SQLite、Haml等を使ってWebアプリの雛形を作ってみました。 GitHub 今回作成したソースです。 –sinatra_ar_sqlite Install G …

Continue reading →

Let’s EncryptのSSL証明書 + Nginx (+ Apache) + WordPressを設定した

Let’s EncryptのSSL証明書 + Nginx (+ Apache) + WordPressを設定した

Webの経路も暗号化がデフォルトになりつつある今日この頃です。 確かに安全なネット閲覧には必須ですよね。 iPhoneからのアクセスもhttps以外は接続できなくなりそうでした。 でもいざ設定しようと思っても、ベリサイン …

Continue reading →

font-size:62.5%とrem、box-sizingについて

久々にWeb作ったり、修正したりしてるんですが、やってたのはCSS3が出てきたばっかりの時の話で、ブラウザごとのプレフィックスを付けたりが必要だったんじゃないかと記憶してます。 IEに対応するだけでも一苦労だったのに、そ …

Continue reading →

スクロールしたら画像が下からふぉあ〜んと出てくる効果を

参考にさせて頂いたサイトです DESIGNED & DEVELOPED by FREEHTML5.co Skeleton 効果を出すためのJavaScrptやCSS、レスポンシブデザインに対応するためにコードを使 …

Continue reading →

PHPで簡易的Webサーバ

PHPで簡易的Webサーバ

この前、Python用で簡易なサーバを起動する方法を学びましたが、 Pythonで簡易的Webサーバ 本当の目的はPHPで書かれているブログエンジンのDroppletsをローカルでテストしてみたかったからでした。 当然で …

Continue reading →

Pythonで簡易的Webサーバ

Pythonで簡易的Webサーバ

ちょっとローカルでテストしたい事があったので、簡単に建てられるWebサーバを探していたんですが、 RubyでいうWebrickみたいなのって無いかな〜 と思ってたら、 MacだとPythonが最初っから入ってるので [c …

Continue reading →