目指せ爆速WEB屋！過去2年間かけて知ったリソースを駆使して作るサイトの制作手順！ | バンクーバーのうぇぶ屋
『一時間前の自分より、一秒でも作業スピードを上げる努力をなさい。』 僕が心の底から尊敬する人に以前言われた言葉です。今でも僕の背中にはこの言葉が刺青として刻まれて……いたらどうしよう恥ずかしい（汗） さて、毎年年末年始は僕にとって今まで自分が意識してきた作業スピード、そしてクオリティの両面を試す時期です。去年作ったものより、どれだけクオリティを上げることができ、どれだけ作業スピードを上げることが出来たのか。まぁ、タイトル通り、完全自己満足万歳な記事なので、去年よかちょっとスキル／スピード上がったかなぁと僕自身が感じられたら良しとしてます（笑 とりあえず、難しい話はありません、今回はみんな大好きWordpressでブログを作ります。基本、僕の作業手順を追いながら制作の助けになったリソースを紹介していく感じになりますが、何かの参考になれば嬉しい限りです。制作したサイトは公開してますので、最後に
HTMLからツイッターbotの作り方まで無料で教えてくれるプログラミング学習サイト『ドットインストール』が素敵｜男子ハック
WebサービスHTMLからツイッターbotの作り方まで無料で教えてくれるプログラミング学習サイト『ドットインストール』が素敵2011年12月22日367 @JUNP_Nです。プログラミングってハードルが高いイメージです。今でこそ何となくわかったり使えるようになったHTMLやCSSも最初は意味不明な文字の羅列でした。そんなプログラミング言語を無料でしかもわかりやすく教えてくれる学習サイト「ドットインストール」の紹介です。 1コマのコンテンツが3分だから空いた時間に学習できる 3分動画でマスターする初心者向けプログラミング学習サイト｜ドットインストール ドットインストールの良いところは3分という短いコンテンツと、今までの学習履歴を管理しやすいというところ。 ログインしたらホーム画面に学習中の項目がどこまで進んでいるかをひと目で確認することができるし、完了したレッスンも確認することができる。 現
Maka-Veli.com / Webデザインの原理原則はリアリティと、それに反した想像を超えるアイデアだと思う。
デザインは設計。装飾じゃない。設計。人が使いやすくなるための一つの機能。それを踏まえて装飾が加えられる。車でも時計でも、何でもそうだと思う。車で人が移動する。それを踏まえてコンパクトだったり高速機能だったり等の付加価値が加えられる。時計で時間を見る。それを踏まえてラグジュアリーだったり軽かったり等付加価値が加えられる。 Webは何をデザインする？ Webは情報を得るためにある。 情報を得やすくする事が、Webデザインの鉄則だと思う。 だからレイアウトや視認性、そして機能に拘る。 ここで注意したい点が、インパクト重視で情報が少ないサイトや、 奇をてらって1枚画像を全面に出してるサイト等。 これらも、ある情報を人に知ってもらう為に企画したサイト。 「こういうサイトがありますよ」という情報を扱う。 つまり情報をデザインする 情報をデザインするのは難しい。だって情報には形が無いか
Maka-Veli.com / アーティスト作品とクライアントワークは違うし、Web上の情報は鵜呑みせず自分なりに力にする必要がある。
先に言っておきますけど、まとまりない記事です。自分でも困ってます。誰かヘルプミー Webの仕事をされてる方は、情報収集がとても上手だと思います。日々ソーシャルから流れてくる膨大な情報を選別し、有益な情報を更に拡散し続け、自分も周りもハッピーにしてくれます。僕も助かってます。ありがたやありがたや。そこで、色々と自分なりに思うところがあり、気をつけている点があるので整理しておきます。自らの手で作り上げる事ができない自分のポジションでは、こういう事が大事だと思ってます。 アーティスティックデザインが求めらないわけ いきなりちょっと毒入りますけど、、、 クライアントの企業サイトを構築する事を例にします。 細かいデザイン調整をクライアントとしている時や、 全体の設計をこちらで持っている場合、 どうしても部分的なこだわりが引けない時があります。 その際、デザイナーさんが 「僕はここはこ
だからwebもリアルと同じでがんばらないとダメなんだって
精神論とかそういうのあまり好きじゃないので、こういうのもなんなんだけど、結構最近よく見かけたり、時には聞かれたりする。 webって儲かるのとか、iPhoneアプリは儲かるらしいね！とか、ブログって儲かるのとかうんぬんかんぬん。 いやそりゃ儲かるっちゃ儲かるんだけど、儲からないっちゃ儲からないわけで、その謎の儲かる感はどこからくるのかなと不思議でしょうがない。特に個人でも色々と始める事ができるのがネット。個人でやるからこそ忘れてはいけないものがあるんじゃないかなぁと。 ※写真はなぜかiPhoneにさして受話器で通話するというオモシログッツを東京で見かけて思わず撮影したものです。 『楽して儲けるカラクリにはまってはいけない』 突然電話きて、情報商材をかったんだけど書いている内容がちょっといまいちと言う事で相談に乗ってきました。 早速、ハンバーグランチでも食べながら資料を見せてもらいました。 内
FFFTP開発終了で大騒ぎしている人たちへ - OR6 blog
最初に断っておきますが、FFFTP自体は良いアプリケーションソフトウェアだったと思います。UIがWindowsのエクスプローラに倣っていると同時にエクスプローラとはひと目で見分けがつくデザインだったので、使いやすかったはずです。 ぼくもインターネットをはじめたごく最初の頃に使っていました。ほどなくしてWindows自体を使わなくなったので、それ以来触ることはなくなったわけなのですが。 FFFTPは何故開発終了したのか開発者は「開発を継続するためのモチベーションが維持できなくなった」と述べているそうですが、まあ当たり前だと思います。 FFFTPが動作するWindowsとFFFTPが扱うプロトコルであるFTP自体がオワコンだからです。前者については幾ばくかの反論の余地もあるでしょうが、後者については異論は認めません。 「終わった」プロトコルのためのソフトウェアを作り続けるというのは、プログラマ
不動産サイトのWEBデザインで一番大事なことは | ウェビメモ
最近、とあることから不動産サイトを眺める機会が増え、不動産サイトとは何たるかを悶々と考えています。 おもに不動産売買、不動産投資についてのサイトをよく見てるんですが、デザインするにあたり どんな要素が必要なのか、構成にルールはあるのか、気になったので自分用にまとめてみました。 一番大事なのは「雰囲気をつくること」 高額な商品を扱う不動産サイト。 やはりそれ相応のふさわしい雰囲気を創り出す必要があると思うんです。 私が特に気を付けたいと思ったのは以下の３つ。 その１：安心感 もうこれはお客さまがいる時点で絶対条件でしょうけれど、 不動産投資のサイトって一歩間違えるととても胡散臭くなるので、扱う文章などにも気を付けたいところですね。 その２：シンプル 不動産購入をする方・投資をする方は、若者よりもある程度年齢を重ねられたお客さまの方がはるかに多いですよね。 購入物件の情報はどこから見る事ができ
デザイン未経験、プログラム出来ず人間がWebディレクターとして前線に立つ為に心がけていること | Maka-veli.com
ユーモアのある人生を。 IT / Web / Design / Device / Photo / Movie / Music / LOVE…and HUMOR. Masato's LifeStyle BLOG 仕事とプライベートのトレードは必要？ 仕事をするためにプライベートの時間を削る？ 反対に、プライベートを充実させたいから仕事を早く終わらせる？ どっちが幸せでどっちが正解なんでしょうね。 よく「残業しないタメの●●」とか「残業/徹夜は悪だ！」とかありますが、 それって個人差が大きいし、正直どっちでもいいんじゃね？と思います。 じゃあ、仕事の範囲って、どっからどこまでですか？ 仕事って、楽しくないですか？プライベートとどこが違うんですか？ 人によって違うし、その人にとって幸せな方が正解なんじゃないでしょうか ただし、精進したいのに勉強をしないのは悪だと思います。 机に向
2chコピペブログの作り方・運営方法。 - あまたの何かしら。
"久しぶりに"コピペブログをやり始めたというように、私は以前コピペブログをやっていた。 でも、これがものすごく大変。 ログを集める 編集する 定期的に更新する これを維持しないとやっていけない。 あ、前もって言っておくと、過去に何度かコピペブログ批評をしていますが、コピペブログが嫌いということではないです。 いろいろ説明して欲しいなあという不満はありますが。 なんでまた、こういうタイトルで記事を書いているかっていうと、まあ、そろそろ書いておけばいいかなと思ったからです。 手の内を明かすほどなのかはわかりませんが、まあ、どういうことをしているのか知っておくと面白いかもしれませんよ？ 編集の仕方とか さてさて、過去にいくどか紹介されたことはあるようですが、 2chまとめブログのつくりかた - バカヤス！ コピペブログの作り方 - はきだめ 3周年記念！とあるコピペブログの作り方 - かくれおた
バカヤス！ 2chまとめブログのつくりかた
1ヶ月とちょっとで得た知識と技術を書いていきます 1．まず2chブラウザを用意する 種類が多くて、どれがいいのか分からないので 私はgoogle検索で一番上に出てきたJaneStyleを使ってます 2．スレが終了(DAT落ちか1000落ち)したらdat保存 タブを右クリックして『このログを保存』 3．datをDAT2HTMLに入れる なぜ入れるのか？というと 2chではメール欄に入力があるとこんな風に青文字になります それをこういう風に全部 緑の文字に統一するためにDAT2HTMLを使います 設定方法は『ファイルの変換書式を設定する』にチェックを入れてオプションをいじります 『メールアドレスを直接表示する』にチェックを入れます ※この設定は名前欄の名前：と日付欄の投稿日：も消えるようにしています レスアンカーを消したい場合 他にも機能があるみたいなので、色々と試してください 4．紙copi
タイトル決めテクニックの基本６ヶ条。WEB屋が知っておくべき最低限のこと。 - ジャスウィル社員ブログ
愛知県名古屋市の大学向けシステムパッケージ販売、開発、導入をしている、IT企業で働く社員たちのお話です。 ブログやWEBサイトでコンテンツも充実し、さらにSEO対策を行っているけど、アクセス数が思うように伸びないことはありませんか？ そのような場合、タイトル(キャッチコピー)の改善を考えてみてはいかがでしょうか。 タイトルはSEO対策で最重要ポイントの１つにあげられますが、SEO以外の観点から見ても、とっても重要だったりします。 なぜならば、タイトルは最も露出の高い部分であり、人々はタイトルだけを見て、クリックするかどうか判断する傾向があるからです。 例えば、検索エンジン(google, Yahoo)の検索結果に表示されるのはタイトルであり、 ソーシャルネットの代表格「Twitter」もタイトルを引用してツイート(情報発信)され、 さらに爆発的なアクセスが期待できる「はてぶ」もタイトルがホ
ウェブサイト作成に役立つ35のwebサービス｜Webpark
ウェブサイトを作成する際に個人的に使っているWebサービスを紹介します。幅広く35個紹介しますので、新しい発見があれば幸いです。 フォント関係 wordmark.it パソコンに入っているフォントを一覧で見ることができます。フォントサイズも調整できます。 日本語フォント252種類を表示確認できます！フォントを探すならfonthack.jp。 日本語フォントの表示が確認できます。現在252種類あります。 PXtoEM.com: PX to EM conversion made simple. ベースのサイズ（px）を決めると、em, pt, %の値が表示されます。 カラー関連 ウェブ配色ツール Ver2.0 配色ツールは色々ありますが、日本語ですし、あまり考えなくても感覚的に使えるので楽しいです。 Color Scheme Designer 3 カラーパレットジェネレーターです。海外サイトで
Webサイトにおけるユーザービリティの復習をしたので、よくチェックするポイントをリスト化した
ユーザービリティに関して少し復習したので メモっておきます。初心忘れるべからずという 事で・・・Webサイトは基本的にユーザビリティ を考慮したレイアウトやコンテンツが理想です。 もちろんケースバイケースではありますが、 これは全共通して言える、という事を忘れない ようにメモ書き。 というわけで、申し訳ないですけど目新しい事は何一つ無い内容です。 そもそもこのブログ自体ユーザビリティを考慮した設計とは言えません（「やっちゃダメなこと」もしています）ので全然説得力ない感じです。 いろいろとテスト&エラーをして行きたいのでご了承下さい。 はじめに正しいユーザビリティはコンテンツによってケースバイケースだと思いますが基本的には僕はヤコブ・ニールセンの考えに従っています。 全ての項目は「すべてが正しい」ものではありません。100のサイトがあれば100通りのユーザビリティが考えられるはずです。場合に
制作会社、WEB担当者も知っておくべきSEO用語集 ｜https://wp.yat-net.com/name
SEO業者の方々とやり取りをする際や、クライアントへの説明が必要な際に知っておくべき用語をピックアップして意味を調べました。どの技術が有効で何がブラックなのかというのは基本的に記述していません。あくまで専門用語の解説として活用してください。関連する情報を解説しているサイトのリンクも付けていますので、詳しく知りたい方はリンク先のサイト等を参照してください。 ホワイトハットSEO 検索エンジンのルールに従いサイト制作を行うことです。 White Hat SEO （ホワイトハットSEO）とは – 海外SEO情報ブログ ブラックハットSEO SEOにおいて悪質な手法を駆使して検索上位に表示させる手法・技術のことです。上記ホワイトハットSEOと対極の言葉でもあります。 ブラックハットSEO – IT用語辞典バイナリ サテライトサイト SEO対策や集客を目的として本サイトとは別に作られたサイトのこと。
livedoor ディレクター Blog
2013年12月19日 ディレクターが考える「もし○○が終わらなかったら」〜LINEディレクターブログ締めます〜 カテゴリ:ディレクション Web Director Meetupが今年も開催されます。イベント実施にともないLINE株式会社では会場提供させていただきます。 イベントについては公式サイトをご覧ください。 Web Director Meetup 公式サイト ※本イベントはボランティアによるWeb Director Meetup運営実行委員会によって運営されています。 日時や場所 【日時】 2013年12月12日（木）19:00開場 19：30開演 22：30終了予定 【場所】 LINE株式会社 オフィス内カフェスペース 〒150-8510 東京都渋谷区渋谷2-21-1 渋谷ヒカリエ 27階 Access: 東急田園都市線、東京メトロ副都心線「渋谷駅」15駅出口直結 東急東横線、J
「また仕事を頼みたい」「もう頼みたくない」と思う判断基準＠Webディレクター | Maka-veli.com
ユーモアのある人生を。 IT / Web / Design / Device / Photo / Movie / Music / LOVE…and HUMOR. Masato's LifeStyle BLOG 忙しそうな人 暇そうな人には仕事は頼まないようにしています。 仕事が出来る人には仕事が集まる。 よく言われる事ですが、これって本当だと実感があります。 だって仕事が出来るからお願いしたいんですもん。 そしてこの人ならきっと解決してくれる。早く作ってくれる。 そう思われるから仕事が集まるんですよ。 忙しすぎない人 忙しすぎて、ろくに連絡も取れない。 そして制作はいつも深夜で昼間の緊急時に何も出来ない。 こういう人はちょっと考えてしまう事があります。 （案件によりけりですが） 技術以外でも博学な人 制作物って、単純に「デザインができる」「プログラミングができる」 だけ
10分で味のある詐欺写真を作っちゃおうの巻 | Maka-veli.com
ゴールがこの程度でいいなら割と簡単に、10分くらいで出来ますよ。 春だし、皆もTwitterやFacebookは爽やか写真に変えちゃいましょう♪ ※PhotoShop使ってますが、そんな複雑なやり方じゃないので他のツールでも似たような機能で出来るはず 写真を撮る 僕のテクとうちのNIKONちゃんだと、せいぜいこのレベル。 単焦点レンズっぽくぼかしたい とりあえず同じ写真を何枚か適当にレイヤー複製しておいてください。 使用目的がアレなので、切り抜きなんてざっくりでOK。 適当に切る>空白部分を自動選択ツールで選択>境界線をぼかす>Delete!Delete!Delete! もう一枚のレイヤーはぼっけぼけにしてください。 んで合体。 レベル補正でメリハリつけましょう ここがキモ 色調補正で手軽に味付け 今回はブルーの光がたまたま入っていたので、 ここをグリーンに変えて非日
webデザインにおける視線誘導のおはなし | 07design.blog
こんにちは。今回はレイアウトの記事を書きます。「グーテンベルク・ダイヤグラム」という言葉をご存じでしょうか。 なんだかすごく中二心をくすぐられる言葉ですね。「グーテンベルク・ダイヤグラム」とは均等に配置された同質の情報を見る際の、・・・こんにちは。今回はレイアウトの記事を書きます。 「グーテンベルク・ダイヤグラム」という言葉をご存じでしょうか。 なんだかすごく中二心をくすぐられる言葉ですね。 「グーテンベルク・ダイヤグラム」とは均等に配置された同質の情報を見る際の、一般的な視線の流れのパターンを表した図式のことです。 簡単に言うと「人間の目は左上から右下方向へ、チラチラしながら遷移する」というものです。 こういった視線の流れのパターンは、エディトリアルデザインなどでは当たり前に使われている技法・考え方らしいです。 テキストをレイアウトする場合には、左上・右下に重要なコンテンツを配置す
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://e0166nt.com/blog-entry-817.html
ビービット
