http://w.atwiki.jp/smsm/ smsm @ ウィキ ja 2014-03-08T13:50:29+09:00 1394254229 https://w.atwiki.jp/smsm/pages/76.html http://www.mozilla.jp/firefox/webdev/ -QuickJava JS、J、Flash、画像、Cookie、CSS他のON/OFF - - Firebug > Web サイト制作にもはや欠かせない必携アドオン。HTML、CSS、DOM の解析やリアルタイム編集、各ファイル読み込み時間のタイムライン表示、Ajax を駆使した Web アプリの作り込みに利用できる JavaScript デバッガやコマンドラインコンソールなど、ページデザインから高度なアプリケーション開発まで幅広いニーズに応える便利な機能を満載！ > > > YSlow > ページの表示高速化を支援 > 米国 Yahoo! の開発チームで蓄積されてきたノウハウに基づいて、ページの読み込みを高速化するヒントを提示してくれる分析ツールです。上記の Firebug に追加して使うアドオンとして公開されています。YSlow パネルを開いてテスト実行ボタンをクリックするだけで、22 の改善ポイントについて評価とアドバイスが表示されます。 > > > HTML Validator > HTML の記述ミスをすばやく発見 > いまどきの Web 制作では、文法チェック 100 点満点は当たり前！ このアドオンを使って、表示しているページの文法エラーや記述ミスなどをすばやく確認しましょう。検証エンジンを内蔵し、オンラインの外部サービスに依存しないので、テスト環境で公開前のサイトをチェックしたい場合も安心。その場で修正済み HTML を出力することもできます。 > > > Web Developer > 機能満載の実用ツールバー > > Web 開発者を支援すべく進化してきた万能アドオン。JavaScript や CSS の無効化、Cookie の削除、フォームや画像をはじめとしたページ上の様々な要素の情報表示、ウィンドウサイズの即時変更など、数多くの機能をツールバーに統合し、いつでも手が届く場所に配置しています。ルーラーや、小さな画面でのシミュレーション表示機能も備えています。 > > > ColorZilla > スポイトで画面上の色を拾える！ > > Firefox のウィンドウ内でクリックした位置の色を取得し 16 進数の RGB カラーコードを示すスポイト機能、一覧から色を選択するカラーピッカー機能、ページ上で使われている色を吸い出して一覧表示する機能など、色を扱うことが多い人には手放せないツールです。カラーコードは Photoshop や Dreamweaver などに直接コピーできます。 > > > Pearl Crescent Page Saver > 長いページも一発キャプチャ！ > > ページのスクリーンショットが必要なとき、1 画面ずつスクロールしながら撮って切り貼り、なんて面倒なことをしていませんか？ このアドオンを使えば、ワンクリックで、ページ全体もしくは表示範囲を画像として保存できます。Flash コンテンツもキャプチャ対象となるので、ブラウザ上での見た目そのままプレゼンテーションに貼り付けられます。 > > > User Agent Switcher > UA 文字列をワンクリック設定 > > Web サイトへアクセスする際、HTTP ヘッダ情報として Web サーバへ伝えるユーザエージェント (UA) 文字列を変更します。UA 文字列を単純に判別してブラウザごとに表示や挙動を変えているサイトや、モバイル向けサイトの検証に役立ちます。Intenet Explorer の UA があらかじめ組み込まれているほか、いくつでも任意の設定を追加可能です。 > > > Live HTTP Headers > サーバとの通信内容を細かくチェック！ > > Firefox が Web サーバとの間で行う通信の内容を逐一監視。特定の正規表現に一致する URL の HTTP ヘッダだけを表示するといった機能もあり、サーバと連携した Web アプリのデバッグには必須のツールです。例えば、リダイレクトが正しく動作しているかや、Cookie が正しく発行されているかどうかを確認するために使用します。 -Firefoxをずっと使い続けていたら生き残ったアドオン10選 http://www.danshihack.com/2010/12/05/saku/addon_firefox_select10.html -Web屋なら絶対にインストールしておきたい強力Firefoxアドオン26個まとめ http://gano-web.com/firefox-add-on-26.html 2014-03-08T13:50:29+09:00 1394254229 https://w.atwiki.jp/smsm/pages/163.html -住信SBI 振込 ATM --セブン銀行⇔預入・引出 2014-03-02T00:38:40+09:00 1393688320 https://w.atwiki.jp/smsm/pages/162.html -http://www.tonchinkan.biz/software/index.html 沌珍館企画　開発部　Windows課 和暦西暦相互変換 2014-02-27T11:16:02+09:00 1393467362 https://w.atwiki.jp/smsm/pages/161.html 実用系 -ウェブサイトサムネイル作成 -メールアドレス画像化ジェネレーター -メールアドレス画像化ジェネレーター.2 -きゃっとまーくめーるジェネレーター -でざいんめーるジェネレーター -自動ブログ記事生成マシーン -ブログ更新ジェネレーター -ネコ名刺ジェネレータ ー -パスポート写真ジェネレーター -写真の顔を隠すジェネレーター -Ｇmaiジェネレーター -文字Qメーカー -円グラフ作成ジェネレーター -散布図作成ジェネレーター -やまざきメソッドジェネレーター -もんたメソッド -絵文字名を入力してください 画像系 -1024人応援団ジェネレーター -ポラロイド写真ジェネレーター -ポラロイド写真ジェネレーター.2 -写真デコレーションジェネレーター -「画像ジェネレータ」ジェネレーター -雑誌の表紙風ジェネレーター -アインシュタインジェネレーター -落書きメッセージジェネレーター -指輪ジェネレーター -バナージェネレーター -メッセージジェネレーター -ロマンスノベルカバージェネレーター -ハロウィンジェネレーター -画像はめ込みジェネレーター -フレームジェネレーター -Flickr Toysジェネレーター -はてなジェネレーター -墓石ジェネレーター -外道スタイル・ジェネレーター -お尋ね者ポスター -危険ラベルジェネレーター -新聞ジェネレーター -Tシャツメーカー -コインジェネレーター -身分証明書ジェネレーター -画像に文字ジェネレーター -キラキラ画像ジェネレーター -イメージチーフジェネレーター -スノーグローブジェネレーター -写真飾りつけジェネレーター -GIFアニメ自動生成ジェネレーター -吹き出しジェネレーター -Make STAMP!ジェネレーター -Web2.0風映りこみ（反射）画像ジェネレーター -文字で画像ジェネレーター -画像→ＨＴＭＬ変換ツール -ドラクエふう しゃしんメーカー -お札作成ジェネレーター -ぬり絵ジェネレーター -3DWebBoxジェネレーター -Webフリップ3Dジェネレーター -WebsiteFlowジェネレーター -スーパー風シールメイカー -アイラブメーカー -昭和の写真ジェネレータ -超！美味しく変換ジェネレーター -芽 文字作成系 -キラキラ文字ジェネレーター -キラキラ文字ジェネレーター.2 -忍者・魔法使いテキストジェネレーター -踊る文字ジェネレーター -吹き出し画像ジェネレーター -吹き出し画像ジェネレーター.2 -３コマ漫画ジェネレーター -flickr風ロゴジェネレーター -デザインロゴジェネレーター -Logo Makerジェネレーター -Logo Makerジェネレーター.2 -スマイリージェネレーター -イナヅマメッセージジェネレーター -ゾンビスペリングジェネレーター -ドーナツジェネレーター -GIFアニメーションジェネレーター -プレゼンジェネレーター -電光掲示板ジェネレーター -ネオンジェネレーター -虹色文字ジェネレーター -ビスケット文字ジェネレーター -Web2.0風映りこみ（反射）文字ジェネレーター - 遊び系 -ルパンIII世風タイトルメーカー -サイボーグネームジェネレーター -アスキーアートジェネレーター -フラッシュカードジェネレーター -迷路作成ジェネレーター -STAR WARSジェネレーター -どこにあるかなジェネレーター -ラブレタージェネレーター -建物文字ジェネレーター -クリスマスソングジェネレーター -脳内メーカー -高校メーカー -都市メーカー -映画予告編ジェネレーター -判決ジェネレーター -レポートジェネレーター -さしえショー -相関図ジェネレータ -KAMONジェネレーター -自己紹介文ジェネレーター -ｻ｣ カスタマイズ系 -FC2ブログCSSジェネレーター -FC2ブログCSSジェネレーター2 -ストライプジェネレーター -スローガンジェネレーター -デザインボタンジェネレーター -背景色素材作成ジェネレーター -ボタン作成ジェネレーター -カラーパレットジェネレーター -ファビコンジェネレーター -WEBボタンジェネレーター -Web 2.0ボタンジェネレーター -Web 2.0 バッジジェネレーター -実用ボタンジェネレーター -シンプルボタンジェネレーター -見出しジェネレーター -タイトルバナージェネレーター -アウトラインバナージェネレーター -背景素材ジェネレーター -角丸ボックスジェネレーター -スタイルシートジェネレーター 2014-01-24T13:25:33+09:00 1390537533 https://w.atwiki.jp/smsm/pages/70.html [[ポートフォリオ作成サイト]][[ポートフォリオ(3)]] -ポートフォリオ用のWordPressテーマ集 http://gano-web.com/best-wordpress-portfolio-50.html --- >Web業界で言う「ポートフォリオ」とは、自分の作品集のことです。 http://schoole.jp/web_design/how_to_make_a_portfolio.htm > ポートフォリオの内容例 > > * 画像：サイトの場合はスクリーン キャプチャ > * URL：ネット掲載している場合 > * 担当パート：共同制作のとき > * 要件：ある場合 > * 目的：販売促進や資料請求アップなど制作の目的 > * コンセプト > * 制作時間 > * 素材の作者名と元画像：利用したとき > > ウェブサイト版と印刷版 > > Web業界のポートフォリオは、ウェブサイト版と印刷版の２媒体を用意しましょう。 > ウェブサイト > > ポートフォリオをウェブサイト化して、サーバにアップロードします。 > > 求人応募するときにサイト アドレスを伝えれば、書類選考の材料になります。 > 印刷 > > 面接する場にＰＣがないこともあります。ノートＰＣやタブレットを持参できないなら、印刷してファイリングしておくと良いでしょう。 --- > 見る側に対して？マークを出させてはポートフォリオの意味がありません。 > ポートフォリオとは自分を売り込むためのツールです。 --- -ポートフォリオWebサイトを作る時のポイント http://www.webcreatorbox.com/tech/web-designer-portfolio-website/ -おっ！と唸らせるポートフォリオの作成ポイント http://matome.naver.jp/odai/2132790948150622601 -自分専用のポートフォリオページを作れるWebサービス ? JAYPEG Facebookアカ必須 -ポートフォリオとは http://oshare.chips.jp/special/02_webdesinger/13portfolio.html -ポートフォリオの作り方 http://oshare.chips.jp/special/02_webdesinger/24portfolio_making.html -「面接でポートフォリオが必要ですが、意味が分かりません」 http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1463486154 > ポートフォリオは「自分の今まで作成した作品をまとめた冊子」です。 > 唯印刷したものをファイルに収める形でもいいとは思いますが、ある程度の見やすさも考えて冊子に収めた方がいいようです。 > また、作品のデザインの意図やそのデザインに至るまでのラフなんかもあるといいようですよ。 > > ポートフォリオは制作者の製作スキルがどの位なのかを知るために持ってきてもらう様です。 > 私は、「自分を売り込む為のアイテム」として必要と言われなくても、自分をアピールするために面接には必ず持参しました。 > > また、何もないよりは、卒業制作だけでもまとめて簡単にプレゼン出来る様にして臨むと、突然「どうしてこういうデザインにしたの？」と聞かれたときに困らなくて済むかと思いますよ。 -「ポートフォリオの作品について、公式の絵など。」 http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q14102473509 > 私の場合は、オリジナルのイラスト、キャラクターデザイン、素材を制作しました。 > また実際にサイトを構築してWEB上に公開していました。 > その際、どのイラストはいつ描いて何時間かけたか、どのサイトは企画から公開までにどれくらいかけてどの部分を自分が担当したかなどを明記しました。 > > また、イラストや素材の制作であればポートフォリオのデザインを見てのびしろがある人を見ます。 -「webデザイナーの転職。ポートフォリオについて。私は今webデザイナーではあるので...」 http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1066539550?fr=rcmd_chie_detail > ポートフォリオはWebデザイナーの力量や、 > いままで携わってきた仕事内容を見るものです。 > > 架空サイトをみて、デザイン力などは分かるかも > 知れませんが、制作会社はそこが見たい訳じゃありません。 > そこは制作に携わっているなら出来て当たり前ですから（笑） > > 例えばある企業のHPでブランディング力が弱く、SEO的にも何ら > 対策をされていないHPであったが、業界の強みを生かしたHPにし、 > ユーザーのフレキシブルさに対応した○○を構築。 > SEOを見直しSEMとの連動、LPOサイトの構築などを・・・。 > > などを見るために「ポートフォリオ」が必要なんですよ。 --------------------------------------------------------- --ホームページ展示場 http://www.it-work.jp/web-designer/contents/exhibition/ http://www.lancers.jp/ http://www.hp-stylelink.com/news/2013/10/20131016.php > > ・ポートフォリオの作り方がわからない > ・どの情報を載せればいいの？ > ・どのように作れば目を引けるんだろう？ > ・いいポートフォリオってどんなのだろう？ > > 制作を始める前にこのような疑問が浮かび上がると思います。 > そこで今回は就活に必須となる、ポートフォリオの作り方について解説します。 > ポートフォリオとは？ > > web制作会社にデザイナーとして就職するには、ポートフォリオが必須です。 > > そもそもポートフォリオとは何か。 > > ポートフォリオとは、もともとは「紙挟み」「作品集」という意味です。 > webデザイナーのポートフォリオというと、デザイン力や技術スキル、制作実績などを載せた自分をアピールするための作品集を指します。 > > 企業側はこのポートフォリオを元に、PhotoshopやIllustrator,Fireworksなどのアプリケーションがどの程度使えるのか、デザインセンス、制作実績などの情報を確認します。 > ポートフォリオの構成 > 自己紹介 > > 自己紹介 > > ・名前、実務経験などの一般的な自己紹介 > ・自分のスキルについて表記。Photoshop,Illustrator,HTML,CSS,JavaScriptなど > ・職歴、経験年数 > ・学校に通った人は学校名、通った期間 > > 上記以外にもアピールできそうなものは積極的に載せてしまいましょう。 > 制作実績 > > 制作実績 > > ポートフォリオを作成する上で一番力を入れるべき項目です。 > > 自分の実績をアピールする項目なので、URLとスクリーンショットを並べるだけではインパクトに欠けます。 > > 就職活動の場合には、そのサイトのコンセプトやどんな技術を使っているのかなどを載せていないとそのサイトの魅力を十分に伝えきれなくなってしまうので制作実績のレイアウトはとても重要です。 > スクリーンショット > > 制作したサイトのスクリーンショットを載せます。 > > 1枚のスクリーンショットを大きく表示させて迫力をだしたり、数枚に分けて載せたりなど、サイトによって使い分け、そのサイトの魅力を最大限に引き出せるようなレイアウトにしましょう。 > URLの記載 > > URLも必ず記載します。 > > 画像で見た場合と実際にサイトに訪れた場合では印象が違いますし、JavaScriptやFlashなどを使用している場合にはURLが記載されていないと伝わりません。 > 必ずURLは記載するようにしましょう。 > 使用した言語やソフト > > そのサイトを作るにあたって使用した言語やソフトを記載します。 > > HTML,CSS,JavaScript,PHP,Flash,Photoshop,Illustrator,DreamWeaver,Fireworksなど。 > 自己紹介でも自分のスキルを載せますが、ここにも載せることによってどのレベルまで使いこなせるのかをアピールすることができるので、できるだけ記載するようにしましょう。 > 担当箇所 > > サイトの一部分を担当した場合は自分がどこを担当したのか簡潔に記載します。 > 制作期間 > > 制作にかかった期間を大体で構わないので記載します。 > > web制作に限ったことではありませんが、技術はもちろん作業スピードもとても重要です。 > 制作期間を載せれば大体の作業スピードが分かるので書いておきましょう。 > コンセプト > > サイトを作る前に必ずコンセプトを決めると思います。 > そのサイトについてのコンセプトや説明、こだわった箇所など、簡潔に説明しましょう。 > コンタクトフォーム > > 採用担当者の人と簡単に連絡が取れるようにするためのフォームです。 > ポートフォリオを見て興味を持ってくれた場合などは、フォームから連絡が届くことがあります。 > なのでメールアドレスを記載するだけではなくフォームがあると連絡をスムーズに取ることができるようになります。 > [[SNS]]（ソーシャル・ネットワーキング・サービス） > > SNSを通じて自分がどんな人なのかを知ってもらうために記載します。 > ※しかしプライベートの内容ばかりだとアピールにならないのでその場合は逆効果になってしまう 2014-01-23T16:28:19+09:00 1390462099 https://w.atwiki.jp/smsm/pages/160.html [[ポートフォリオ]] [[ポートフォリオ作成サイト]] -http://u_a.dunked.com 2014/1/23～　10日間trial -stri～ 1Pのみ [[ポートフォリオ]][[ポートフォリオ作成サイト]] 2014-01-23T16:25:37+09:00 1390461937 https://w.atwiki.jp/smsm/pages/159.html -Dunked -https://www.strikingly.com/ -http://ja.wix.com/ 簡単。すぐに。美しい プログラミング不要 どこでもクリックして編集できるので 簡単に自分だけのホームページが数分で完成！ 最先端のHTML5技術 をホームページ作りに採用 Wix は最先端のHTML5機能を備えたサイトが作れる ドラッグ＆ドロップのエディタです。 数百もの素敵なデザイン あなたのニーズにぴったり ビジネス用のホームページでも 個人[[ポートフォリオ]]でも。 自分だけのホームページ あなたのスタイルで 色、テキスト、背景、写真などを変更して 自分だけのユニークなホームページを作ろう。 トップレベルのホスティング 100％無料 ダントツで最も信頼できるホスティングを Wixでは100%無料で提供しています。 モバイル。Facebook。ブログ 完全なオンラインプレゼンス あなたのニーズがすべてがここに。ホームページ、 スマホサイト、Facebookページ、ブログを作ろう。 -JAYPEG https://jypg.net/ JAYPEGは簡単に優れたポートフォリオが作成でき、自分の作品を投稿できる、 デザイナーのためのソーシャルサービスです。 -Tumblr 成程。盲点。 [[ポートフォリオ]] 2014-01-23T16:09:39+09:00 1390460979 https://w.atwiki.jp/smsm/pages/17.html -http://pinterest.com/daoab/ ピンタレスト -https://github.com/SL9 GetHub ---- -http://wrt.blog.so-net.ne.jp/ http://www36.atpages.jp/sukiyaki/ http://www4.atword.jp/honeybunny/ http://analog.sblo.jp/ http://checkers.sblo.jp/ http://sl9.webnode.jp/ CMS http://yaplog.jp/panel/ --- -http://twitter.com/cl9o9b/ -http://twitter.com/nekonosainan -http://twitter.com/suzukimochi 2014-01-20T01:40:32+09:00 1390149632 https://w.atwiki.jp/smsm/pages/158.html http://weboook.blog22.fc2.com/blog-entry-355.html CSS(スタイルシート)の基本、小技、テクニック総まとめ http://d.hatena.ne.jp/ef7038/20130710 2013-07-10 リセットCSS - Webデザイン　授業メモ http://kojika17.com/2012/09/reset-css-from-default-style-sheet.html デフォルトスタイルシートから考える、リセットCSSの留意点 2014-01-09T17:22:40+09:00 1389255760 https://w.atwiki.jp/smsm/pages/157.html Jekyll 俺の最強ブログ システムが火を噴くぜ - てっく煮ブログ http://tech.nitoyon.com/ja/blog/2012/09/20/moved-completed/ 2014-01-09T17:20:45+09:00 1389255645