Webデザイナーなら運営しておきたいポートフォリオサイトの作り方｜ cocoblo [ココブロ]
昔はポートフォリオサイトは持っていたのですが閉鎖してしまい今は作品をお見せする機会が少なくなってしましました…… 就職や転職をされる場合はやはり持っておいていたほうが有利になります。もちろんフリーランスの方も持っていてクライアントにお見せするときなどにも重宝します。 今回は1からポートフォリオサイトを制作していく流れなどをまとめていきたいと思います。 ちなみ実際に運用したサイトはJolieeというポートフォリオサイトです。よろしくお願いします！ サイトの構成をまとめる これは一番大切なことなのでノートにまとめたりEvernoteなどにわかりやすくまとめておくと良いです。運用のルールなど自分だけが管理するものなので思いついたことを残しましょう。 アイキャッチにもなっている画像が実際に今回作成したポートフォリオサイトでの走り書きのメモです。全体のレイアウト、仮想ページのレイアウト、メニューなど
![Webデザイナーなら運営しておきたいポートフォリオサイトの作り方｜ cocoblo [ココブロ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/4c68b5d50f25f1edef1c5e6d89e07ff530b0c9d5/height=288;version=1;width=512/http%3A%2F%2Fwww.cocoblo.jp%2Fblog%2Fwp-content%2Fuploads%2F2015%2F03%2Fportfoliosite-design.jpg)
今更ながら27インチiMacを買った理由と開封の儀｜ cocoblo [ココブロ]
ついに我が家にiMacがやってきました。そこで今回は開封の儀となぜ27インチiMacにしたかをまとめてみたいと思います。 まだ1日しか経っていませんが色々と買う前から考えていたことなので残しておきたいと思います。 まずはスペックからまとめてみます。 27インチモデルを選んだ理由 iMac Retina 5Kディスプレイモデルが発売されていますが、個人的にはそこまで重要視していませんでした。 確かに画面が美しいのは魅力的ですが予算もあったので妥協したのも正直ありました。ですが仕事柄でもあるWebデザイナーが使う機種としてはもったいないかと感じました。 グラフィックデザイナーなどをされている方、フォトフラファーの方にはiMac Retina 5Kディスプレイでも良いかと思います。グラフィックボードを積むことが良いかと感じました。 Webデザインがグラフィックにこだわらないものでもありませんが…
![今更ながら27インチiMacを買った理由と開封の儀｜ cocoblo [ココブロ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/e5ef4b25a0ee51303a845924ff2d6010602323e7/height=288;version=1;width=512/http%3A%2F%2Fwww.cocoblo.jp%2Fblog%2Fwp-content%2Fuploads%2F2015%2F03%2Fimac-27inch-201503.jpg)
1000円前後で使えるSIMカードをまとめてみました｜ cocoblo [ココブロ]
SIMフリースマートフォンを手に入れて約1ヶ月ですが今のところ満足している@cocolejpです。 格安と言っていいのかはわかりませんが通信費がここまで安くなるとは思ってもいませんでした。携帯料金高いと思っていたのでなおさらかもしれません。 自分はまだBIC SIMしか利用したことはありませんが特典といいますかプラスされるサービスも嬉しかったりするので今回何社かまとめてみたいと思います。 月額900円〜 BIC SIM BIC SIM 3種類のプランが用意されていて最安値で900円からと安くSMS機能付きでも1040円。 通信容量も2GBからなのでそこまで頻繁に使わない方も始めやすいかと思います。 特典としてWi2 300のサービスが受けられます！マクドナルド、空港、駅、成田エクスプレス、リムジンバス車内、丸ビル、横浜エリア等の公衆無線LANスポットでWPA/WPA2対応、最大300Mbp
![1000円前後で使えるSIMカードをまとめてみました｜ cocoblo [ココブロ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/be401d090aac71355ca157219dc45a44f94a118e/height=288;version=1;width=512/http%3A%2F%2Fwww.cocoblo.jp%2Fblog%2Fwp-content%2Fuploads%2F2015%2F01%2Fbicsim-sms.jpg)
Gitの勉強のため参考にさせてもらったサイトやスライドの紹介｜ cocoblo [ココブロ]
Gitを触り始めて間もないのですが参考書もためになりますがネットにもたくさんの情報が掲載されています。 まずはGitとはどういうものかを紹介しているサイトから具体的な流れなどを紹介しているサイトをご紹介します。 ニッチなことなどは自分も勉強不足なところもあるので初心者の方にも馴染めるようなサイトを紹介したいと思います。 ひと通りの流れを勉強するのに最適 サルでもわかるGit入門 まずはここは読んでいて損はないところかと思います。ボリュームもあるので一気読みはおすすめしませんが入門編から読んでみると理解しやすいかと思います。イラストも可愛く読みやすい作りです。 GitHubに関する記事 他にも様々なブログでGitHubに関して書かれていたりしていますのでググったりしてみてはいかがでしょうか？ Windowsにgitをインストールしてgithubにpushするまで Git/GitHub初心者の
![Gitの勉強のため参考にさせてもらったサイトやスライドの紹介｜ cocoblo [ココブロ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/e18ea86625a114e8bf7b36e5bec2ee7b6f8e853a/height=288;version=1;width=512/http%3A%2F%2Fwww.cocoblo.jp%2Fblog%2Fwp-content%2Fuploads%2F2015%2F01%2Foctocat.jpg)
Webデザイナーになったらまず最初にブックマークしておきたいWebサイトリスト｜ cocoblo [ココブロ]
お気に入りのWebサイトを紹介したいと思います。職場が変わった、パソコンが変わった時にいちいち探すのも少し面倒なのでブログに残しておきたいと思います。 とても勉強になるサイトばかりなのでチェックしてみてはいかがでしょうか？ タグリファレンス HTMLクイックリファレンス 目的別にHTMLやCSSのタグを探すことができる。ど忘れした時に調度良い感じがします。 TAG index HTMLやCSSのタグについてまとめられている。HTML5のタグも追加された。 HTMLやCSSを学び始めた頃から参考にさせてもらっているサイトです。タグの具体的な内容が書かれているので手軽に調べることができます。 デザインリンク Web Design Clip 業種やカラーでWebサイトを探すことができます。 Responsive Web Design JP レスポンシブデザインのサイトデザインを紹介してい
![Webデザイナーになったらまず最初にブックマークしておきたいWebサイトリスト｜ cocoblo [ココブロ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/01048eb6998fe7ef9afe223729d1cc1d814f7e10/height=288;version=1;width=512/http%3A%2F%2Fwww.cocoblo.jp%2Fblog%2Fwp-content%2Fuploads%2F2014%2F12%2Fresponsive-jp.jpg)
安定感抜群！お出かけ用マウスに最適なBluetooth Mouse M558｜ cocoblo [ココブロ]
WindowsもMacも両方使わないとやって行けていない@cocolejpです。 さて今回は外出時によくMacBook Airを持ち歩いているんですが、たまにデザイン業務などが発生したりとなにかとマウスが欲しくなったりする時があります。 本来であればやっぱり純正のマウスがほしいところだったのですが、外出時に手軽に使え傷ついてもそんなに心が折れないようなマウスにしました。お金のなかったので… マルチタッチジェスチャーいいですよね！使いやすかったなぁ。 とは言え何個も何個も買えるシロモノではないのでちゃんと調査もしましたよ！そりゃちょっと好きなメーカ優先にはなりましたが。 結局今回買ったのはロジクールのBluetooth Mouse for Mac M558です。 開封の儀を行いながらブログを書こうとしたのですが…なんか商品も見えているし案外喜びもあんまりなかったのでやめておきました…… ぱっ
![安定感抜群！お出かけ用マウスに最適なBluetooth Mouse M558｜ cocoblo [ココブロ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/4a7e618b46187cb2a160a3cb6f0581dbb5e0f331/height=288;version=1;width=512/http%3A%2F%2Fwww.cocoblo.jp%2Fblog%2Fwp-content%2Fuploads%2F2014%2F12%2Fbluetooth-mouse-m558-for-mac.jpg)
アンドロイド版LINEスタンプショップの使い方｜ cocoblo [ココブロ]
アンドロイド版のLINEの使い方で今回はスタンプショップの使い方を紹介したいと思います。 公式のスタンプもそうですがクリエイターズスタンプ、無料スタンプも数多くあってダウンロードや管理が大変になってきたりしませんか？ そんな時に少しでも短縮できるようにブログに残しておきます。少しでも役に立てたら幸いです！ 前回「アンドロイド版LINEインストール方法のまとめ」の最後にその他画面の紹介しましたが、スタンプショップへはその他のメニューから入ることができます。 そうするとたくさんのスタンプの一覧が表示されます。TOPでは最新のスタンプなどが紹介されています。 NEWは最新の有料スタンプや無料スタンプを見ることができます。EVENTは条件を満たせば無料でもらえるスタンプを紹介しています。 次に1をタップしてもらうと次に紹介する画面に移ります。 カテゴリー検索 スタンプも数多く発売されるようになった
![アンドロイド版LINEスタンプショップの使い方｜ cocoblo [ココブロ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/f37536c923b305af64b443b94f08377a5bd6a7f6/height=288;version=1;width=512/http%3A%2F%2Fwww.cocoblo.jp%2Fblog%2Fwp-content%2Fuploads%2F2015%2F01%2Fandroid-stickershop.jpg)
[LINE Creators Market]LINEスタンプ第一弾ココルンをリリースしてみた感想と反省点 | cocoblo [ココブロ]
ついに@cocolejpもLINE Creators Marketに参加してしまいました。 さっそく初めてクリエイターズスタンプに登録されてみての感想や反省点などをまとめてみたいとおもいます。 今回登録されたスタンプはcocolen（ココルン）と言う当ブログのマークでもあるキャラクターをモチーフにしています。 この機会にキャラクター化という行動に出ました。当ブログの左上のマークが今回のネタです。お名前はココルンですよろしくお願いします。 では今回の制作においての話をまとめていきたいと思います。 制作から審査まで 実際に制作に取り掛かったのは2014年6月15日から色々と構想をねったりして19日に下絵が完成しIllustratorで作業を開始しました。 キャラクターのことを考えると、どんな感じの子にしようかなどと設定から入りました。そしてスタンプで表現されている言葉などを参考に、このこならこ
![[LINE Creators Market]LINEスタンプ第一弾ココルンをリリースしてみた感想と反省点 | cocoblo [ココブロ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/7b34c8ad3d103d2aedac95371af2c3c1d32b0e98/height=288;version=1;width=512/http%3A%2F%2Fwww.cocoblo.jp%2Fwp%2Fwp-content%2Fuploads%2F2014%2F06%2Flinestamp-cocolen.jpg)
スタンパーズに登録してクリエイターズスタンプのアピールをしよう | cocoblo [ココブロ]
LINEクリエイターズスタンプ流行っていますね！クリエイターの皆さんの個性豊かなスタンプが日に日に増えています。 自分も負けじといくつかは審査に出しているのですけども…なかなか発売には至らずです…… そんなまだまだ発売もされていないクリエイターズスタンプですが、どこかでアピールできないかな？と思って検索をしてみたらStampers（スタンパーズ）と言うサービスを発見しました。 早速登録をしてみたので使い勝手をレビューしたいと思います。 発売前でも登録が可能 描いたスタンプさえあれば誰でも無料で登録ができます。参加しているクリエイターの方も日に日に増えています。 本来であれば自分のブログやサイトでPRするのがメリットでもあるのですが、サイトを作ったりすると何かと時間もかかるものです。 会員登録をしたら自分のスタンプを管理できるマイページが使えます。 ちなみにこれが自分のスタンパーズのマイペー
![スタンパーズに登録してクリエイターズスタンプのアピールをしよう | cocoblo [ココブロ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/10b88b78a97c0f91e09532b1a4fcf5c4edcc32e4/height=288;version=1;width=512/http%3A%2F%2Fwww.cocoblo.jp%2Fwp%2Fwp-content%2Fuploads%2F2014%2F08%2Fstampers.jpg)
安定感抜群！お出かけ用マウスに最適なBluetooth Mouse M558 | cocoblo [ココブロ]
マルチタッチジェスチャーいいですよね！使いやすかったなぁ。 とは言え何個も何個も買えるシロモノではないのでちゃんと調査もしましたよ！そりゃちょっと好きなメーカ優先にはなりましたが。 結局今回買ったのはロジクールのBluetooth Mouse for Mac M558です。 開封の儀を行いながらブログを書こうとしたのですが…なんか商品も見えているし案外喜びもあんまりなかったのでやめておきました…… ぱっと見の感想としては小さめなマウスです。 携帯性には優れているマウスかと思います。フォルムもマジックマウスに比べるとちょっとふっくらしていますがフィットしやすい曲面です。 ぱっと見はWindowsマウスですね。右クリックもできますし。個人的に右クリックできるのはちょっと嬉しかったりもします。 上下のスクロールはやっぱりマジックマウスの操作性が良いです…Windowsマウスに慣れているならホイー
![安定感抜群！お出かけ用マウスに最適なBluetooth Mouse M558 | cocoblo [ココブロ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/d8dc4c1763605a964c3f8e385190cc69dccbb044/height=288;version=1;width=512/http%3A%2F%2Fwww.cocoblo.jp%2Fwp%2Fwp-content%2Fuploads%2F2014%2F05%2Fbluetooth-mouse-m558-for-mac.jpg)
Jetpack使っているならAkismetの設定が簡単便利 | cocoblo [ココブロ]
WordPressネタが久しぶりの@cocolejpです。 今日はGWの休日を利用して自分のブログのお手入れを行っています。 さて当サイトでも利用しているJetpackですがこれを使っているとなかなか連携に便利だと今更気づいたので紹介したいと思います。 では本題に移ります。皆さんはAkismetの登録はお済みですか？ スパム対策サービスとして有名ですね。WordPressをインストールすると必ずプラグインに入っています。 AkismetのWebサイトも何度かリニューアル？しているみたいなでAkismet登録で検索してみると情報が古かったりするのでご注意ください。 Akismetの登録は結構とっつきにくかったり（英語だから……）とあったのですがJetpackと連携するとスムーズだったのでブログに残しておきます。 Akismetの登録方法 まずは有効化していないAkismetを有効化するところ
![Jetpack使っているならAkismetの設定が簡単便利 | cocoblo [ココブロ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/575b3f0c5349c94dd95dea38dacb907a23543803/height=288;version=1;width=512/http%3A%2F%2Fwww.cocoblo.jp%2Fwp%2Fwp-content%2Fuploads%2F2014%2F05%2Fakismet-flow4.jpg)
中野区のホームページをいろいろとまとめました | cocoblo [ココブロ]
中野区大好きです！住み心地もいいし美味しいものたくさんあるし…失敗もありますが… サブカルチャーな街とも言われていますが新宿へも近いですし、都心へのアクセスも便利。おとなりの高円寺も捨てがたいですが…… そんな中野区をいろいろと調べることがあったのでまとめておきたいと思います。 お役所関連 まずは中野区の区役所などを紹介。お役所なので様々な部署があり色々とホームページを探すだけでも大変です… 中野区役所 中野区立図書館 Facebook 中野区役所 Twitter 東京都中野区（広報担当） 中野区に住んだりするなら必ずチェックしておきたいホームページです。SNSも積極的に取り入れているので比較的最新の情報が入りやすいです。 スポーツ 公共施設の強みは手軽に利用ができることと料金が安い！最近では若い方の利用者も増えています。フィットネスクラブの休館日に利用される方も増えています！ 中野体育館
![中野区のホームページをいろいろとまとめました | cocoblo [ココブロ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/96664f8b112d484c345a114322357ad1045377f1/height=288;version=1;width=512/http%3A%2F%2Fwww.cocoblo.jp%2Fwp%2Fwp-content%2Fuploads%2F2014%2F05%2Fnakanoku-hp-matome.jpg)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ぷららモバイルLTE音声通話プランのキャンペーンがお得｜ cocoblo [ココブロ]
ヨドバシお正月限定「夢のお年玉箱一眼レフデジカメの夢」開封の儀｜ cocoblo [ココブロ]
年末年始の読書本決まった？Kindle本の年末年始セール開催中！｜ cocoblo [ココブロ]![年末年始の読書本決まった？Kindle本の年末年始セール開催中！｜ cocoblo [ココブロ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/6dc0dd384552fbe454f500732fe2fe4d3f84ea11/height=288;version=1;width=512/http%3A%2F%2Fwww.cocoblo.jp%2Fblog%2Fwp-content%2Fuploads%2F2014%2F12%2Fitibanyasasiiseo.jpg)
1週間の生活費は6枚の封筒で管理しよう | cocoblo [ココブロ]
[LINE Creators Market]最低限覚えておきたいLINEスタンプのサイズについて | cocoblo [ココブロ]
cocoblo design gallery
働き方を考え派遣社員になって2ヶ月…これからの働き方を考えてみる | cocoblo [ココブロ]
日帰り西武鉄道で行く秩父芝桜を堪能…途中目的脱線 | cocoblo [ココブロ]