Design Note

NO IMAGE
  • 2019年5月18日
  • 2019年6月10日
  • 0件

WIXで複数サイトを運営するには？

https://ja.wix.com/ WIX 今まで使ったことがありませんでしたが、CMSの１つで、デザイナーやコーダーではなくても簡単にWEBサイトを作り、公開することができるサービス。 デザインツールを触る感覚で、コーディングがいりません。 こちらのツールで、複数サイトを運営したく調べていまし […]

NO IMAGE
  • 2019年5月3日
  • 2019年6月10日
  • 0件

swift クラスの説明

UIApplication ウィンドウの制御や、イベント送信をする 1アプリに1インスタンス（シングルトン） viewcontroller生成 storyboard読み込み UIView 画面に領域を追加する UIWindow ユーザからは見えないウィンドウを操作？全てのViewの親 タッチやシェイ […]

NO IMAGE
  • 2019年5月3日
  • 2020年3月12日
  • 0件

cssのスタイルガイドライブラリ

はじめに CSSのコメントに書く cssが膨大になるのでミニマイズは必要 環境によっては難しい ペラ1ページには向かない 目的 モジュールの一覧化 デザインの一貫性 新モジュールが追加されたらすぐわかる マークアップのルールがわかる 他のコードをパクりやすい スキルや感性に頼らないコーディング 種類 […]

NO IMAGE
  • 2019年5月3日
  • 2020年6月13日
  • 0件

OOCSS、BEM、SMACS、MCSS、FLOCSS、一番良いCSS設計手法はなにか。

一番良いCSSの設計手法とは 過去にまとめたCSS設計についての考えをまとめてみた。 今は、どういった設計をすべきだろうか。 ReactやVueを使う場面も増えていく環境で、どの設計手法が一番運用しやすいのか。 CSS設計手法の歴史 2009年 OOCSS レイアウトと見た目のclassをわける 主 […]

NO IMAGE
  • 2019年5月3日
  • 2020年3月12日
  • 0件

webスクレイピングの方法と注意点

Webスクレイピングとは サイトにアクセスし、HTMLを取得する技術のこと。 サイトの情報を取得し、データを抜き取り、自社サイトへ表示するなどの手法が用いられる。 ただし、著作権や、相手サイトへ損害を与えた場合など、訴えられることもあるので注意が必要。 ライブラリ Goutte こっちのがメモリ消費 […]

NO IMAGE
  • 2019年5月3日
  • 2019年6月10日
  • 0件

PHP開発で困ったこと、解決策

デバッグの方法 var_dump flush() 出力を即座にブラウザに表示させることができる ob_flush()も呼ぶ必要がある usleep(300) とかで、時間がかかる場合はスリープさせる error_log() laravel のログ Log::info(‘This is s […]

NO IMAGE
  • 2019年5月3日
  • 2019年6月10日
  • 0件

Android Studio エラーリスト

ndkがない。 エラー :Execution failed for task ‘:versionchecklib:compileReleaseNdk’. > NDK not configured.   Download the NDK from http://devel […]

NO IMAGE
  • 2019年5月3日
  • 2020年3月12日
  • 0件

バナー作成時のチェックリスト

バナー作成業務、あるかと思いますがどのようなバナーが効果的なのかまとめてみた。 後ほどもう少し綺麗に書きます・・・ この順番 インパクトの強い言葉で気を引かせ 結論を先に言って興味を持ってもらい オトクな追加情報で落とす http://directorblog.jp/archives/5176324 […]

NO IMAGE
  • 2019年5月3日
  • 2020年5月29日
  • 0件

「ドッグフーディング」の由来は？iosアプリのUI改善手法にオススメ。

当たり前に、定期的にドッグフーディングできる環境があると、色々な改善案が出てきて良さそう。 強いて言えば、新規アイデアや発想って、なかなか議論しても生まれないんですよね。 ドッグフーディングの由来は「開発したドッグフードを自分たちの犬に食べさせよう」 ドッグフーディングとは、開発したサービスを開発者 […]

NO IMAGE
  • 2019年5月3日
  • 2020年3月12日
  • 0件

Googleマテリアルデザインってなに

今や当たり前の存在となってマテリアルデザイン。 まとめ書きです。 マテリアルデザイン？ 2014/06/25 Google I/Oで発表された次世代デザイン。 Androidの新しいデザイン言語 アイコンやボタンのデザイン、タップやスワイプのユーザー体験が大きく変わる アプリ開発者にもこのガイドライ […]

NO IMAGE
  • 2019年5月3日
  • 2020年3月12日
  • 0件

importとrequireの違い。どちらを使えば良い？ | Javascript

Javascriptで外部ファイル（モジュール）を読み込む時にrequireとimportを使う時がありますが、requireとimportのそれぞれの違いは何で、どういう時に使い分ける必要があるのか。 今更聞けないのでこっそりまとめてみました。 importとは importとは「es2015」の […]

NO IMAGE
  • 2019年5月3日
  • 2019年6月10日
  • 0件

thymeleafの使い方

thymeleafを使っていて理解した内容をここに記載していく予定 比較 th:if=”!${ArrayList().isEmpty()}”、th:if=“${!ArrayList().isEmpty()}” どっちでもいけるっぽい

NO IMAGE
  • 2019年5月3日
  • 2019年6月10日
  • 0件

swiftエラーの一覧と説明

使っていて表示されたエラーと内容、説明、解消法を記載していく予定 Terminating app due to uncaught exception ‘NSUnknownKeyException’, reason: ‘[<hashtag.ViewContro […]

NO IMAGE
  • 2019年5月3日
  • 2020年1月13日
  • 0件

xcodeを使った時のメモ

もうちょっとちゃんと整理しよう・・・。 プロジェクトの作成 種類 ★SingleView Application 画面１枚のアプリのテンプレートです。あとで画面を追加することも可能なので、基本的に簡単なアプリはこれを使って作ることが多いです。 真っ白な画面だけが用意される OpenGL Game O […]

NO IMAGE
  • 2019年5月3日
  • 2020年3月12日
  • 0件

Googleアナリティクスの使い方

アカウント：アカウント名 プロパティ：サイト、アプリ、端末。トラッキングコードが発行される。 ビュー：プロパティのデータを抽出する。 セグメント：購入したユーザーで絞り込んでそのユーザーが購入前にどんなページを見ていたのかを分析したりできる。 イベント 書き方 ga(‘send̵ […]

NO IMAGE
  • 2019年4月29日
  • 2020年3月12日
  • 0件

nodejsをインストールする

xserverにnodejsを入れてみました。 環境構築 gitからnvmをインストール。かんたん。 $ git clone https://github.com/creationix/nvm.git ~/.nvm $ source ~/.nvm/nvm.sh $ nvm ls-remote v0. […]

NO IMAGE
  • 2019年4月29日
  • 2020年3月12日
  • 0件

レスポンシブデザインのメリットデメリット

メリット 運用ベースであれば1箇所変えれば全デバイスに対応できるので、更新は楽（記事の内容だけとか） googleがレスポンシブを推奨しているため、SEOに強いらしい スマホファーストな設計ができる 端末の大きさに影響されなくなる URLがおなじになる デバイス判定が不要 デメリット 複雑なサイトに […]

NO IMAGE
  • 2019年4月29日
  • 2019年6月10日
  • 0件

Reactを始める

# 準備 ## webサーバ起動 “` sudo apachectl start “` ## ここにある “` cd /Library/WebServer/Documents/ “` # 始める ## reactを使うにはこれが必要 “` […]

NO IMAGE
  • 2019年4月29日
  • 2020年3月12日
  • 0件

react初心者のメモ

Reactについて Reach.jsはnpmでインストールする npmはnode.jsで実行されるモジュール なのでnode.jsも必要 特徴 Facebookが作った、UIを構築するためのライブラリ コンポーネント指向 prop：親から受け継いだもの state：状態 JSX 記法 メリット 速度 […]

NO IMAGE
  • 2019年4月29日
  • 2019年6月10日
  • 0件

JSXを使う理由

JSXは簡潔で、木構造とReactの特性を定義しやすいシンタックスである ReactはJSXで書くけれども、実際にはES5のJSにコンパイルしなければいけない 最近はJSXでもES5でも書きたい人がいるので、どちらもコンパイルしてくれるのがBabel 一般的によく使われている。 記述量もJSXの方が […]

NO IMAGE
  • 2019年4月29日
  • 2020年3月12日
  • 0件

reactを使う上で必要な物たち

サーバーサイド 言語 node.js フレームワーク Express nodeのMVCフレームワーク express-generatorで簡単にプロジェクトのスケルトンを生成できる expressコマンドが使えるようになる これを使うことで、サーバーサイドレンダリングができる テンプレートエンジン […]

NO IMAGE
  • 2019年4月29日
  • 2020年3月12日
  • 0件

node.jsとは

# nodejsとは サーバーサイド側のJavascript。 普通はJavascriptはクライアント側。 Socket.ioというリアルタイムな通信を実現するライブラリを扱うことができる。らしい。なにそれ。 ## こんな便利なのにも使われている Grunt、Gulpとかはみんな知っているビルドツ […]

NO IMAGE
  • 2019年4月29日
  • 2020年3月12日
  • 0件

expressについて

はじめに var express = require(“express”); var app = express(); listen var server = app.listen(3000, function(){     console.log(“Node.j […]

NO IMAGE
  • 2019年4月29日
  • 2020年3月12日
  • 0件

webpackについてのメモ

ビルドツールはどんなのがある？ webpack 依存関係を解決して、配布物をビルドするツール（コンパイラ） JSやCSS、画像、いろいろ扱っている gruntもgulpも不要 Browserify JS専用 設定 require extract-text-webpack-plugin バンドルされた […]

NO IMAGE
  • 2019年4月29日
  • 2020年3月12日
  • 0件

exportとexport default

exportとexport default export defaultを使う 複数のモジュールをexportするときはexportを使う 理由 ECMAScript 6 favors the single/default export style, and gives the sweetest s […]

NO IMAGE
  • 2019年4月28日
  • 2020年3月12日
  • 0件

アロー関数について

従来 function [name]([param1[, param2[, ..., paramN]]]) {    statements }     アロー関数を使った場合 (param1, param2, …, paramN) => { statements }   // これと等価:   […]