僕がヤフーを辞めた4つの理由｜宇野 雄（saladdays）｜note
6年間勤めたヤフー株式会社を退職します。在籍は2019年の1月末までですが、12/5（水）が最終出社日でした。今は絶賛有給消化中（全57日のうち4日目）です。 これはいわゆる退職エントリーではありますが、別にここからヤフーの悪口を並べるつもりはありません。どちらかというとその退職するに至る根本にあった僕のデザイナーとしての仕事のスタンスやキャリアの考え方、ちょっと生臭いお金のお話をできればと思います。 はじめに結論だけ言いますと「別にヤフーを辞めなきゃいけない理由はなかった」です。転職や退職を目的としていたわけではなく、市場価値をより高める続ける方法を考え、結果的として退職という手段に行き着いただけです。 大きく考えたのはこの4つです。 ・ヤフーでの実績をきちんと積めた ・自分の成長の鈍化を感じた ・自分の学んだことを更に活かせる場に行きたかった ・市場価値をより高め続けるための戦略ヤフー
JavaScriptで自分だけのWeb製作エディタを構築できる「GrapesJS」を使ってみた！ - paiza開発日誌
どうも、まさとらん（@0310lan）です！ 今回は、ドラッグ＆ドロップで誰でも簡単にWebサイトを製作できるサービスのご紹介です！ そのままでもWebオーサリングツールとして大変便利なのですが、JavaScriptで好きなようにカスタマイズしてオリジナルのエディタを開発＆公開できるという面白い特徴があります。 現在、オープンソースとして活発に開発が進められているので、ぜひこの機会にみなさんも試してみてください！ 【 GrapesJS 】 ■「GrapesJS」の使い方！ それでは「GrapesJS」を使ったWeb製作エディタがどのようなツールなのかを見ていきましょう！ トップページにある「Webpage Demo」というボタンからアクセスすることができます。 登録なども不要で、すぐにブラウザ上で「エディタ」が表示されます。 この画面上で、自分の好きなようにWebサイトを製作することができ
初めてのWebサービスを作った話。｜masaki
このたび、「ほめっぱ！」というWebサイトを作った。 褒めて欲しいことがある人は匿名で投稿し、褒めたい人は匿名で褒めまくれる…というだけのコンテンツだ。 投稿型コンテンツなので、興味が湧いた方は是非是非色々書いてみて欲しい。 むしろ書いてくださいお願いします（全力の土下座） 上手いことやれるかどうかはわかんないし、むしろノウハウがほとんどない状態からのスタートなので、ほぼ上手くいかないであろうとはある程度自己擁護というか、心を守るための防衛線を張ることを許して欲しい。 これまで50サイトくらいアフィリエイトサイトを作り、200サイト近くクライアントワークをこなし、100件以上のネットショップ制作のお手伝いをしてきたのだが、「ユーザー参加」をメインとするコンテンツを作るのはこれが初めてだったりする。 と、いうわけで、最終的に結果はいつもの四畳半ワークスなり、屋号サイトのブログなりで書くことに
2017年、デザインガイドラインについて考える。｜Yuya Furusato｜note
株式会社rootのUIデザイナー 古里祐哉です（@remmyfurusato）。 rootでは、サービスの立ち上げやリニューアルに伴う、UI/UXデザインをご支援しています。 さて、今年を振り返えると「デザインガイドラインに注力した」年でした。デザインガイドラインを必要とされるクライアント様には共通点があります。 ・レイアウトパターンやパーツの使い方が定義されていないで、設計者やエンジニアが迷う。 ・結果、サービス全体の一貫性がなく使いづらい。 このような課題を抱えるクライアント様からのご依頼を多くいただきました。サービス開発の現場で、徐々にデザインガイドラインの重要性が広まってきているのではないでしょうか。 デザインガイドライン作成を通して考えたことをまとめたいと思います。 デザインガイドラインとは？ デザインガイドラインの定義は「サービスやプラットフォームのデザイン方針を示したドキュメ
デザインデータを楽々管理！デザイン版バージョン管理システム「Abstract」の使い方
デザイナーの皆さん、こんにちは。 突然ですが、デザイナーの皆さんはGitやGitHubを使っていますか？ GitやGitHubは、プログラマーやエンジニアには非常に人気のあるバージョン管理プラットフォームです。 公開されているソースコードを閲覧したりSNSの機能も備えているので便利なのですが、やはり一番便利なのは、複数人でコーディングを行うときに同じファイルのたくさんのバージョンがあれば、差分を検知してマージ(統合)することができる点です。 GitやGithubはグラフィックファイルをアップロードして管理することもできます。 ところが、プログラミングで使用する基本的に文字の羅列であるバイナリーファイルとは違い、グラフィックファイルは随分と勝手が違います。 テキストと違って差分を検知してマージすることが難しく、3つ以上のバージョンがあるときにはなおさら大変になります。 今回は、デザインに特化
わずか1行のコード追加で、どんなWebサイトもCMSっぽくできる！「Simpla」の驚くべき使い方を徹底解説 - paiza開発日誌
どうも、まさとらん（@0310lan）です。 今回は、既存のWebサイトを究極にシンプルなCMSっぽく管理することができる無料のWebサービスをご紹介しようと思います！ このサービスを活用すれば、Webサイトのテキストや画像などの編集、サイトの更新作業などを直感的に誰でも行うことができるようになります。 【 Simpla 】 ■「Simpla」とは？ まず最初に、「Simpla」がどのようなサービスなのかを実際に見ていきましょう！ 以下に、「Simpla」を導入したサンプルサイトがあります。 見た目はごく普通のWebサイトですが、URLの末尾に「#edit」と追記して再読み込みします。 すると、専用の「ログイン画面」が表示されます！ 「Simpla」アカウントでログインすると、画面上でそのままコンテンツを編集できるようになります！ （編集できる箇所、できない箇所の設定も可能です） また、画
ブラウザ上で超簡単にWebサイトが作れる！Bootstrap4対応のWeb制作エディタ「Pingendo」の活用ワザを一挙大公開！ - paiza times
どうも、まさとらん（@0310lan）です。 今回は、マウス操作で簡単に「Bootstrap4」に対応したWeb制作をブラウザ上で行えるサービス「Pingendo」をご紹介しようと思います。 以前から、PC向けソフトウェアとしてリリースされていましたが、最近になってベータ版ではあるものの「Chromeブラウザ」からでも利用できるようになりました！ 【 Pingendo 】 「Pingendo」は、基本的にマウスでポチポチとクリックしていくだけで、簡単に見栄えの良いWebサイトが作れてしまう便利なサービスです。 また、中・上級者向けにソースコードもすべて編集可能になっているので、自分好みにカスタマイズすることも出来るのが特徴となっています！ ■基本的な使い方！ それでは、実際に「Pingendo」を使いながら、どのようなサービスなのかを見ていきましょう。 利用するにあたり、面倒な登録やインス
Webフォントサービスの徹底比較！ 和文フォントが使える5つのサービスの利点まとめ - ICS MEDIA
以前、記事「[商用利用可能！高品質なオススメ日本語Webフォント8選（無料フォント多数）](https://ics.media/entry/13498/）」にて日本語のWebフォントを紹介しました。無料のWebフォントを中心に紹介しましたが、種類が少なく使いたいフォントがないといった場合も多いかと思います。 そういった場合に有償のWebフォントサービスが候補として挙がりますが、使用できる書体数やPV数の制限などサービス内容の違いがあり、どのサービスを選択するか悩ましいのではないでしょうか。今回は5つのWebフォントサービスを取り上げ、それぞれで扱っている書体数やプラン内容などを徹底比較します。 TypeSquare 「TypeSquare」はモリサワが提供しているWebフォントサービスです。800を超える書体（和文フォントは695書体）から選択可能で、主な書体として「新ゴ」「リュウミン」「
複雑なコードは不要！簡単に使えるHTML/CSSジェネレーター22選
今回はWeb制作で役立つHTML/CSSを生成してくれるジェネレーターを紹介します。 CSS3の登場でより高度なアニメーションや表現ができるようになりました。一方、CSS3のコードは複雑になりがちでプロパティの使い方を覚えるのも大変です。 ジェネレーターはリアルタイムでデザインを確認できたり、GUIで簡単にデザインを調整できたりします。より効率的なWeb制作を行うために、ぜひ活用してみてください。 WAIT! Animate http://waitanimate.eggbox.io/#/ CSSのループアニメーションで遅延を挿入するのは簡単ではありません。こちらのサービスでは一時停止機能をもったループアニメーションのコードを生成してくれます。いくつかの主要なアニメーションのテンプレートが提供されており、さらにカスタマイズも可能です。 Stylie http://jeremyckahn.gi
こういうの欲しかった、デザイン・コーディングが捗るツールまとめ
作成：2016/09/26 Tool > 使用頻度は高くないけれど「こういうの欲しかった」と思えた、役立つWeb制作で使うツールやサービスをまとめました。 エンジニア速報は Twitter の@commteで配信しています。 アニメーション12の基本原則デモ ディズニーによって開発されたアニメーションの１２の基本原則（12 basic principles of animation - Wikipedia）デモ。イラストやキャラクターなどを動かすときにインスピレーションを得たいときに。モーション作成やアニメーションの参考にした12種パターンのgif動画を見ることができます。 [tool] THE ILLUSION OF LIFE [参考] ディズニー社に学ぶ！HTML/CSSで12個のアニメーション基本原則を完全再現！ - CSS Animation CSSで写真にフィルタ加工してコード出
Web制作時に助かる、意外と役立つ便利ツール
作成：2016/05/9 更新：2016/06/29 Tool > Web制作する時にあると役に立つオンラインサービス。もっと効率的にするために、今のところ一番使いやすいと思うツールや埋め込み型のサービスをご紹介します。 エンジニア速報は Twitter の@commteで配信しています。 チャイムとクロック スクールや会社でウェストミンスターの鐘を鳴らしたいならこれ。Chromeタブを開いて時間を設定しておくと、学校の「キーンコーンカーンコーン」というチャイムを鳴らせます。 Web制作教室で50分・10分ごと実際にタイマーを鳴らしてますが、学校の気分が出て気が引き締まります。この歳に聴くと切なくなりますね。 timer tab タブで表示できる天気予報付きクロックならこちら。アニメーションが美しい。フォントの色と種類を指定可能。 Floaty Color Clock WordPress
それなりに使える、Web制作者がお世話になる便利ツール
作成：2016/01/4 更新：2018/05/01 Web制作 > 毎回使うわけではないけれど、いざとなったら意外と役に立つもの。今回はディレクターからコーダーまで「それなり」に使えそうなツールをまとめました。作業労力を軽減してくれる系です。 エンジニア速報は Twitter の@commteで配信しています。 便利なツール ロゴの特許、商標の検索 キーワードを入力すると登録番号・出願・商標・出願人・登録日の他、ロゴイメージなどを見ることができるサービス、特許情報プラットフォーム。ロゴを作成し商標登録後はここでチェックしておきたいですね。 検索の他、実用新案、意匠、商標の簡易検索ができます。意外と紹介している人が少ないのと、たまに使うことがあるのでメモしておきます。 J-PlatPat 特許事務所は検索で沢山出てきますので、ここでは割愛します。商標登録とロゴマーク作成を一括で頼めるサービ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
1000個以上のjQueryプラグインを「README.md」付きでまとめた「jQuery Cards」を使ってみた！ : うえぶはっく
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。