タグ サイト制作
人気順 5 users 10 users 50 users 500 users 1000 usersGoogleやソニーなど一流企業の「お祈りメール」を集めたサイト「RejectedAGAIN.lol」
就職・転職活動をしている間は多数の不採用通知、いわゆる「お祈りメール」を受け取る事になります。「RejectedAGAIN.lol」はそうしたお祈りメールを共有できるサイトです。 rejectedagain.lol https://rejectedagain.lol/ サイトにアクセスすると、最初に「About rejected.lol(rejected.lolについて)」というサイト制作... 続きを読む
やりたいことを貫くには? ちゃんと変なことをやり続ける デイリーポータルZ・林雄司さんに聞いてみた - ミーツキャリア(MEETS CAREER)
<プロフィール> 林雄司 デイリーポータルZ編集長。東急メディア・コミュニケーションズ株式会社勤務。1971年東京生まれ。1996年から個人でサイト制作を始め、2002年にデイリーポータルZを開設。編著書に『死ぬかと思った』シリーズ(アスペクト)、著書に『会社でビリのサラリーマンが1年でエリートになれるかもしれな... 続きを読む
Wordpressがいかに脆いツールかKali Linuxを使い説明 - 脆弱性診断 - Qiita
個人的に大嫌いで嫌な思い出もあり、サルでも使える非エンジニア向けツール、Wordpressの脆弱性を診断し、セキュリティ面でどんなことに気をつければいいか考えます。 今回以下のサイトに掲載されているものを用いて、脆弱性診断を実施しました。参考にしてほしいみたいです。 ・サイト制作の参考にしたい!WordPressで... 続きを読む
アンジャッシュのコントみたいに会社を辞めた女の子の話。
私が前に勤めていた会社の話。 会社は、Web制作会社でした。クライアント企業からサイト制作を承る、どこにでもあるちっぽけな受託の会社です。 そこに、中途採用でデザイナーが入ってきました。まだ若いけれども、前職でもWebデザインをしていたという女の子です。 その子をAさんとします。 Aさんは、即戦力として期待... 続きを読む
jQueryを卒業したかった僕がReact StaticでReactをイチから学んでWebサイトを作った話 | ヌーラボ
Typetalk フロントエンドエンジニアの岡藤です。先日Typetalk Webサイトリニューアル に伴い、フロントエンドの技術を jQuery から React + styled-components に刷新しました 。 本記事では、React を用いた Web サイト制作についてお伝えします。 はじめに タイトルにもあるように、僕は今まで JavaScript を書く必要がある時は使い慣... 続きを読む
Web サイト制作にこそ Nuxt.js がベストマッチである理由 - SCOUTER開発者ブログ
2018 - 03 - 19 Web サイト制作にこそ Nuxt.js がベストマッチである理由 Tweet 業務委託でSCOUTERのフロントエンド周りの開発をお手伝いしている、 potato4d です。 SCOUTER は、先日自社のコーポレートサイトを Nuxt.js + WP REST API 構成にてリニューアルいたしました。 普段であれば SPA や SSR が必要な高度なアプリケーシ... 続きを読む
サイト制作の参考にしたい!Wordpressでつくられたウェブサイト50選 | Creive【クリーブ】
WordPressでサイトを作るときに、参考になるWordpressサイトはないものかと思ったことが一度はあるはずです。 WordPressでつくられたサイトからはデザイン・機能・運営方法まで参考になることが多いのではないでしょうか。そこで今回はWordpressでつくられたサイトを有名なところから50個ピックアップしてまとめました。後から読み返しやすいようにサイトのタイプ別に分類しています。 ※... 続きを読む
誰でも簡単にできる、WordPressを別ドメインに移設する方法 | ワードプレステーマTCD
WordPressでサイト制作を行っていると、はじめは仮ドメインに設置 → 公開のタイミングで本ドメインに切り替えるという作業が必要になることがあります。 また、先の記事で紹介したテスト環境から本番環境に移設する時にも必要な工程です。 XAMPPを用いてテスト環境を構築する方法 MAMPを用いてテスト環境を構築する方法 移設の難しさ しかしながら、初めてこの作業を行うと結構苦労します。 移設を行う... 続きを読む
Google ウェブマスター向け公式ブログ: iOS アプリ内のコンテンツも Google 検索に表示されるようになりました
Google フレンドリーなサイト制作・運営に関するウェブマスター向け公式情報 Google では、ユーザーが Google 検索結果で簡単に関連性の高い Android アプリ内のコンテンツを見つけることができるような仕組みとして、App Indexing を提供してきました。本日より、iOS アプリでも同じ仕組みをご利用いただけるようになりました。これにより、Android ユーザーも iOS... 続きを読む
Google ウェブマスター向け公式ブログ: "Google Search Console" - ウェブマスター ツールが新しくなりました
Google フレンドリーなサイト制作・運営に関するウェブマスター向け公式情報 Google ウェブマスター ツールは、これまで 10 年近くにわたって、すばらしいウェブサイトを作成し、Google 検索に表示させるためのツールとして、絶え間なく進化を続けてきました。昨年 Google では、このツールをさらに便利なサービスにするため、ウェブマスター ツールをよくご利用いただいているユーザーの皆様... 続きを読む
Google ウェブマスター向け公式ブログ: 検索ユーザーがモバイル フレンドリー ページを見つけやすくするために
Google フレンドリーなサイト制作・運営に関するウェブマスター向け公式情報 スマートフォンなどの携帯端末で Google の検索結果をタップした時、表示されたページのテキストが細かすぎたり、リンクの表示が小さかったり、またはすべてのコンテンツを見るには横にスクロールしなければならなかったりといった経験はありませんか?これは主に、ウェブサイトが携帯端末での表示に最適化されていないことが原因です。... 続きを読む
知っておいてよかった!Web制作時に効率上げる「便利」なCSSテクニック | コムテブログ
少し前にサイト制作でさりげなく使われているCSSテクニックをまとめましたが、今回はそれを補足する形で、これから増えそうなもの、使っていきたいものを今後忘れないようにメモしておきます。 もくじ 画像 1.ブレンドモード 2.表示範囲 3.透過+合成 4.半透明 エフェクト 5.マウスオーバーアイデア一覧 6.CSSのみでメニューアイコン 段組み 7.マルチカラム 8.段の表示順 9.コンテンツ流し込... 続きを読む
サイト制作やブログに使える、無料で商用利用可能な写真素材サイト10+1選 - おしい県でWebに携わって働く人のブログ
2014-04-22 サイト制作やブログに使える、無料で商用利用可能な写真素材サイト10+1選 便利ツール/サービス 無料で商用利用可能、クレジット表記やリンクも不要、そんな素晴らしい写真素材サイトの中から「これだけブックマークしておけば大丈夫でしょー」という10+1サイトをピックアップしてみました。 1. 足成 写真素材 足成【フリーフォト、無料写真素材サイト】 2. PAKUTASO PAKU... 続きを読む
すごく役立った!サイト制作でさりげなく使われているCSSテクニックまとめ | コムテブログ
前回コーポレートサイト制作が捗るjQuery プラグインをまとめましたが、今回はCSS版ということで、使用頻度が高いものと、これから必要になりそうなものを、忘れないようにメモしておきます。コーポレートサイトやWeb サービスサイトでさりげなく使われているものや、今後増えそうなものなど。 もくじ 横並び 1.今までの回り込み解除 2.横並びや並び順 3.均等に並べる/段組み ナビゲーションメニュー ... 続きを読む
サイトでおしゃれに動画再生!オリジナルUIの全画面動画を実装! | 株式会社LIG
こんにちは、制作部デザイナーのぺちこです。 近頃動画を使ったサイト制作に関わらせていただく機会に恵まれておりますが、お恥ずかしながらvideo実装をしたことがなかったので、ひたすら勉強三昧でした。 背景に動画を使ったサイトも、今ではだいぶん主流になってきた印象ですが、動画を1つのコンテンツとして、長めにしっかりと載せているサイトも増えてきましたね! 動画を大事なコンテンツの一部とすると、 YouT... 続きを読む
黒い画面不要!デザイナ向け静的サイトジェネレーター「Phest」を公開しました
こんにちは!ChatWork CTOの山本です。 ChatWork Advent Calendar3日目を担当します。 今回は、ChatWork社内でサイト制作に使っている、デザイナ向け静的サイトジェネレーター「Phest(フェスト)」というツールを公開します! »PhestのGitHubリポジトリはこちら 静的サイトジェネレーターって? 静的サイトジェネレーターとは、テンプレートなどプログラム的... 続きを読む
Web制作の料金相場/早見表【2013年 クラウドソーシング版】 | Find Job ! Startup
「サイト制作を外注した時の金額はいくらなんだろう?」その相場を事前に知っているだけでも、仕事はスムーズに回ります。 そこで今回は、ぜひ皆さんに知って頂きたいWeb制作の料金相場/早見表の「クラウドソーシング版」をまとめてみました。ぜひ一度目を通してみて頂けたらと思います! Web制作の料金相場/早見表【クラウドソーシング版】 さっそくこちらが料金相場/早見表です。Find Job ! Startu... 続きを読む
サイトを運営している人ならチェックしておきたい情報サイトまとめ - ウェブネタマニア
2013-01-27 サイトを運営している人ならチェックしておきたい情報サイトまとめ 役に立つサイト サイトを運営していて 必ずチェックするようになった 役立つ情報サイトをメモ ■コリス 言わずと知れたサイト制作に関するアウトプットとクリップした情報を 紹介するブログ フリー素材の情報等も豊富 ■かちびと.net Web制作の話題を中心に、便利なWebサービスやリソースなどを紹介しているサイト ... 続きを読む
アフィリエイトを始めるなら最初に読んでおきたい厳選5記事 2013春 | びーおーぷんどっとねっと
2013年がはじまったばかりで早速、今年はブログでも始めようかな。そんでブログで小遣い稼ぎ or ガッツリ収入も作ってみようかな?とか Webサイトでアフィリエイト始めようかな?なんて人におすすめしたい厳選5記事+本1冊 オススメしたいというよりも今、色々参考にさせてもらっている記事です。 Webサイトで収入を得る これでもかってくらいにサイト制作の仕方を説明してくれています。 それなりに稼ぐアフ... 続きを読む
Webサイト制作でつまずきがちな解像度に関わるあれこれ │ Design Spice
スマホやRetinaディスプレイが出てきてから、サイト制作の時に解像度に関することで時々混乱することがあるので整理してみました。 解像度とppiとdpi 解像度はビットマップ画像における画像密度のことで、一般に1インチ(25.4mm)をいくつに分けるかによって数字で表します。 単位はdpi、またはppiを用いられることが多いです。 よくディスプレイの解像度を1024×768ピクセルという総画素数で... 続きを読む
ワイヤーフレーム制作のための素材セット「The Ultimate Wireframe UI Kit」 | DesignDevelop
サイト制作の前に制作するワイヤーフレーム。サイトの構成や構造をわかりやすく事前に見せるためには非常に有効な手段ですが、作る精度によってはかなりの時間を費やしてしまうこともあると思います。今日紹介するのはそんなワイヤーフレームを制作する時間を短縮してくれる、素材セット「The Ultimate Wireframe UI Kit」です。 ローディング、ボタン、グローバルメニューなどなど、サイトにひつよ... 続きを読む
マークアップエンジニア だからうれしい Fireworksの使い方あれこれ
マークアップエンジニア だからうれしい Fireworksの使い方あれこれ — Presentation Transcript マークアップエンジニアだからうれしいFireworksの使い方あれこれ株式会社まぼろし 松田直樹 1 自己紹介• まぼろしの松田と申します• デザイン、マークアップ、JSer、 ライティングなど• 主な著書 『効率的なサイト制作のためのDreamweaverの教科書... 続きを読む
サイトに外部ブログのRSSを表示する方法と、記事タイトルが長すぎる場合に省略表示する方法メモ。 | ウェビメモ
今更ですが、Google Feed APIを利用してRSSを取得・表示する方法と、そのタイトルをCSSで省略表示させる方法を学びましたのでメモメモ。 みんなだいすきGoogle Feed API サイト制作の際、トップページなどに外部ブログのRSSを表示させたいときってありますよね。 私は過去にバンドの公式サイトを制作していた時、メンバーのブログRSSを表示させてくれとよく頼まれたものです。 (そ... 続きを読む
IE7~8に対応したHTML5+CSS3サイトを制作してみよう ~IE7~8のブラウザ対応をするための便利な方法をまとめました~ | HTML5でサイトをつくろう
HTML5でつくられたサイトというと、Flashのような大掛かりなギミックをHTML5で実現したサイトを連想するかもしれませんが、HTML5+CSS3でサイト制作をすることは、スマートフォン対応だけでなく、ソースの最適化や軽量化、SEO、将来的なサイトのあり方を考えて、有効な手段となります。 また、CSS3を使用すればページ数の多い企業サイトやブログ、ユーザーの管理画面を必要とするようなサイトを制... 続きを読む
ASCII.jp:レスポンシブWebデザインとは|ゼロから始めるレスポンシブWebデザイン入門
スマートフォンやタブレット、PCなどあらゆるデバイスに対応する制作手法として注目されている「レスポンシブWebデザイン」。レスポンシブWebデザインの概念からサイト制作の基本まで、レスポンシブWebデザインによる制作案件を数多くこなす菊池 崇氏が解説します。(編集部) レスポンシブWebデザイン(Responsive Web Design)は、PC、タブレット、スマートフォンなど、あらゆるデバイス... 続きを読む