2016年05月17日

栄養成分表で糖質の表記がない場合に他の成分から簡易的に計算するプログラム

簡易計算になりますが、作りました。厳密なエラーチェックなどしていないので、数値は半角でちゃんと入れてくださいね。

エネルギー(kcol):

タンパク質(g):

脂質(g):

糖質:
計算


※食物繊維にはエネルギーは無いとした場合の計算です。

参考:
http://wp-ostinato.eek.jp/wp/tousitunomotomekata/
posted by BigMoonEz at 19:47 | Comment(0) | TrackBack(0) | jQuery | このブログの読者になる | 更新情報をチェックする

2015年07月22日

Skyrim Mod導入で悩んだことなど

ただいまSkyrimエロMod導入中ですが、いろいろ引っかかることが多いので、メモ代わりに。

・Mod導入記事は先人の苦労が忍ばれるが、古い記事も多く最新の手順がよくわからない。
・長い横文字の短縮名が多すぎて初めは、何が何だか・・・

【Skyrim導入そのもの】
・これはたぶん自分だけだと思うが、昔々Skyrimを購入し、Steamに登録してプレイしたがカクカクで使い物にならなかったので、新しいPC買うまで待とうと思って放置してたらすでに2年経ったw
今回購入したDVDでインストールしたが、Steamが起動しない。いろいろ試してもエラーでつながらない。
で、Steamのサイトを見たらSteamのダウンロードボタンがあり、そっちをインストールしたら無事Skyrimが起動した。というお粗末な話。
・Skyrimは英語版じゃないとModで色々というのができないそうなので、間違えて日本語版を購入しないように気をつけてください。私は

を2年前に購入

【Skyrimのゲームそのもの】
・音を聞かないでプレイすると、最初の解放イベントから詰むので、音はちゃんと聞きましょう。
(3時間位悩んだ・・・)

【Mod導入】
・Mod導入に関して、いろいろ横文字が並んでいてよくわからない。まず何を入れればいいのか!?
これに関しては、ハヤる気持ちを抑えつつ(初心者なら)Mod Organizerで間違いがないかと。
Mod Organizerの導入に関しては独創的な狂人たち@skyrimに手順が書かれているが、記事が若干古くなっています。
手順自体はいいのですが、持ってくるファイル等が、環境によっては起動しません。
なぜなら64bit版とか32bit版とかで実行ファイルが別れたから。
インストーラーが用意されているSKSEとか、MO(Mod Organizer)なんかは、ファイル単位で移すよりもインストーラーを使用したほうがいいと思います。
・無事MO(Mod Organizer)を導入し、さーてまだあんまりハードなModは入れられないけどちょっとエロいの楽しもうかな〜と思って、このへんで検索してNexus modsのサイトに行ったら、「Error」!ガーン!もう公開中止されたのかよ!
・・・と、がっかりしてはいけません。
Nexus modsでユーザー登録しても、初期設定でアダルトコンテンツはブロックされていますので、Edit preferenceから、指定を変えてあげる必要があります。
preference
わかるかーーーー!こんなモン!
・エロMod化には、こちらのサイトを初めから読むのがおすすめ。

【SexLabs Frameworks】
・まだ導入してないけど、ユーザー登録だけ完了。
ユーザー登録時、ユーザー名に何を入れても[noparmission]の文字。
文字数の規定とか満たしてるのにわけわかんない。Facebookのアカウントとか怖くて使えないしw
という場合でも、とりあえずSubmitを押してみてください。
問題なければ通りますw(本当)

とりあえず、ここまで。
posted by BigMoonEz at 15:40 | Comment(0) | TrackBack(0) | Skyrim | このブログの読者になる | 更新情報をチェックする

2015年07月09日

Slick.jsでオリジナルの矢印ボタンを設置する

Slick.jsとは、jQueryの高性能なカルーセルプラグインです。
これできないかな〜と思う機能のほとんどが網羅されており、設置も簡単。
ここで標準的な設置の解説は控えますが、デモを見るだけでいろいろできるんだな〜というのがわかってもらえると思います。

今回、1ページで2つカルーセルを動作させる必要があり、標準的な動作については問題なかったのですが、大きさが違うカルーセルだったため、前へ、次への矢印ボタンのサイズも異なり、カスタマイズさせる必要がありました。
なので、その奮闘記になります。

slick.jsでは、
$('#hoge').slick({
・・・
});

といった形式でオプションを指定します。
ここに、
appendArrows: $('#arrow')

と書いてあげることで、矢印部分を指定したセレクタやクラスに置き換えることが可能です。

例えば、
$('#hoge').slick({
appendArrows: $('#arrow')
});


とし、HTML部分は、
<div id="arrow">
<div class="slick-next"><img src="hogehoge.png" alt=""></div>
<div class="slick-prev"><img src="hugahuga.png" alt=""></div>
</div>

と記述します。

このままだと標準ボタンと追加したボタンの2つ(計4つw)が表示されてしまうので、標準ボタンを消します。
標準のボタンはCSSでslick-theme.css内に
.slick-next:before{content: url(・・・)}
.slick-after:before{content: url(・・・)}

で指定されているので、
#arrow .slick-next:before{content:""}
#arrow .slick-after:before{content:""}

と指定してあげればOKです。

あとは、leftとかtopでボタンの位置を指定してあげてください。

2016.10.2 追記
.slick-nextと.slick-prevはabsoluteで配置されますので、親階層をposition:relativeに設定する必要があります。
親の位置をslickが適用されているエリアと同じにしないと配置がずれることになります。
posted by BigMoonEz at 19:03 | Comment(0) | TrackBack(0) | jQuery | このブログの読者になる | 更新情報をチェックする

2015年04月24日

ガンコンMSスキル検索&オークション機能についてのお知らせ

ご好評を頂いております「ガンコンMSスキル検索」と「オークション価格推移表」についてですが、私が多忙であることなどからガンコンを引退することにしました。
つきましては、このプログラム等を引き継いでくださる方を募集します。

できれば、MySQL&PHP環境をお持ちでWebの知識があるかたで、データ一式を引き継いでいただくのが望ましいですが、誰も候補者がいない場合、更新だけやるよって奇特なかたでもいいです。
引き継ぎの形式はご相談に応じます。
複数応募がある場合は、こちらの条件にあったかたで一番早い方に決めさせていただきます。
長らく楽しませてもらったガンコンを他の方にも楽しんでもらえたらなぁと思います。
ご希望の方は、コメントに書き込みをお願い致します。
posted by BigMoonEz at 12:02 | Comment(4) | TrackBack(0) | ゲーム | このブログの読者になる | 更新情報をチェックする

2015年04月23日

固定ヘッダでposition:fixedとabsoluteでabsoluteが上にきちゃって困った・・・の対応策

たぶん、固定ヘッダにしてみたけど、中のabsoluteに指定しているパーツが固定ヘッダの上にきてしまって、思った通りの動作にならない。。。納期も足りないのにWebに解決策が載ってない!困った〜・・・
と、いう感じでこのページをご覧になってませんか?
あ、違いますか。すいません。
昨日の私がそんな感じでしたので。。。

固定ヘッダの設定は最後にして、とりあえずお客さんに全体を見てもらわなければ!
と思ってコーディングしたのに、最後に設定した固定ヘッダがトラブルの原因で納期ピーンチ!になりました。

固定ヘッダとは?
固定ヘッダは、最近流行りのスクロールしても上下にいつも同じメニューが表示されているもので、CSSの設定としては
position:fixed;
で該当エリアを設定します。
これは、jQueryで設定する場合でも、何ピクセル下ったら該当エリアをposition:fixed;にするというスクリプトを書いているので、CSS的には結局同じなんですよね。

固定ヘッダの問題点
固定ヘッダにはいろいろ問題があります。
今まで引っかかったのとしては、
・アンカー指定時に、固定ヘッダ分位置がずれてしまう。
・Youtube動画を貼り付けるとヘッダの上にきてしまう。
などなど。
アンカー指定時に固定ヘッダ分ずれてしまう問題は、JSで解決すると外部リンクからの参照時に動作しないという問題もあります。
まぁそれぞれ他のサイトで言及されていますので、ここでは別の問題
・absoluteで指定したパーツがヘッダの上にきてしまう
を取り上げたいと思います。

問題点
position:absoluteで指定したものがfixedの上にくるというだけで、「固定ヘッダの問題」というわけではありませんのでお間違えなく。
z-index指定してもダメ〜
このあたりはCSSの問題で、解説されているサイトもいくつかあります。
<参考>
要素の重なりについて本気出して考えてみた(z-indexとか何とかとか)

ですが、今知りたいのは、目の前の!納期が迫った今!あんまり手直ししなくても固定ヘッダの下にabsoluteがくる方法!を知りたいんですよね!
私も知りたいです(え
いや、正直万能の解決策はないようです。(あったら教えてください!)

解決案!
いくつかサイトを巡って、正直私もあまりpositionと親要素子要素とz-indexをきちんと理解したわけではないのですが、私なりの結論としては

(1) fixedとabsoluteの親要素、子要素の関係を見直し、それぞれ適切なpositionを指定する
(上部リンクのサイトなどを参考にしてください)
ちなみに、下に潜り込む要素全体のz-indexを-1に指定するとちゃんと潜り込むと思います。ただし、下の要素のリンクも効かなくなるという落とし穴。
ただ・・・固定ヘッダをイメージすると、どうしてもヘッダ部分と記事部分は良くて同層、間違っても固定ヘッダを親要素にはできないですよね。。。

(2) absoluteに指定しているパーツを他のpositionやdisplayに指定し直す
私はこれで納期を間に合わせました。
デザインにもよりますが、例えばfloatにして、ネガティブマージンなどで逃げる手はあると思います。
全体をabsoluteを使わない方針で行けば、固定ヘッダのみfixedで問題ないはず。

(3) 正直上2つしか思いつかなかったんですが、今思いついた代案として、できるかどうかわからないのですが、固定ヘッダをabsoluteに指定して、jQueryなどでスクロール量によって固定ヘッダのtopの座標を変えるってのはどうでしょう。昔はやったスクロールしてもついてくるサイドリストみたいな感じですかね。

そんなわけで、納期迫ってますよ!ほらほら急いで!
posted by BigMoonEz at 11:57 | Comment(0) | TrackBack(0) | CSS | このブログの読者になる | 更新情報をチェックする

2015年03月06日

ドメイン買い取りのメールがきたよ!

私の持っているドメインに、買い取りのオファーがきました。
最初、怪しげな日本語でフィッシング詐欺か!?と思いましたがそうではない模様。
ss2.png


DomainAgents.comというところを調べてみると、ドメインの仲介をおこなっているところで、オファー成功の有無に関わらず手数料をとるようなサービスみたいです。
で、指定されたURLにアクセスしてみると・・・

ss3.png

こんな感じで、メールアドレス、パスワードを入力してログインしないとオファー金額が見れない仕組みになっています。
そりゃそうですよね。が、しかし、意味不明なメールを受け取っていきなりパスワードを入れろ、じゃいろいろ疑ってしまうのも無理は無いというわけで・・・
念のためChromeをシークレットモードにし、普段使わないパスワードを入力して登録。

ss4.png

そうすると、こんな画面が表示されます。
私のドメインを$199で買い取りたいと。
うーん。2万ちょいってビミョーな金額です。
正直まともに使ってないので売ってもいいんですが、10年以上使ってるし、5文字の短いドメインだし、今サイト運営してて公告もほそぼそと入ってきているので・・・

STEP2に、返事をどうするかボタンが並んでいます。
オファーをそのまま受けるもよし、カウンターオファーとして金額を提示するもよし。もちろん辞退するもよし。
メールを使ってやりとりもできるようです。
このページの下の方にオファーをしてきた人のIPアドレスなどが見えるので、IP検索で確認したところ、私にオファーをしてきたのはイギリスの方のようです。

ss5.png

俺のターン!とりあえずこれでカウンターオファー!ドヤっ!

進捗があったらまたご報告します。
posted by BigMoonEz at 11:32 | Comment(0) | TrackBack(0) | ドメイン | このブログの読者になる | 更新情報をチェックする

2015年02月06日

iPhoneの操作動画を簡単に綺麗に録画するには(ただしMacのYosemite以降限定)

ちょっと動画の作成を頼まれて、今日一日でReflectorやらAirServerやら触ってみましたが、あいつらネットワーク経由で操作するもんで動作が遅い、画質が悪い、音が途切れる、果てはネットワーク回線が遅くなる・・・etc
Reflectorなんて、保存し始めた途端OSごと落ちる始末で困り果てていたところ、会社の友人に「YosemiteならQuickTimeでiPhoneの動画を録画できますよ」とあっさり言われました。
なにー!と試してみたら、画質は綺麗だし、録音は音飛びないし完璧な録画!

やりかたは簡単です。
1) USBでiPhoneとMac(Yosemite)を繋ぐ
2) QuickTimePlayerを起動する
3) 「ファイル」→「新規ムービー収録」を選択
4) 録画ボタンの横にあるVを押して、iPhoneを選択
5) 音声もiPhoneのものを使うのであれば、Vからマイクの種類を選択
6) あとは録画ボタンを押すだけ(画面の赤いボタン)
SS.jpg


是非お試しを!
posted by BigMoonEz at 20:12 | Comment(0) | TrackBack(0) | スマートフォン | このブログの読者になる | 更新情報をチェックする

2015年01月16日

ガンコンMSスキル検索の所持機体データ保存機能を追加

ガンコンMSスキル検索(http://gancon.iro.jpn.com/)に、自分の所持している機体を選択して保存できる機能を追加しました。
機体名の左側にあるチェックを入れて、一番下の「所持機体を保存」を押すと保存できます。
データはクッキーに保存しているので、違うブラウザを使う場合や、クッキーを消去するとデータが消えてしまいますのでご注意ください。
この機能により、自分の所持している機体の中で一番機動が早いのは何かな〜といった使い方が可能になります。
どうぞご活用ください!
posted by BigMoonEz at 10:46 | Comment(0) | TrackBack(0) | スマートフォン | このブログの読者になる | 更新情報をチェックする

2015年01月05日

フォーム入力の際、history.back()でポスト前の入力データが消える

IE7あたりでそんなバグがあったようですが、フォーム入力で、JavaScriptのhistory.back()を使って入力内容確認ページからデータ入力のページに戻った際、折角入力した情報が全部消えちゃった〜という現象があったのでご報告。
結論からいうと、コーディングのミスで

<div>
<form action="・・・" method="・・・" >
</div>
ここにフォームいろいろ
<div>
</form>
</div>

と、<form>が分断されていたために起こっていました。
なんでこんなことが起きたのかというと、CMSを使っていたため。←いいわけ
ちょっとコード入力に対応していないテンプレートを無理やりコード対応させて使っていたためにこんな感じのコードになっていました。
反省。
ご参考までに♪
posted by BigMoonEz at 11:45 | Comment(0) | TrackBack(0) | JavaScript | このブログの読者になる | 更新情報をチェックする

2014年10月24日

ガンコンスキル検索機能の強化

ガンコンスキル検索(http://gancon.iro.jpn.com/)の、スキルフィルタの機能を大幅に修正しました。
具体的には、「フィルタオプションを表示」ボタンでオプションを表示させることで、スキルフィルタを詳細設定できます。
option.png

フィルタオプションを表示すると、今までの通り有効地形とスキル種別の他に、「スキル内容」および「スキル対象」について検索ができるようになっています。

スキル内容は、「ガード・バリア系」「強化系」「弱体系」「攻撃系」「回復・支援系」「先制・スタン系」「スキル減少・解除」の7つです。
ちょっとわかりにくいと思われるのが「強化系」ですが、こちらは、◯◯強化、といったバフ系のものに加え、追加的な、◯◯を増加させ〜といった内容も含んでいます。

使いやすいように改修していきたいと思いますので、ご意見などお待ちしております。
また、本件改修にあたり、chonbo様にお世話になりました。chonbo様、ありがとうございました。
posted by BigMoonEz at 19:16 | Comment(0) | TrackBack(0) | ゲーム | このブログの読者になる | 更新情報をチェックする