このサイトは、只今WEB業界で活躍中のデザイナー、プログラマーの方々の情報を集めたweb統合情報サイトです。

web帳

NewEntry

どもです。 今回は、AngularやVueJSを使って、webサイトやwebサービスを作成していると「PC・スマートフォン」の表示も作って行かないといけなくて、「レスポンスシブ」に組んで行くのもちょっと無理がある。 って時は「component」と「CSS」を切り替えたくなって…

続きを読む

どもです。 先日はAngular4のSSR (Universal JavaScript)環境を構築する方法でしたが、今回は「Vue.js」となります。 なんだかんだで、「Vue.js」はやっぱり使いやすいですよねー。 当方もゲーム制作でガンガン利用しております。 と…

続きを読む

どもです。 今回は、Angular4で最小のSSR(サーバーサイドレンダリング または、Universal JavaScript, アイソモーフィックJavaScript)環境の構築方法です。 SSR(サーバーサイドレンダリング)とはなんぞや。 SSR(サーバーサイドレン…

続きを読む

どもです。 本日、17年10月5日(木) 「ニンテンドークラシックミニ スーパーファミコン」の発売日!!!   という事で、予約開始日にネットで購入できないか。ネット散策していたところ、Amazonで購入可能となっていましたので、速攻購入していたのですが、…

続きを読む

どもです。 前回、こちらの記事にて紹介させていただいた、無料でホームページ作成できるサービス「Wix」に、新機能である「Wix Code」が追加されたということなので、早速扱ってみました。   「Wix Code」 公式記事 Wix Code新登場 : コ…

続きを読む

どもです。 ドスパラさんが発売しているモバイルディスプレイ「DG-NP09D 8.9インチ」を購入してみました!   Diginnos DG-NP09D 8.9 http://www.dospara.co.jp/5shopping/detail_pa…

続きを読む

どもです。 初代、「Reflector」はもう4年前に記事を書いていて、そちらをご存知ではない方はこちらから見れます。 http://www.webcyou.com/?p=4436 と、今回はその「Reflector」がバージョンアップして「Reflector2」となって…

続きを読む

どもです。 最近、ゲームネタばかりな気がしますが気のせいです。 いや、気のせいではありません。 それには、訳がございまして、 だって、最近、ゲームしかしていなんですもん。   ま、普段ゲーム作りを行っていることもありますので、仕事の一貫ではあり…

続きを読む

どもです。 久々の投稿の気がします。 みなさん、どのようにお過ごしでしょうか? 最近、僕はまた再び、仕事でゲームを作っている毎日です。 なのですが、最近 振り返ると「スプラトゥーン2」と「仕事」しかしてない。。 表題にあるように、最近「スプラトゥーン2…

続きを読む

どもです。 今回は、新規プロダクトの開発の際に、非常に重宝する「JSON Server」についてのご紹介できればと。 真新しいものでもないのですが、よく利用してせっかくなのでまとめさせていただきます。 何か参考になればと。 とある事業で、新規プロダクト制作が…

続きを読む

どもです。 日々日々、webの技術は進化していきます。 それにも伴い、増えていく技術書、参考書の数々。。 なかなか、全部が全部読めきれることもなく、今日はこちらを読み進めようかなと思った時、 「あれ、これどこまで読んでいたっけ??」 と、言った現象もしばしば。…

続きを読む

どもです。 皆さん 日々、CSSを記述されているでしょうか? その際、どのアーキテクチャで構築されているでしょうか。 当方は、ゲームパーツを大量に制作するのもあって、やはり「APBCSS」のアーキテクチャが重宝しております。 という事で、「APBCSS」の推奨するフ…

続きを読む

どもです。 皆さん、お仕事頑張っているでしょうか。 私は、なんだかんだでぼちぼち頑張っております。   と、言うわけで、表題のとおり、 会社でコツコツと、 「npm Private」導入して、1ヶ月で8個+α ほどパッケージ作成しておりました。 …

続きを読む

どもです。 ちょっとRailsの認証周りについて少々。 サーバーサイドで認証が必要な場合、大きく2つの実装方法があるかと思います。 ・Cookieベースの認証 ・Tokenベースの認証 今回は、Tokenベースの認証について行っていきたいと思います。 …

続きを読む

皆さん、GWはどの様にお過ごしでしょうか? 私は、ニンテンドーswitchを購入する為に駆けずり回りました。 と言っても、そんなに回ってはいないのですがね。   しかしあれですね。 ニンテンドーswitch、何処もまだ品薄状態が続いていますね。。 …

続きを読む

前回の続きです。 GitHub rails-api-angular-example 今回はブランチ名「step_connection」に切り替えております。 Rails データ作成 では、早速Railsを用いてデータを作成していきましょう。 rails ge…

続きを読む

どもです。 今回は、Rails5 APIモード + Angular SPA環境 をサクッと用意する手順を書いていきます。 何気に「どうやって構築するのですか??」と聞かれることも多かったりするので、記事にしてみました。 SPAで制作する際に何か参考になれば幸いです…

続きを読む

今回は、Angularを扱うなら、使うべきツール「Angular CLI」のご紹介です。 「Angular CLI」を使うことによって、様々な事が容易に行えます。 新規でアプリを制作する際は、「Angular CLI」を用いることによって、環境やアーキテクチャの基盤も容…

続きを読む

HTTP GETTING AND SAVING DATA こちらのページは、以下のページの簡単な和訳です。 Angular2 tutorial | HTTP 前回 Angular2の始め方。Angular2 公式チュートリアル – Routing(簡単な…

続きを読む

ROUTING こちらのページは、以下のページの簡単な和訳です。 Angular2 tutorial | ROUTING 前回 Angular2の始め方。Angular2 公式チュートリアル – Services(簡単な和訳) その他 Angular…

続きを読む

SERVICES こちらのページは、以下のページの簡単な和訳です。 Angular2 tutorial | SERVICES 前回 Angular2の始め方。Angular2 公式チュートリアル – Multiple Components(簡単な和訳) その他…

続きを読む

MULTIPLE COMPONENTS こちらのページは、こちらのページの簡単な和訳です。 Angular2 tutorial | MULTIPLE COMPONENTS 前回 Angular2の始め方。Angular2 公式チュートリアル – Mast…

続きを読む

こちらの続きとなります。 Vue.js が予想以上に良かったので、既存WordPressに導入。Vue.js (vue-class-component) + TypeScript + WordPress で作る、記事読み込み component 「環境構築編」 では、前…

続きを読む

つ、つ、ついに。。 ひとりサーバー移管プロジェクトが終了を迎えようとしている。 思い返せば、「7年近く放置しているブログ(これ)どうにかせんとな。」から始まった、華麗なるひとりサーバー移管プロジェクトだった。 あ。どうせだったら、散らばったwebアプリケーションもひとつに…

続きを読む

メモ程度に。。   location ディレクティブ location ディレクティブは、以下のようになっています。 [code]location [ = | ~ | ~* | ^~ ] uri { ... }[/code] [code]location…

続きを読む

どもです。 タイトル長めになりました。 かれこれ、6、7年放置気味のWordPressのサイトを サーバー移転に伴い色々と整理しています。 既存のWordPressは、がっつりプラグインに依存しているしjQueryも7年前ぐらいに入れっぱなし。。 という事で、外せる…

続きを読む

どもです。 Dockerは、起動も早くて便利ですよね。 でも、ちょっとしたPHPの実行環境の為に、 いちいちVirtualBoxでVagrantを立ち上げて、イメージをDockerHubから、pullしてコンテナ作って、Docker commitして... …

続きを読む

どもです。 今回は、誰でも簡単に「ホームページ制作」が行える! と、何かと話題の Wix.com が提供しているサービスをなんとなく使ってみたところ、 何気にすごかった(あ。ちょっと失礼な感じ。。)ちょっとばかりその詳細をご紹介させていただきます。   …

続きを読む

MASTER/DETAIL こちらのページは、こちらのページの簡単な和訳です。 Angular2 tutorial | MASTER/DETAIL その他 Angular2の始め方。Angular2 公式チュートリアル – Introduction(簡単な和…

続きを読む

THE HERO EDITOR こちらの続きです。 Angular2の始め方。Angular2 公式チュートリアル – Introduction(簡単な和訳) Setup to develop locally 実際のアプリケーションの開発は、お使いのマシンのロー…

続きを読む

Graphical FrontEnd Engineer
- Daisuke Takayama

MAD CITY 北九州市で生まれ育つ。20代はバンド活動に明け暮れ、ふと「webデザイナーになりたい。」と思い、デジタルハリウッド福岡校入学。卒業後、数々の賞を受賞、web業界をざわつかせる。
現在、港区六本木で活動中。

WEBデザイナーの、WEBデザイナーによる、WEBデザイナーの為のサイト。「みんなで書こう!」と仲間を募ってみたが、結局書くのは自分だけとなってしまいました。日々のメモを綴っていきます。