はてなブックマーク

このサイトは、只今WEB業界で活躍中のデザイナー、プログラマーの方々の情報を集めたweb統合情報サイトです。 web帳 どもです。 2019年始まって、1月もあっという間に終わってしまいましたね。 いやはや。早いですね。 さて、今回の話題なのですが、「ブラウザフィンガープリント」について。 2018年、何かと世界的に話題となったweb技術の1つとして挙げられるのが「Cookie」。 Cookie自体、最新技術なわけもなく、大分昔から存在する枯れた技術なのですが、なんで大きな話題になったかといいますと、 EU一般データ保護規則。 GDPR（General Data Protection Regulation）が、EUによって2018年5月25日に施行されたからです。 あまりに大きな出来事だったので、世界各地で話題になり、勿論web業界も慌ただしくなりフロントエンドな方々も色々と対応に追われた

このサイトは、只今WEB業界で活躍中のデザイナー、プログラマーの方々の情報を集めたweb統合情報サイトです。 web帳 どもです。 Vue.jsはかれこれ、使用して2年くらい経つのかも、経たないかも。 ガッツリと使用してきたのですが、主にwebゲーム作成での使用でした。 今回、所謂一般的な「Webサービス（Webアプリケーション）」を作成することもあって、色々漁っては見たものの やっぱりVue.jsが実装も楽だなと言うことで、どうせならモダンなフロントエンド実装が良いなと思って 改めてNuxt.jsをガッツリ触り始めたのですが、やっぱり「超絶便利」ですね！ 前回、こちらの記事で、軽く紹介させていただいたのですが（もう1年以上前なのかw）、改めて使用し始めたのですが、やはり便利ですね。 バージョンも2.3.4という事で、1年前よりもメジャーバージョンが上がったのではないのでしょうか？ 今まで

Chromebookで Linuxを使用する方法 Chromebookで、Linuxを使用する方法は以下の通り Croutonを使用し、 chrootによって ChromeOSとLinux OS を同居 Chrome OS 上にLinuxをインストール etc.. Googleは5月に行われたGoogle I/O 2018で、Chrome OS上でLinuxアプリを動かせるようにすると発表していたのですが、ついにChrome OSバージョン68がビルドされ、正式にインストール出来るようになっていました！！ Chrome OSでCroutonなどのツールを使い、Linuxを動作させる前に、こちらから試してみたいと思います。 購入当時は、まだリリースされていなく Chrome OS Devチャンネルに変更しないとできなかったので変更して試しましたが、ちょっとやはり動作が不安定なところがありまし

Amazonタイムセール & プレミア会員で、6,600円ほどで購入。 iPadも持っていて、安く購入したが故か、あまり使用せずに放置状態のままでした。そんな人も少なくないのではないのでしょうか？ でも、このスペックのタブレットで、6,600円で購入できる、超コスパタブレットは Amazonぐらいですね！ ＞＜ 今回、こちらのタブレットを「Fire OS」をそのままで、Linux環境を構築していきたいと思います！ ファイル管理アプリをインストール Kindle Fire HD 8 は、Amazon社が独自開発した「Fire OS」がAndroidベース上にインストールされています。 「Fire OS」は、Amazonのコンテンツ用に最適化されていて、デフォルトで扱うには「Google Play」が使えなかったりしますので、純粋な「Androidタブレット」ではないこともあって、Amazon

2026年 (20) 10月 (2) 9月 (6) 8月 (2) 7月 (1) 6月 (1) 5月 (2) 4月 (3) 2月 (1) 1月 (2) 2025年 (21) 11月 (1) 10月 (2) 8月 (1) 7月 (1) 6月 (2) 5月 (2) 4月 (9) 3月 (1) 2月 (1) 1月 (1) 2024年 (18) 11月 (2) 10月 (2) 9月 (2) 7月 (3) 6月 (1) 4月 (1) 3月 (1) 2月 (1) 1月 (5) 2023年 (14) 12月 (3) 7月 (2) 5月 (1) 4月 (1) 3月 (3) 2月 (3) 1月 (1) 2022年 (20) 12月 (2) 10月 (2) 9月 (1) 7月 (1) 5月 (8) 4月 (1) 3月 (2) 2月 (1) 1月 (2) 2021年 (24) 12月 (2) 11月 (3) 10

このサイトは、只今WEB業界で活躍中のデザイナー、プログラマーの方々の情報を集めたweb統合情報サイトです。 web帳 どもです。 今回は、新規プロダクトの開発の際に、非常に重宝する「JSON Server」についてのご紹介できればと。 真新しいものでもないのですが、よく利用してせっかくなのでまとめさせていただきます。 何か参考になればと。 とある事業で、新規プロダクト制作が立ち上がって、フロントエンド開発を行っていくにも「サーバー側が出来てないよぉ。」 と、言って制作できないところが発生する場面は多々あるかと思います。 そもそも、新規プロダクトで、サーバー側が出来上がっている状態というのは、なかなかない状態かと思います。 そんなときに非常に便利なのが「JSON Server」となります。 「JSON Server」で、仮にAPIを作成しておけばサーバー開発が終えてなくてもガツガツ、フロン

どもです。 皆さん 日々、CSSを記述されているでしょうか？ その際、どのアーキテクチャで構築されているでしょうか。 当方は、ゲームパーツを大量に制作するのもあって、やはり「APBCSS」のアーキテクチャが重宝しております。 という事で、「APBCSS」の推奨するファイルをコマンド1発で生成出来るジェネレートツール、 「apb-cli」の使い方となります。 APB CLI インストール npm https://www.npmjs.com/package/@atomic-package/apb-cli github https://github.com/atomic-package/apb-cli インストールは、npmコマンド でグローバルにインストールする。 $ npm install -g @atomic-package/apb-cli これで、インストール完了。 apbコマンドが使用

では、実際にコマンドを入力してみましょう。 「generate」コマンドで、「component」を生成してみます。 以下のコマンドを入力すると、 ng g component my-new-component create src/app/my-new-component/my-new-component.component.css create src/app/my-new-component/my-new-component.component.html create src/app/my-new-component/my-new-component.component.spec.ts create src/app/my-new-component/my-new-component.component.ts update src/app/app.module.ts このように、該当す

このサイトは、只今WEB業界で活躍中のデザイナー、プログラマーの方々の情報を集めたweb統合情報サイトです。 web帳 こちらの続きとなります。 Vue.js が予想以上に良かったので、既存WordPressに導入。Vue.js (vue-class-component) + TypeScript + WordPress で作る、記事読み込み component 「環境構築編」 では、前回の続きから、 components/post-more-btn.html <div class="moreBtnBox"> <a @click="onClick">他の記事を読み込む</a> </div> componentsである、「post-more-btn.html」をクリックすると、その対となる 「post-m

2026年 (21) 10月 (3) 9月 (6) 8月 (2) 7月 (1) 6月 (1) 5月 (2) 4月 (3) 2月 (1) 1月 (2) 2025年 (21) 11月 (1) 10月 (2) 8月 (1) 7月 (1) 6月 (2) 5月 (2) 4月 (9) 3月 (1) 2月 (1) 1月 (1) 2024年 (18) 11月 (2) 10月 (2) 9月 (2) 7月 (3) 6月 (1) 4月 (1) 3月 (1) 2月 (1) 1月 (5) 2023年 (14) 12月 (3) 7月 (2) 5月 (1) 4月 (1) 3月 (3) 2月 (3) 1月 (1) 2022年 (20) 12月 (2) 10月 (2) 9月 (1) 7月 (1) 5月 (8) 4月 (1) 3月 (2) 2月 (1) 1月 (2) 2021年 (24) 12月 (2) 11月 (3) 10

どもです。 Dockerは、起動も早くて便利ですよね。 でも、ちょっとしたPHPの実行環境の為に、 いちいちVirtualBoxでVagrantを立ち上げて、イメージをDockerHubから、pullしてコンテナ作って、Docker commitして… という作業はしたくはないものですね。。。 という事で、今回は「YAMLファイル」一つ（厳密には他ファイルもありますが）で、 nginx + PHP7-fpm + mysql + phpMyAdmin の環境構築を行う方法をご紹介します。 OS X El Capitan 10.11.6 Docker version 1.13.0 Docker Toolbox 今回は、「Docker」は何なのか、とかの「Docker」についての詳細は割愛させていただきます mm そして、今回、何を行うかですが、ざっと以下の様な流れで環境構築を行います。 ・Do

どもです。 今回は、誰でも簡単に「ホームページ制作」が行える！ と、何かと話題の Wix.com が提供しているサービスをなんとなく使ってみたところ、 何気にすごかった（あ。ちょっと失礼な感じ。。）ちょっとばかりその詳細をご紹介させていただきます。 Wixに関しては、利用ユーザー数も、世界190か国で、9,000万人以上で利用されていると言うことでかなりの人気ぶりがわかります。 なのですが、筆者は余りこの手のホームページ構築サービスを使うことなく（ソース書く方なのでw）最近になって、この「Wix」のサービスも知った訳なのですが、日本ではまだまだ浸透していなかったりなのですかね。。 （すでに利用されている方には、非常に申し訳ないです mm） これまでにも、コードを書かずにホームページを作れるいわゆる「ホームページ・ビルダー」的なソフトやサービス等がありましたよね。 ちょっとばかり、2017年

2026年 (21) 10月 (3) 9月 (6) 8月 (2) 7月 (1) 6月 (1) 5月 (2) 4月 (3) 2月 (1) 1月 (2) 2025年 (21) 11月 (1) 10月 (2) 8月 (1) 7月 (1) 6月 (2) 5月 (2) 4月 (9) 3月 (1) 2月 (1) 1月 (1) 2024年 (18) 11月 (2) 10月 (2) 9月 (2) 7月 (3) 6月 (1) 4月 (1) 3月 (1) 2月 (1) 1月 (5) 2023年 (14) 12月 (3) 7月 (2) 5月 (1) 4月 (1) 3月 (3) 2月 (3) 1月 (1) 2022年 (20) 12月 (2) 10月 (2) 9月 (1) 7月 (1) 5月 (8) 4月 (1) 3月 (2) 2月 (1) 1月 (2) 2021年 (24) 12月 (2) 11月 (3) 10

このサイトは、只今WEB業界で活躍中のデザイナー、プログラマーの方々の情報を集めたweb統合情報サイトです。 web帳 どもです。 すっかり寒くなってきましたが、皆さん体調の方は大丈夫でしょうか。 私は風邪をひきました。 と言う訳で、今回は「Sketch」ファイルをGithubで管理して、デザイン修正分を差分表示して業務を捗らせようって内容です。 Skecth Sketch https://www.sketchapp.com/ Sketchに関しては、もうすっかり有名なのかと思いますが、知らない方の為にざっと説明させて頂くと、 Sketchは、Mac専用のWebとモバイルUIデザインの専用ツールで、多くの機能を取り入れないことによって、かなり軽量なツールとなっております。 「何かこの機能を使いたいなぁ。」と言った時は「plugin」を追加することでカスタマイズしていけます。 また、デザイン

About Us WEBデザイナーの、WEBデザイナーによる、WEBデザイナーの為のサイト。「みんなで書こう！」と仲間を募ってみたが、結局書くのは自分だけとなってしまいました。日々のメモを綴っていきます。 Entry Profile Graphical FrontEnd Engineer - Daisuke Takayama MAD CITY 北九州市で生まれ育つ。20代はバンド活動に明け暮れ、ふと「webデザイナーになりたい。」と思い、デジタルハリウッド福岡校入学。卒業後、数々の賞を受賞、web業界をざわつかせる。 現在、主に、ゲーム制作中心に港区六本木界隈で活動中。 詳細へ

このサイトは、只今WEB業界で活躍中のデザイナー、プログラマーの方々の情報を集めたweb統合情報サイトです。 web帳 HUGO https://gohugo.io/ どもです。 海外旅行は実は今ではないかと企んでいる今日この頃の私です。 前回に続き、爆速続きで申し訳ないなのですが、「HUGO」が快適すぎる。 作業するにあたって、コンパイルなどやはり何かと早いのがいいですね。 そう、嫌われないぐらいにね。 というわけで、今回は所謂、静的サイトジェネレータに関してです。 HUGOて何？ HUGOは、プログラミング言語Goを使って開発された静的サイトジェネレーターとなります。 静的サイトジェネレーターはRuby 言語で作られた「jekyll」が有名かと思いますが、それと同類なのですが「HUGO」は構造のシンプルさと処理速度の速さで知られています。 jekyll https://github.c

まず最初にTypeScript。 TypeScriptは所謂、AltJSの一つで、2016年のAltJSトレンドランキングでぶっちぎりの1位を進んでいますので、多くの方が利用されているかと思います。 参考URL http://www.buildinsider.net/web/popularjslib/2016 RailsでもTypeScriptを使いたい！！ TypeScriptに慣れている方はやはりそう思いますよね。。 安心してください。履いています。 typescript-railsなるものがきちんとありますので、Ruby on Railsでも問題なく、TypeScriptは使えます。 github https://github.com/typescript-ruby/typescript-rails 日本人のFUJI Goroさんがメンテナーとして活動されていますので、是非頑張ってい

「今は昔」 この業界は本当にサイクルが早い。 あんなに、「おお。なんだこれ、超便利ではないですか？」と言っていたものもすぐに「古く」なってしまう。 「compass」もその一つではないでしょうか。 いや、全然便利で使いたいのですが、何しろ 「コンパイルがクソ遅い。」 compassはご存知の通り、「Ruby」で作られています。 が故に、ちょっとSCSSの編集したいだけなのに、コンパイルにとても時間がかかってしまいます。orz と、言う訳で「compass」はもう卒業しました。 卒業するのはいいのですが、代替えは何を利用するかと言いますと、「Libsass」ですね。 「Libsass」とはなんぞや。て方に。 C/C++で書かれたSass Compilerとなります。 当たり前で恐縮なのですが、C/C++で書かれているのでコンパイルの速度は、ビックリするぐらい「爆速」です！ Github ht

このサイトは、只今WEB業界で活躍中のデザイナー、プログラマーの方々の情報を集めたweb統合情報サイトです。 web帳 どもです。 去年まではAndroidさんと仲良くさせていただいたのですが、最近ではもっぱらIEさんだったりもします。 最近のIEさんはワガママ言わずきちんと仕事を行って頂けるので有難いです。 とは言え、ちょっと変わった事しようとすると、様子がおかしくなったりもしますよね。 Macだと、WindowsをvirtualboxやParallels®にインストールしたりして確認するのですが、IE8とかIE9とかちょっと前のブラウザだと確認ができなかったりします。 今回は、個別にWindowsをインストールせずに、IEのレガシーバージョンを使用する方法、Virtualboxにmodern.IEを構築する方法となります。 VirtualBoxインストール VirtualBoxの詳細に

これらのデータを元に、似ているユーザーを探し出します。 それぞれのユーザーをすべてのユーザーと比較し、どの程度似ているか類似性スコアと言われるものを算出して比較していきます。 類似性スコアの算出方法は幾つもありますが、もっとも初歩的な「ユークリッド距離」と「ピアソン相関係数」によって算出していきたいと思います。 類似性スコアの算出方法で単純な方法の一つで、「ユークリッド距離」と呼ばれるものがあります。 端的に説明させていただきますと、ユーザーが評価したアイテムを軸にしグラフを表示します。 グラフ上にユーザーを配置し、各ユーザーの距離を算出する事によってどのくらいユーザー同士は近いかを計算する方法となります。 まず、例に上記の表から「ドラゴンクエスト」と「スーパーマリオ」を比較して、ユーザーを嗜好空間に図示してみます。 パッと見た感じ「takayama」と「tanaka」は近く、「takay

About Us WEBデザイナーの、WEBデザイナーによる、WEBデザイナーの為のサイト。「みんなで書こう！」と仲間を募ってみたが、結局書くのは自分だけとなってしまいました。日々のメモを綴っていきます。 Entry Profile Graphical FrontEnd Engineer - Daisuke Takayama MAD CITY 北九州市で生まれ育つ。20代はバンド活動に明け暮れ、ふと「webデザイナーになりたい。」と思い、デジタルハリウッド福岡校入学。卒業後、数々の賞を受賞、web業界をざわつかせる。 現在、主に、ゲーム制作中心に港区六本木界隈で活動中。 詳細へ

2026年 (21) 10月 (3) 9月 (6) 8月 (2) 7月 (1) 6月 (1) 5月 (2) 4月 (3) 2月 (1) 1月 (2) 2025年 (21) 11月 (1) 10月 (2) 8月 (1) 7月 (1) 6月 (2) 5月 (2) 4月 (9) 3月 (1) 2月 (1) 1月 (1) 2024年 (18) 11月 (2) 10月 (2) 9月 (2) 7月 (3) 6月 (1) 4月 (1) 3月 (1) 2月 (1) 1月 (5) 2023年 (14) 12月 (3) 7月 (2) 5月 (1) 4月 (1) 3月 (3) 2月 (3) 1月 (1) 2022年 (20) 12月 (2) 10月 (2) 9月 (1) 7月 (1) 5月 (8) 4月 (1) 3月 (2) 2月 (1) 1月 (2) 2021年 (24) 12月 (2) 11月 (3) 10

いい加減、ネイティヴ iPhoneAppの製作を行おうかと思います。 と言うのも、以前、iPhoneやらAndroidやら途中まで作成してはやめ、また始めなんてやっていましたらもう2016年。。 JavaやらC++やらswiftやらRubyやらと浅く広くやっていますと、「あれ。これどうだったけ？」「AutoLayoutってなんだっけ」状態が多々発生しますね（大袈裟に言いましたが） w と言うことで、やったことを忘れないように（これは歳か？w） しっかりSwiftと向き合って1からiPhone Appを作って行ければと思います！！ Swift GitHub 特にSwiftで書いてiPhoneAppをリリースした。って経験もないど素人レベルなので、 「これからiPhoneAppを作るぞ！」て方に参考になればと思います！ 何はともあれ、iPhoneApp作成に必要なのはPCはMacとなります。

このサイトは、只今WEB業界で活躍中のデザイナー、プログラマーの方々の情報を集めたweb統合情報サイトです。 web帳 久々にWordPressについて書くような。。 VagrantとWordPressのローカル環境を構築しようと思って、見つけたのがこちらでした。 VCCW http://vccw.cc/ 本当に簡単過ぎて、あまり書くこともなく困った感じです。w WordPress + Vagrantの環境構築の定番となりそうな感じですね。 VirtualBox & Vagrant インストール Install VirtualBox. https://www.virtualbox.org/ Install Vagrant. http://www.vagrantup.com/ Vagrant環境を使いますので、「VirtualBox」と「Vagrant」が必要となりますので、 まだの方はイン

このサイトは、只今WEB業界で活躍中のデザイナー、プログラマーの方々の情報を集めたweb統合情報サイトです。 web帳 というわけで、 明けまして、おめでとうございます！ なんか、慌ただしく2016年を迎えてしまった次第です。。 今年はちょっとゆっくりしたいなと思いつつ、 2016年、今年もよろしくお願いいたします。mm さてはて、早速本題の方ですが、webデザイン界隈で 最近、「マテリアル・デザイン」だの「アトミック・デザイン」など以前にも 増して色々と聞くようになってきたのを肌で感じる今日この頃でして、 デザイナーの方もそれらの思考を持ってデザインされるかと思います。 そもそも「アトミック・デザイン」ってなんぞやって方はこちらを、 Atomic Design Atomic Design http://bradfrost.com/blog/post/atomic-web-design/