HOME > 仕事

つぶやく

『仕事』に関する記事

SoftEther VPNを使ってみた

2014 06 05 カテゴリ：仕事｜コメント(0)

かなり久々の更新・・・
まぁ誰が見てるでもないと思うからそのままマッタリ路線で行きますわ

で、今回は仕事関連で。
最近気になるGMOクラウドPublic ALTUS。
こないだ「拠点間VPNオプション」なるものがリリースされたんだけど、まぁ値段がそれなり

今はさくらのクラウドとインターネットVPN張ってるんだけどレイテンシが気になるから東京のクラウドへ移行を検討してて、でも上のオプションは小さな会社にはちょっと予算が厳しい。
（予算厳しいくせにクラウドかよ、って話もあるけどｗ）

というわけで初めてSoftEtherを試してみたから備忘録として残すことに。
続きを読む

Windows8.1とMaxOS Xに追加されし游フォント

2013 10 25 カテゴリ：WEB ,パソコン ,仕事｜コメント(0)

游フォント。
Windowsは8.1で、MacOSはMavericksで追加されしフォント。

ということは。
窓も林檎も共通なフォントとしての選択肢が増えたってことですね。

ましてや游フォントはその綺麗さが評価されていて、うちの会社の子も有料で購入したと。
ではでは、それぞれ比較と参りましょう。
続きを読む

続・レスポンシブwebデザイン＆ PhotoSwipeへ変更

2012 08 08 カテゴリ：WEB ,スマホ ,パソコン ,仕事｜コメント(0)

こないだ『レスポンシブwebデザインにしてみた』で手を加えたこのサイト
残念ながらいくつか表示不具合が確認されたから、それらを順に直してみた

ついでに、今まで使ってた Lightbox Plus をやめて PhotoSwipe への変更も。

レスポンシブwebデザインにしてみた

2012 08 07 カテゴリ：WEB ,スマホ ,パソコン ,仕事｜コメント(0)

これまでフィーチャーフォン/スマートフォン対応でmt4iを入れてたけど、デバイスサイズによる振り分けをしてみたいなーと思い立ってレスポンシブwebデザインに変更してみた

切り替えの幅に特に決まりはないみたいから、CSSを以下のように設定。

@import url(/mt-static/themes-base/blog.css);
@import url(/mt-static/themes/lovebeer/lovebeer.css);
@import url(/mt-static/themes/lovebeer/lovebeer_m.css)only screen and (min-width:990px) and (max-width:1199px);
@import url(/mt-static/themes/lovebeer/lovebeer_s.css)only screen and (min-width:600px) and (max-width:989px);
@import url(/mt-static/themes/lovebeer/lovebeer_sp.css) only screen and (max-width:599px);

これでデバイスの幅によってCSSを切り替え。
基本のCSSに、切り替え時のCSSを上書きしていく感じ。

Facebookページ改修

2012 04 18 カテゴリ：WEB ,仕事｜コメント(0)

2012年3月30日にFacebookページ仕様変更があった。

今となっては不要となったWelcomeページ・・・。
らぶびあのページは別にテスト用みたいなもんだからいんだけど、仕事で作ったクライアントさんのページはまさに『そのページって何のためにあるん？』状態にｗｗｗ

まぁページを存在させることよりもタイムラインを重要とするのはFBらしいとは思うけど。

CentOS6.1でSNIを試す

2011 12 19 カテゴリ：WEB ,仕事｜コメント(0)

仕事でサブドメSSLの運用もしているんだけど、そもそもこのIP枯渇な時代に1証明書につき1IPってのもどうかと思うんだよね。
というか、お金がかかってしょうがないｗ

ので、SNIによるネームベースSSLのバーチャルホストってのはうれしいことこの上ない。
なぜもっと早く対応できなかったのかなぁ。（他人事ｗ）

で、CentOS6からは標準サポートされてるから早速試してみた。
最新のCentOS6.1を持ってきてインストール
基本Webサーバとして使うだけだけど、何となくデスクトップも入れとく

ソフトウェアRAID組むわけでもないし、インストールめっちゃ楽ちん
Slackwareの頃とかX Window System入れるのも一苦労だったのにｗｗｗ

インストール完了したら conf ファイル作成。
面倒なのでバーチャルホストもSSLもいっしょくたｗ

NameVirtualHost *:80
NameVirtualHost *:443
SSLStrictSNIVHostCheck off
## kk0201.com
<VirtualHost *:80>
ServerName kk0201.com
    DocumentRoot /var/www/httpdocs
    <Directory "/var/www/httpdocs">
        Options ExecCGI IncludesNOEXEC FollowSymLinks
        AllowOverride ALL
        AddHandler cgi-script .cgi .pl .rb .py
        Order allow,deny
        Allow from all
    </Directory>
</VirtualHost>
<VirtualHost *:443>
    ServerName kk0201.com
    SSLEngine On
    SSLOptions +StdEnvVars
    SSLCertificateFile /var/www/certs/kk0201.crt
    SSLCertificateKeyFile /var/www/certs/kk0201.key
    DocumentRoot /var/www/ssldocs
  <Directory "/var/www/ssldocs">
      Options ExecCGI IncludesNOEXEC FollowSymLinks
        AllowOverride ALL
        AddHandler cgi-script .cgi .pl .rb .py
        Order allow,deny
        Allow from all
    </Directory>
</VirtualHost>
## test.kk0201.com
<VirtualHost *:80>
    ServerName test.kk0201.com
    DocumentRoot /var/www/vhosts/test.kk0201.com/httpdocs
    <Directory "/var/www/vhosts/test.kk0201.com/httpdocs">
        Options ExecCGI IncludesNOEXEC FollowSymLinks
        AllowOverride ALL
        AddHandler cgi-script .cgi .pl .rb .py
        Order allow,deny
        Allow from all
    </Directory>
</VirtualHost>
<VirtualHost *:443>
    ServerName test.kk0201.com
    SSLEngine On
    SSLOptions +StdEnvVars
    SSLCertificateFile /var/www/vhosts/test.kk0201.com/certs/test.kk0201.crt
    SSLCertificateKeyFile /var/www/vhosts/test.kk0201.com/certs/test.kk0201.key
    DocumentRoot /var/www/vhosts/test.kk0201.com/ssldocs
    <Directory "/var/www/vhosts/test.kk0201.com/ssldocs">
        Options ExecCGI IncludesNOEXEC FollowSymLinks
        AllowOverride ALL
        AddHandler cgi-script .cgi .pl .rb .py
        Order allow,deny
        Allow from all
    </Directory>
</VirtualHost>

証明書は自作してそれぞれ配置、Webサーバ起動したところで動作確認

【Windows】

IE9	OK
Firefox 8	OK
Google Chrome	OK
Safari 5.1	OK

【Mac】

Firefox 8	OK
Google Chrome 16	OK
Safari 5.1	OK

【フィーチャーフォン】

Docomo L-03A	NG ※メインサイトの証明書になる。続行すれば表示。
au K002	NG ※メインサイトの証明書になってエラー。表示不可。

【スマートフォン（標準ブラウザ）】

Android2.2 （SH-03C）	NG ※メインサイトの証明書になる。続行すれば表示。
Android2.3 （SDK）	NG ※メインサイトの証明書になる。続行すれば表示。
Android4.0（SDK）	OK
iOS5（iPhone4）	OK

AndroidがNGなのは意外。
仕事では携帯のSSLも必要だから、まだまだ実用できひんなぁ。残念。

でも、携帯関係ない運用だったらいい選択肢ができたのは間違いない。
早いトコ対応してほしいな。

今度はIPv6対応進めていかなきゃ。おっくうだ…。

MovableTypeにソーシャルボタン設置

2011 07 25 カテゴリ：WEB ,パソコン ,仕事｜コメント(1)

仕事上Facebookを理解しなくちゃいけなかったから、とりあえず自分のファンページを作ってみたりした。

あの狭い空間で何をどういう風に表現するかってところが大事なんだろうな。
オイラにはそういうセンスが著しく欠乏してるからｗｗ、まぁまとめページ的に作成しといた。
また時間あるときにでもいじろうかとは思うけど。あー、あとでリンクくらいはサイドバーに貼っとくか。

んで、その流れでSNSとの連携を本腰入れる可能性が出てきたから、事前確認としてここにソーシャルボタンを設置してみた。

設置対象はトップページとブログ記事の。（特に理由はないけどｗｗ

使わせてもらったのは@BUNさんが作られてる『jQuery SocialMediaBtns プラグイン』。
MITライセンスってことなのでちょこっと変更。

前にツイッターボタンを作った後、独自短縮URLサーバなんかも導入してみたりしてるから、その辺をツイッターボタンに入れ込んだり。ラジバンダリ…。

基本はモジュール作ってテンプレートに入れるだけだから、相変わらずそれほど時間はかからなかった。

【トップページ用のソーシャルボタン】
『ソーシャルボタン（トップページ）』モジュール作成

<script type="text/javascript" src="/js/jquery.SocialMediaBtns.js"></script>
<script type="text/javascript"><!--
$(function(){
$('#btns').SocialMediaBtns({
mixi_dev_key: '****'
});
});
// --></script>
<script type="text/javascript"><!--
var twitext = '【<$MTBlogName$>】 <$MTBlogDescription$> ｜ ';
var thisurl = location.href;
// --></script>
<script type="text/javascript" src="/js/get_yourls.js"></script>
<div id="btns"></div>

『メインページ』テンプレートに挿入

<?php
$ua = $_SERVER["HTTP_USER_AGENT"];
if(ereg("DoCoMo|J-PHONE|Vodafone|MOT|SoftBank|KDDI|UP.Browser|WILLCOM|DDIPOCKET|PDXGW",$ua)){
header("Location: <$MTBlogURL$>m/");
}
if(ereg("iPhone|Android",$ua)){
header("Location: <$MTBlogURL$>sp/");
}
?>
<mt:SetVarBlock name="title"><$mt:BlogName encode_html="1"$></mt:SetVarBlock>
<mt:SetVarBlock name="html_head" append="1">
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="<$mt:Link template="rsd"$>" />
</mt:SetVarBlock>
<$mt:Include module="ヘッダー" body_class="mt-main-index"$>
<$mt:Include module="ソーシャルボタン（トップページ）"$>
<mt:Entries>
<$mt:Include module="ブログ記事の概要"$>
</mt:Entries>
<$mt:Include module="フッター"$>

【ブログ記事用のソーシャルボタン】
『ソーシャルボタン（ブログ記事）』モジュール作成

<script type="text/javascript" src="/js/jquery.SocialMediaBtns.js"></script>
<script type="text/javascript"><!--
$(function(){
$('#btns').SocialMediaBtns({
mixi_dev_key: '****'
});
});
// --></script>
<script type="text/javascript"><!--
var twitext = '【<$MTBlogName$>】 <$mt:EntryTitle$> ： <$MTEntryBody words="40"$>... ｜ ';
var thisurl = location.href;
// --></script>
<script type="text/javascript" src="/js/get_yourls.js"></script>
<div id="btns"></div>

『ブログ記事』テンプレートに挿入

<?php
$ua = $_SERVER["HTTP_USER_AGENT"];
if(ereg("DoCoMo|J-PHONE|Vodafone|MOT|SoftBank|KDDI|UP.Browser|WILLCOM|DDIPOCKET|PDXGW",$ua)){
header("Location: <$MTBlogURL$>m/index.cgi?mode=individual&eid=<$MTEntryID$>");
}
if(ereg("iPhone|Android",$ua)){
header("Location: <$MTBlogURL$>sp/index.cgi?mode=individual&eid=<$MTEntryID$>");
}
$keyword = 'kk0201.com/sp/index.cgi';
$ref = $_SERVER["HTTP_REFERER"];
if(ereg($keyword, $ref)){
header("Location: <$MTBlogURL$>sp/index.cgi?mode=individual&eid=<$MTEntryID$>");
}
?>
<mt:SetVarBlock name="page_title"><$mt:EntryTitle$></mt:SetVarBlock>
<mt:SetVarBlock name="title"><$mt:Var name="page_title"$> - <$mt:BlogName encode_html="1"$></mt:SetVarBlock>
<mt:SetVarBlock name="html_head" append="1">
<mt:EntryPrevious><link rel="prev bookmark" href="<$mt:EntryPermalink$>" title="<$mt:EntryTitle encode_html="1"$>" /></mt:EntryPrevious>
<mt:EntryNext><link rel="next bookmark" href="<$mt:EntryPermalink$>" title="<$mt:EntryTitle encode_html="1"$>" /></mt:EntryNext>
<$mt:EntryTrackbackData$>
</mt:SetVarBlock>
<$mt:Include module="ヘッダー" body_class="mt-entry-archive"$>
<$mt:Include module="ソーシャルボタン（ブログ記事）"$>
<$mt:Include module="ブログ記事の詳細"$>
<$mt:Include module="トラックバック"$>
<$mt:Include module="コメント"$>
<$mt:Include module="フッター"$>

これでソーシャルボタンの設置は完了したけど、相変わらず使うかどうかは全くわかりませんｗｗ
まぁ何事も勉強ということでね