サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
Appleイベント
doocts.com
Netlifyについて、何となくS3的な静的ファイルをホスティングするサービスだと思って(さらに定期的に「Browserify」と混同して)いて、この度ようやく重い腰を上げて使ってみたのですがどう考えてもすごい。しかも無料。 この記事はReact #2 Advent Calendar 2017、13日目の記事です。 Create React appsの導入 まずはCreate React appsを導入します。 上記のREADMEにある通り、 npm install -g create-react-app create-react-app my-app cd my-app/ npm start だけでReactに必要な一式が簡単にセットアップされます。 今回は上記まで完了したところでGitHubにpushした体です。 Netlifyの設定 Netlifyのアカウント作成からやっていきます。
表題の通り、お恥ずかしい限りではありますが、人生ではじめて警察(神奈川県警!)のお世話になる運びとなりました。 罪状としては「不正指令電磁的記録 取得・保管罪」、通称ウイルス罪とのことで、まさに青天の霹靂の思いです。 以下ではこの度起こったことを可能な範囲でありのまま共有できればと思います。 この記事の目的 まず、この記事を公開した目的は「他のクリエイターの人に同じ経験をして欲しくない」という一点に尽きます。 手前味噌ではありますが、私はこれまで多くの尊敬するクリエイターの方々と同じように「良いクリエイターであろう」と腐心し、できうるかぎりの努力をしてきたつもりです。 今回の件に関しても決して私利私欲のためではなく、あくまでユーザーのためにできることを、と模索した結果でした。 それがこのような形で取り沙汰されることとなり、残念という他ありません。 忸怩たる思いではありますが、この件から何か
正直あまり時流に乗れていないのですが、昨今フロントエンドとバックエンドを分離してフロントにより自由度を! とのコンセプトのもと「Headless(ヘッドレス) CMS」なるものが流行しているそうです。 国内ではあまりサービスは見られないものの、海外ではHeadless CMSの先駆けとして「Elemeno」、そしてFacebook社も「GraphCMS」をリリースしています。 確かにCMSからViewを分離できれば、 CMS側ではJSON(API)のみになるためフロント側が言語に依存しない ホスティングされたものが使えるため自前のサーバーがいらず、セキュリティ等もおまかせ 等のメリットがあります。 とはいえ、やはりそこは枯れたWordPress。 痒いところに手が届くプラグイン群や日本語のUIはクライアントワークには欠かせません。 そこで、「インストールしたらまずはREST APIをオフに
この記事はフリーランス Advent Calendar 2017、15日目の記事です。 なので、この記事の前後にはきっといかにもフリーランス然とした華々しい記事が繰り広げられるでしょう。 そんな中、颯爽とフリーランスをやめ(多分)会社員になるわたし(@moro_is)です。 なぜフリーランスをやめるのか いくつか理由はあるのですが、 会社員への抵抗が薄れた フリーランスとしての限界が見えてきた 世帯を持った というのが大きいです。 以下、ひとつずつ掘り下げていきます。 会社員への抵抗が薄れた 僕がフリーランスデビューを果たした2012年、IT業界は今ほど好景気かつスタイリッシュな業界ではなく、割りと当たり前に「終電まだなのにもう帰るの!?」的な業界だったように思います(もちろん会社によるけど)。 入社当日に寝袋が支給されたり、お給料の不払いだったり、出社したら張り紙一枚で会社が潰れていたり
最近流行りの「アウトラインアイコン」。 いい感じのものを探していたのですが、デザイン系のフリー素材はどうしても海外のものが多く、「はてブ」や「LINE」が含まれているものが見つけられませんでした。 ので、下記作りました。 追記 思うところあって「mixi」も追加しました(ついでにちょっとサイズが小さかったのを修正しました)。 ダウンロード 上記の「ダウンロード」からzipファイルをダウンロードできます。 以下は解説など。 SNSアイコン Twitter Facebook Instagram LINE(大・小) Pocket Google+ はてなブックマーク mixi New! 海外の素材ではあまり見られない「LINE」「はてブ」を含め、主要SNSのものも一応作りました。 ファイル形式 .eot .ttf .woff .svg .ai .fw.png(Fireworks PNG) フォント
Web上仕事もで取ってきてしまえるマッチングサービスを集めてきました。 意外と数が多かったので主にデザインを指標に良さ気なサイトを掲載しています。 ただし使ったこともないサイトがほとんどです。下に行くほどざっくばらんです。ごめんなさい。 クラウドワークス https://crowdworks.jp/ エンジニア・クリエイターのクラウドソーシングサービス。 2011年3月から現在に至るまでずっとベータ版のままのクラウドワークス。 サイトのデザインも今時で、UIも使いやすいです。 一度利用させてもらったのですが、新しいサービスなだけあってクライアントのリテラシーも高めです。 @SOHO http://www.atsoho.com/ 「SOHO,フリーランス向けの在宅ワーク、副業、業務委託、求人情報を提供しています。同時にSOHO,フリーランスのプロフィールも掲載し,両者のマッチングを行う仕組み
先日「Slackがカップル専用アプリだった件」という記事を拝見しまして、その衝撃たるやそうそうたるものでした。 その手があったか、と。 僕はもう辺りを警戒しながら、恥を忍んで、おずおずとBetweenを開く必要はないんだ、と。 思い立ったが吉日。善は急げです。 彼女を説得する もともとお互いにBetweenには多少の不満があって、ちょうど乗り換えを検討していたタイミングでした。 しかし、「Slack」のデザイン性の高さには食いついたものの、英語オンリーのUIや「Channel」等の馴染みのない機能に難色を示し気味。 僕のプレゼン力が試される時です。 僕「この『Slack』作ったスチュワート・バターフィールドっていう人、海外でめっちゃ流行った『Flickr』いう写真のSNS作った人なんだけどさ。 本当はゲーム作りたかったんだって。 でもゲーム作ってる途中で予算が尽きて、しょうがなく作りかけの
A design company that designs anything.
FacebookやTwitterカードなどで用いられるOGPタグの設定を(なんとなく流行りに乗りたいがために)せっせとやっておったのですが、Facebookさんすぐ仕様変更してしまうし、気付けば20行以上とかになっていたりしたので改めて調べなおしてみました。 結論から先に申しますと、 <meta property="og:title" content="FacebookとかTwitterとかmixiとかいろんなSNSで利用されるOGPを見直してみた"/> <meta property="og:type" content="blog"/> <meta property="og:url" content="https://doocts.com/webdesign/open-graph-protocol.html"/> <meta property="og:image" content="img
ブラウザ毎のデフォルトのフォントサイズと、パーセントでサイズ指定するための一覧をメモっておきます。 Windows ブラウザ プロポーショナル (Proportional) 等幅 (Monospace) Internet Explorer 8.0 16px 16px Internet Explorer 7.0 16px 16px Internet Explorer 6.0 16px 16px Internet Explorer 4.0 16px - Firefox 3.0 16px 16px Firefox 2.0 16px 16px Firefox 1.0 16px 16px Opera 9.0 16px 16px Opera 9.0 16px - Safari 3.0 16px 13px Netscape 7 16px 16px Macintosh ブラウザ プロポーショナル (Pro
このページを最初にブックマークしてみませんか?
『Doocts Inc. - A design company that designs anything.』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く