info

多分フロントエンドエンジニア寄りのフリーランスWeb制作者のサイトです。

他バンドでギター弾いたり、max/msp触ったり等もしております。
最近はチャリ買ってはしゃいでます。
あと犬が飼いたい。

どうぞお気軽にご連絡いただけまししたら幸いです。

works

  • > toyota
  • > glico
  • > bandainamco
  • > shiseido
  • > pioner
  • > mitsui
  • > yodobashi
  • > panasonic
  • > square enix
  • etc..

※詳細をご希望の方はお手数ですが

contactよりご連絡お願いします。

links

リンクです。増えるといいな

contact

ご依頼/ご相談は下記よりお問い合わせください。
その他ご質問等ありましたらお気軽にご連絡ください。

posts

Nunjucksの変数出力(Variables)とvueとかののデータバインドどっちも使いたい時

概要 Nunjucksの変数出力(Variables)とvueのデータバインドはともに {{}}なので共存したい場合のとりあえずの方法。 Nunjucks/Vue.js 普段jqueryでいいじゃん派なのですが最近案件でvue.js使う機会があり。 軽く使う程度であれば便利は便利なので個人的な案件でも使ってみてます。 あんまり深く使ってはいる訳では無いけどもAngular1(2は知らない)とかより手軽に使い始められそうな感じな印象です。 .vueファイルとでコンポーネントとかまで使うとしばらく後で見て何だっけコレ?現象がおこりそうな気がするので個人的にはまだ本格的に使う気は無いです。 {{}}の展開 で本題ですがNunjucksは{{}}が変数展開,Vueは{{}}データバインドってそれぞれ言い方...

家焼肉でも美味しく食べれるイワタニ網焼きプレートがおすすめ

概要 家で焼き肉というとホットプレートという方が多いと思いますが プレートだとなかなか店で食べるような焼き具合にはなりません。 なので網焼きがおすすめ。ですが家庭によっては煙が気になるとかもあると思います。 なんて事ないかもですがよくやる我が家の家焼肉スタイルを書いてみる。 ビバ焼肉 肉嫌いな人はいるかもですが、多分多くの人が好きであろう焼肉。 僕もご多分にもれず焼き肉大好きです。 前もビリーザ・キッドの記事書いたけど、牛肉にはなんだか人を引きつける存在感みたいのあります。 金が有り余ってる人ならいいお値段する高級焼肉店に勝手に行ってくれって話ですが 家庭をもつと何かと支出が増えたり備えたりしないといけないのでなかなか気軽には行けないです。 ビバ家焼肉 なので我が家では...

モバイル端末対応のsuicaチャージ機設置駅一覧とMAP

概要 iphone/apple payで利用可能なモバイルSuicaですがチャージ出来る駅の一覧みたいなのが 公式で見つかりにくく、見つかってもわかりにくい気がしたのでテキストとMAPでまとめています。 [余談] 新型がでましたがiphoneX使っています。 先日落として画面割れ起こしてしまって嘆き中です。 修理するにしてもまだ数が出てないからか結構他のモデルと違って頭ひとつ抜けて高いです。 動作は基本問題はないので 新型でたからもう少し下がるなら修理しようかなと思っています。 モバイルSuica/Apple Pay Apple Pay非常に便利です。 特にコンビニで軽く何か買う時にさっと端末かざせば良いだけなので小銭/電子マネー出したり等の煩わしさも無いので重宝しております。 apple...

さくらVPS(CentOS)でnginxフロントに置いてSSLリバースプロキシでapache表示とWordPressのリダイレクト等

概要 google検索等で常時SSL化した方がいい流れっぽいので 少し遅ればせながら本サイトで対応してみた際詰まった箇所等があったのでのメモです。 さくらVPS(CentOS)で Nginxからのリバースプロキシでapache(wordpress)表示するといった流れですが サーバー周りとリクエストヘッダとか知識乏しいので、とりあえずこれで動きましたよっていう設定です。 SSLの証明書周りは下記とか参考にしました。 https://qiita.com/yoshizaki_kkgk/items/e6f39a5bfb99900b44b2 SSL JPRSってのが追加された?のか一番安いので入れてみました。 入れてから気づいたけどサブドメインはまた別で用意するかワイルドカードSSL証明が必要っぽい...

sublime text3でruby slimの::Apparent~なんとかってエラーが出た際

概要 sublime text3でruby slimのpackage入れた時 Apparent recursion within a with_prototype action 25000 context sanity limit hit ってエラーが出て少し困ったので同じ現象にあった誰かの為のメモ 僕は個人的にはsassよりscss派です。 pugとかjadeもどちらかというと好きでは無い coffeeはもう使う人そういない?のかな なのでslimよりもerbの方が好きなのですが 受注頂くに案件よって合わせる必要は当然出てきます。 今はAtomの方が主流なのか情報があまり出て来なかったので sublime text3でruby slim入れたらエラーがでたのでその際の対処方法。 エディタ試すの結構時間無いとやる気が起こらない。 あった所で起きないか...

ステーキハウス【ビリー・ザ・キッド】は大山店がお気に入り

概要 関東中心に20数店舗程チェーン展開している 大衆ステーキハウスの【ビリー・ザ・キッド】のステーキが好きだ。 別に食通でもステーキ通でもないので 理由はNO REASONですが好きなので書いてみる。 歯ごたえのあるアメリカンな感じのステーキで肉を食らう。 という感じのステーキのお店であります。 あとニンニク。 和牛のような柔らかくジューシーな肉も旨いが こってりしててもうそんなに量食えないです。 値段も高いのと店構え的にも上品で 服装とか気にせず気軽に行けない所が多いので 個人的にはちょっとした贅沢したい気分の時に 思いつきで頭に浮かんで行くのはのはまずビリーです。 ハーフパンツ&TシャツでOK。だと個人には思います。 店舗情報、営業時間等 そんなビリー・ザ・キッドですが Webの情報調べた所各店舗の営業時間は 大体18:00~翌0...

HTML5の<video>タグFullscreen制御

概要 html5の<video>タグは PC/スマホ/タブレット各ブラウザ,端末ios/android,でも仕様が異なったり 変わったりで毎回面倒な思いしてる気がするのでメモ代わりの備忘録としてまとめます。 IE11/android等もある程度対応してます。 PCはIE11はまだ対応する流れだと思うので それぞれベンダープレフィックスつける必要もあり スマホとかタブレットもiOS10以降からインライ再生が可能になってりハンドラの名前が変わったり? android4系とか入れるとかなるとさらに調整いるかもです。 ...

Webデザイナーという仕事、フリーランスに至る経緯等

概要 現役フリーランスWebデザイナー(多分)のこれまでの経歴や仕事に関する状況を個人的な主観で書いています。 これから目指す方の参考になれば幸いです。 ざっくり自身の現状等 僕は多分フリーランスWebデザイナー/エンジニアです。 主に、というかほぼ100%ぐらい家で在宅で作業しています。 特に資格ももっておらず誰かに "君は今日からフリーランスWebデザイナーだ。 と言われた訳でもないので勝手に名乗ってるだけですが一応名刺には書いてます。 人に聞かれたら返すのは IT系です。とかWebサイト作ってます等で 同業者に言う時は フロント周りのコーディングとかやるのが多いです。 みたいな返事をします。 自分でデザイナーっていうのもむず痒くあまりしっくりこなくて 口頭でデザインやってるとあまりいいません。 依頼が頂いたらもちろんやりますが そもそも仕事と...

bilingualcommunity.net/外国語コミュニティーサイト作りました。

概要 鼻くそほじってるだけで勝手に収入入ってこないかなという思いで 個人開発始めて一年ぐらい少しづつrailsのチュートリアル見ながらサービス作成した経緯と現状と今後の目標です。 外国語交流サイト bilingualcommunity.net https://bilingualcommunity.net/ 作成したサイトは まぁよくある掲示板サイト的な物なのですが コメントだったりメッセージがチャット形式でリアルタイムで 指定の言語翻訳されるのが機能としてはメインです。 https://bilingualcommunity.net/messages/test 上記ページとかがわかりやすいと思うので ぜひ試してみてください。 願わくばSNSとかでシェアしてもらえると嬉しいです。 先っちょだけ、先っちょだけだから。 ちなみに僕自身は日...

android4標準のブラウザデバッグモードとadbでのdebug

概要 android5以降はchromeでUSBデバッグができますが android4以前の標準ブラウザはまともなデバッグ環境用意する所から面倒 、本当に面倒。 未だにたまに指摘される事もある度致し方なく調べるが調べるの面倒なので面倒だがメモします。 [とりあえず簡単なブラウザでのデバッグモード] とりあえずブラウザのURL欄に about:debug と入れれば特別な準備せずにとりあえずはデバッグモードになる。 これでなるべくなんとなかしたい。 因みにjsソースマップの情報も拾えないので minify無くして行数見ながらエラー場所探したりします。自己流なのでもっといい方法あるかもです。 [Android Debug Bridge(adb)でのデバッグ] adbという開発用のコマンドラインツール?があるのでインスト...

運営サイト

広告なのよー