とあるフリーランスWebデザイナーの一日
2017年7月14日 フリーランス, 便利ツール フリーランスとして働いている人は、なかなか他の人の働き方を知る機会がないのではないでしょうか？どんな風に時間管理してるんだろう？どんなツールを使ってるんだろう？などなど、気になるけど、聞くまでもないかな…なんて…。最近そのような、フリーランスの働き方についての質問メールをいくつか頂いたので、フリーランスのWebデザイナーである私の一日を追ってみました（自分で）。いつも業務に使っているWebサービスや便利なツールも紹介しています。ほとんどが無料サービスなので必見ですよ！ ↑私が10年以上利用している会計ソフト！ 5:30 起床 朝は早いです。逆立ちをして（！）目を覚まします。逆立ちなんて相当集中していないとできないので、一気に目が覚めます。 その後Macを開いてメールチェック。メールクライアントはMac付属のMail。すぐ返信するもの、後で返
たった10秒触るだけ！どうして？と疑いたくなるほど超簡単な肩こり解消法 | 美プラス
病気ではないけどつらい「肩こり」。 世帯員の健康状態を調べた国民生活基礎調査（平成30年度）では、自覚のある症状として女性では肩こりが１位、男性では２位という結果が。 この傾向は年々増えていて、しかも低年齢化が進んでいると言われています。 では、肩こりを悪化させないためにはどうすれば良いのでしょうか。 そこで、肩こりの原因を探ったうえで、肩こりをわずか10秒で解消する超簡単な方法「さとう式リンパマッサージ」をご紹介します。 「どうして？」と疑いたくなるほど超簡単なこの方法で、肩こり知らずのハッピーな生活を送りましょう♪ 肩こりの原因 肩こりには大きく分けて、「病気が原因の肩こり」と「病気が原因ではない肩こり」があります。 病気が原因の場合、変形性頚椎症や頚部椎間板ヘルニア以外にも内臓疾患やうつ病などから肩こりになることもあり、この場合、医師による診察が必要。 病気ではない肩こりには、無理な
Python（というわりには少なめな）で土日を使ってサービスを作るための中途半端なモダン環境構築メモ
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
Windows 8 UIチューニング術
Windows XPの延長サポート期限もあと1年を切り、そろそろWindows XPからの移行を真剣に検討しなければならない時期になった。ところがWindows 8は、ユーザー・インターフェイス（UI）が大きく変更されており、慣れていないと使いづらい。そこで、Windows XPユーザーがWindows 8を使う上で、戸惑いを少なくするためのWindows 8のUIチューニング法を解説する。 連載目次 Windows XPの延長サポート期限もあと1年を切り（2014年4月9日まで）、そろそろWindows XPからの移行を真剣に検討しなければならない時期になった。ところが、Windows XPからの移行対象候補となるWindows 8は、Windows 7やそれ以前のWindows OSと比較するとユーザー・インターフェイス（UI）が大きく変更されており、アプリケーションの移行コストに加え
フラットデザインのコツ的なアレ - 納豆には卵を入れる派です。
P4Dで教えていただいたエンジニアさんに聞かれたので、なんか整理しきれてなくてざっくりなんですが、取り急ぎ、なんかそれっぽくなるコツみたいなのを独断と偏見でまとめてみました。 3色〜5色くらいの色を画面の中で均等に使うのおすすめ 作りたいサービスが何で色分けできるか考えます。ちょうどよく3〜5種類くらいのステータスやカテゴリなどがあったら、それに応じて色が変わるとかするとうまくハマる。かも。 Flat UI Colorで色選び http://flatuicolors.com/ という便利なサイトがあって、ここから3〜5色くらい選ぶとよいです。クリックするとカラーコードがコピーされます。あら便利。赤は他の色と仲良くするのが難しめ。 Sassで彩度を抑えると落ち着いた色調になって、使いこなしの難易度が低くなります 上のサイトもそうなんですが、Flat UIによく使われている色は、鮮やかなが多く
アプリ開発を効率化するためにできる10のこと
顧客のニーズに合ったモバイルアプリやウェブアプリを目指して、アプリケーション開発の世界は急速に変化している。これは、IT業界がアプリケーションの開発方法を変え、成果の測り方や、ビジネスの現場に届ける価値の測り方をも変えていく必要があることを意味している。現在の環境（例えばインターネットの存在など）では、もはやアプリを完全にコントロールすることはできないし、環境によってアプリの性能も影響を受けるようになっている。この記事では、そのような状況でも、今後も価値を提供していくために、IT業界が今すぐ取り組むべき10の項目を挙げることにする。 1．アプリケーション開発をビジネスの長期計画に組み込む アプリケーション開発プロジェクトは、その組織が持つ長期計画のフレームワークの枠内に位置づけられる。しかしそれは、必ずしも大きなアプリケーション開発プロジェクトが（少なくともプロジェクトの目的や予想される成
擬似要素を使った見出しデザイン
このブログの見出しはシンプルなんですが、CSSの「:before」や「:after」など擬似要素を使えば色々と装飾ができますので今回は8つのサンプルを紹介します。 HTMLはすべてHタグだけです。特に意味はありませんが今回のサンプルはh4タグを使っています。 「:before」「:after」やボーダーで表現する三角形の使い方など慣れない方もいるかもれませんので、その都度簡単に解説していきます。「:before」「:after」疑似要素はIE7以下は非対応ですのでご注意ください。 今回のサンプルは別サーバにアップしていますのでご覧ください。 それでは今回8つのサンプルを紹介していきます。 1. 吹き出しのような見出し1 吹き出しの下の部分を:after擬似要素で作っています。三角形はボーダーで作っています。下の画像を見ると何となくイメージできるでしょうか。今回の場合は上の赤い部分のみ色を付
Sublime Text 2でコンパイル編 ｜ クラスメソッド開発ブログ
はじめに このシリーズ「すぐに使えるSCSS入門シリーズ」ではScoutを使ってコンパイルしてきました。 最近Sublime Text 2のライセンスも買って、本格的に使い始めました。 そこで、今回はSublime Text 2（Windows, Mac）を使ってコンパイルする方法を調べたので、まとめて紹介したいと思います。 この記事ではデザイナーに苦手な人が多いかもしれない黒い画面「コマンドプロンプトとターミナル」を利用します。 難しいんじゃないかと思うかもしれませんが、是非挑戦してみてください。そのうち大したことしてないじゃんと思えるようになります。 主な流れ 主な流れはこんな感じで、最初に黒い画面でコマンドを入力していきます。 それが終わればSublime Text 2の設定を行い、コンパイルを試します。 Rybyのインストール インストールの確認とコンソール Sassのインストール
開発中の簡単な情報共有のためにDebugMemo plugin for CakePHPを作ってみた - Copy/Cut/Paste/Hatena
CakePHP 2.3.0がリリースされましたね。 今日の社内技術発表では、CakePHP2.3.0でのModel::find('first')の返り値の変更について紹介されていました。 CakePHP、ますます使いやすくなってように思います。 開発中システムのメモや気づいた点はどこで共有するか システムがだんだん動くようになってくると、ブラウザで画面を確認することが多くなります。 場合によっては、クライアントの人も開発中のシステムの画面を見ることがあるのではないでしょうか。 そんなときに見つけたバグやデザインの問題、その他気づいた点はどこで共有していますか？ 関係者全員でRedmineやCandyCaneといったプロジェクト管理ソフトウェアでうまく情報共有がされているときは、それで全く問題ありません。 ただ、 「そこまで大げさでなくて良い」 「そういった環境がない」 「クライアントに覚え
KOF 2013：関西オープンフォーラム2013
KOF2013 企画の発表資料まとめ はこちらです。見れなかったセミナーや内容の確認にどうぞ。今後、ぞくぞく公開されていきます。
Googleリーダー代わりはどれがいい？ 徹底比較でわかった最強サービス｜Mac - 週刊アスキー
編集者とライター3名によるレビューコメント付きでサクッとご紹介します。5点満点で評価しました。 ●Reeder http://reederapp.com/（関連リンク） Googleリーダーからの移行難易度 ★★☆ '09 年12 月の公開以来、Macと相性のいいクールなデザインと閲覧操作のしやすさで、常に高評価を得ている最古参のRSSリーダー。次期バージョン公開までMac／iPadアプリが無料！ MacPeople吉田編集長 4点：SafariからRSSリーダー機能が削除されてからfeedlyのサブとして使い続けてきたアプリ。キー操作で記事を次々と読み進められるので重宝する MacPeople山口編集者 5点：Macアプリなのでブラウザーと別に常時表示しやすいのが◎。共有ボタンの「View in Chrome」からブラウザーで開き直せて連携性も抜群 ライターヤシマ 4点：MacでもiPh
Webの仕事をするなら最低限知っておくべき戦略フレームワーク×10 | sogitani.baigie.blog
経営やマーケティング、ブランディングなど、ビジネスを語る際に必要な論理的思考。その思考パターンを定型化し、誰でも使えるようにしたのが戦略フレームワークです。戦略フレームワークはビジネスのあらゆる分野で使われており、有名・無名を含めると、膨大な数が存在します。 戦略フレームワークを使うと、現状を論理的に構造化し、客観的に俯瞰できるようになります。また、いつもフレームワーク発想で考えるクセを付けていると、ヒアリングしたその場で企業が抱える問題点が見えてきたり、自分の主張や提案を、分かりやすく説得力をともなって伝えることができるようにもなります。 Web業界はテクノロジーの影響が非常に強い業界です。特に制作や開発に深く関わる業種・職種ほど、ビジネスの本質ではなく、技術的なトレンドに流された発想に陥りがちです。 しかし、戦略フレームワークの考えをマスターしていれば、技術トレンドに流されず、ビジネス
jQuery：よく使用される機能をまとめて実装できるプラグイン - NxWorld
スムーススクロール・タブ切り替え・ロールオーバー・アコーディオンなどといった、サイト制作時によく使われる機能をまとめて実装することができるjQueryプラグインのまとめです。 予め使用する機能がはっきりわかっていれば、こういった便利なものを使用することでファイルの散乱も防げますし、管理もしやすくなりますね。 紹介するプラグインの中には必要な機能だけを選択してダウンロードできたりもします。 yuga.js web制作を優雅にするために作られたjQueryプラグインで、7種類の機能が実装されています。 ライセンスはMIT Licenseで、ライセンスに従う限り許可なく自由に使用できるそうです。 機能 ロールオーバー 現在のページをハイライト表示 外部リンクを別ウインドウで開く 画像をthickboxで表示（thickbox.jsを使用） スムーススクロール タブ機能 CSS3の擬似クラスをクラ
プログラマー(SE)、デスクワーカーに捧げる！仕事場でできる3つの猫背対策法
当サロンにお越しのお客様の多くは猫背を中心とする姿勢改善を目的とされる方々です。 オフィス街のど真ん中に位置する当サロンへは、デスクワーク（パソコン作業）が中心業務となっているOLさんが一番多いです。 しかし最近、さらに激務で大変なSEさんが立て続けでご来店されました。 女性よりも男性は健康や姿勢に対して意識は低い傾向がありますが、特に過酷な状況強いられているSEさんは意外に気にされているんだなぁと関心しておりました。 そこで今回はそんなSEさんなどデスクワークを業務の中心とする方々が、職場で意識出来る猫背改善の為の3つのポイントをお伝えしたいと思います。 こんな作業環境の方に対応しています もちろん私はSEではありませんので本当の過酷さを知りません。ですので、聞いた話をベースに書いていますが、大きな間違いはないと思います。 これらは、SEさんなどデスクワークを主な業務とされる方々に共通す
最近のWindowsの開発環境のセットアップ - 純粋関数空間
周囲にWindowsユーザがめっきり減ってきた昨今ですが、 Windowsユーザの皆様はいかがお過ごしでしょうか。 Windows8は使えないだの、 シェルがしょぼいからあれだのと言われることも多いですが、 圧倒的にたくさんのPCで安心して動かせるOSとして、 私個人としてはとても便利に使っています。 Let’snoteのCF-S10Dという2年ほど前の機種を使っているのですが、 ようやくPanasonicのWindows8サポートがこの機種までやってきたので、 Windows8に入れ替えることにしました。 実は発売当初にもWindows8を入れていたのですが、 Let’snoteを快適に使うには必須の、「くるくるホイール」が使えなかったり、 謎の認識されないデバイスがあったりだったので、 Windows7に戻していました。 というわけで、セットアップついでにそのときの記録を書いておこうと
PHP,Ruby,JS,HTML,CSSをブラウザ上で開発できるオープンソースIDEエディタ「ICEcoder」:phpspot開発日誌
PHP,Ruby,JS,HTML,CSSをブラウザ上で開発できるオープンソースIDEエディタ「ICEcoder」 2013年05月24日- Browser code editor awesomeness : ICEcoder PHP,Ruby,JS,HTML,CSSをブラウザ上で開発できるオープンソースIDEエディタ「ICEcoder」 ブラウザ上だけどツリービューでファイルを開けたり、タブでファイルを複数開けたりIDE顔負けのインタフェースを持つエディタ。 OSSなので自分のサーバに設置して使うことができます。リモート開発の方法は色々ありますが、Chromeだけでサクサク開発するっていう手法もなかなか便利なのかも。 こういうのを１０年ぐらい前の人に見せてあげたいですね。 そういう意味では１０年後が恐ろしかったりします。 関連エントリ フルスクリーン編集可能なWYSIWYGエディタ実装jQ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
MySQLの冗長化 2013-01-24
PHPからSSHやSFTPを使うチュートリアル:phpspot開発日誌
やりなおせる Git 入門
eastsidefoodcoop.org