WEBに関するnarico7のブックマーク (53)

  • 絞り込み検索をプラグインを使わずに実装[WordPress]

    Kotoriはマルファン症候群という難病を患っています! 今後は、マルファン症候群に関するトピックも扱っていきます! KOTORI Blogの公式キャラクター「パンD」です。 まえがき WordPressで絞り込み検索の機能を実現させるとしたら、みなさんどうしますか? 普通はまずプラグインで手っ取り早くできないかと考えるかと思います。 プラグインで考えると真っ先に挙がるのが『Custom Fields Search』です。 この『Custom Fields Search』のいい所は無料という点です。 絞り込み検索を実装するプラグインの中で実用的かつ無料なのは『Custom Fields Search』くらいではないでしょうか。 『Custom Fields Search』は余りおススメできない しかし、『Custom Fields Search』は余りおススメできません。 理由としては以下

    絞り込み検索をプラグインを使わずに実装[WordPress]
  • プロジェクト炎上を防ぐ10の法則 - WBS作成の極意 | INIブログ

    ※インテリジェントネットではWBSを引いたり、WBSに沿って一緒にものづくりをする仲間を募集しています。詳しくは【インテリジェントネット採用情報】をご覧ください。 先日、当社インテリジェントネットにてフリーランスとしてご活躍されているd-threeの大崎さんをお招きして社内勉強会「WBS講座」を開催しました。 ほぼ全員参加だったため、全くWBSやスケジュールをひいたことのない初心者もいれば、日頃から中~大規模サイト構築案件のディレクターとしてWBSをひいてプロジェクトマネジメントをしている中級者(どこまでが中級者でどこからが上級者かわかりませんが)まで幅広いメンバーが参加しました。初心者向けのレポートは新人ディレクターがアップしますので、このエントリでは中級者向けのレポートをアップしたいと思います。 そもそもWBSとは? 「Work Breakdown Structure」です。ここまでは

    プロジェクト炎上を防ぐ10の法則 - WBS作成の極意 | INIブログ
  • 知っておくと効率的!コーポレートサイト制作が捗るjQuery プラグインや使い方まとめ

    作成:2014/04/7 更新:2014/11/01 Web制作 > あの企業サイトで使われている効果やテクニックをまた探さないといけない、そもそもどういったキーワードで探したらいいのか分からない。そんなこんなで、今回は奇抜なものではなく、「企業サイトで見たことある!」というような、コーポレートサイトに使えそうな定番のプラグインや作り方をまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ スライドショー 1.カルーセル(横) 2.フェードアウト 3.画像と文字をスライド 4.文字が遅れて移動する効果 5.異なるタイミングを設定できる ナビゲーション・メニュー 6.多階層 ドロップダウンメニュー 7.多階層 効果つき 8.スマホではドロップダウン 9.スマホではセレクトメニューに 10.Amazon風 メガドロップダウンメニュー 11.横スライド 1

    知っておくと効率的!コーポレートサイト制作が捗るjQuery プラグインや使い方まとめ
  • 【保存版】バナーの作り方やデザインの参考になる記事やサイトまとめ

    皆さんは、満足したバナーが作れていますか? バナーは、自社サイトへの誘導やCVにつなげるための重要な役割を果たします。 しかし、限られたサイズの中で、ターゲットに刺さるバナーをデザインするというのはなかなか難しいもの・・・。 そこで今回は、効果が高い高品質なバナーを作成するために役立つ記事やサイトをご紹介します。 Webデザイナーやディレクターには特におすすめです。 効果の出るバナーの作り方の参考になる記事 実際に効果の出ているバナーの事例を参考にすることは大いに役立ちます。 下記で紹介している記事を読みつつ、実践していけば、効果の出る高品質なバナーを作れるようになるでしょう。 100種以上の自社広告運用でわかった!バナー広告クリエイティブ4つの基 LINEが今までに運用してきた広告からわかった、効果の出るバナークリエイティブを作るためのポイントを紹介している記事。 実際にたくさんのPD

    【保存版】バナーの作り方やデザインの参考になる記事やサイトまとめ
  • dfltweb1.onamae.com – このドメインはお名前.comで取得されています。

    このドメインは、お名前.comで取得されています。 お名前.comのトップページへ Copyright © 2020 GMO Internet, Inc. All Rights Reserved.

    dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
    narico7
    narico7 2014/03/26
    フレームワークとしてよさそう
  • Monacaで作るHTML5/JavaScriptでのハイブリットモバイルアプリ(その1)

    連載では、業務アプリケーション開発を行う熱血若手エンジニアのために、面倒な作業が楽になる便利なツールをご紹介します。「定時になったらスマートに帰社してアフター5を存分に楽しみたい!」や「設計書やレビューの準備に煩わされるのは嫌だ、コーディングに集中したい!」などを実現してくれる便利なツールやソフトウエアを、サンプルコードを交えて説明します。 はじめに 普段、設計書をもとに業務アプリケーションを開発したり、単体テストや連結テストに追われて忙しい日々を過ごしたりしていると、たまには気分転換で、なにかおもしろいモバイルアプリを手軽に作りたいなということはありませんか? しかし、いざ時間の取れる週末にアプリを作ろうと思ってみたものの、自宅のパソコンに開発環境を用意したり、開発に必要なライブラリなどをダウンロードしたり設定したりしていると、それだけであっという間に時間が過ぎてしまいます。また、An

  • 新着記事

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    新着記事
  • いいね!数1000を5分で自作自演する方法: いいね!数のカラクリとその見破り方 | 初代編集長ブログ―安田英久

    ですから、これを知っている企業さんは、できるだけシェアされ、そのシェア上でコメントが展開されるようなコンテンツを作るよう心がけているところもあるようです。 そのほうが、「いいね!」数が伸びやすくなりますからね。 でもこれは、次の2つがどちらも「いいね!」ボタン上では「1000」と表示されることを意味します。 いいね800回、シェア200回 = 表示いいね!数は1000いいね0回、シェア1回、シェアへのコメント999回 = 表示いいね!数は1000また、シェアは公開されている必要はありません。 だから、ボタンに表示される「いいね!」数を水増ししたかったら、水増ししたいURLをFacebook上で「自分のみ」でシェアして、そのシェアに自分でコメントを付けていけばいいのです。コメントの中身はなんでもいいのです。 5分もあれば、1文字コメントを1000件ぐらい付けられます。これで、「1000いいね

    いいね!数1000を5分で自作自演する方法: いいね!数のカラクリとその見破り方 | 初代編集長ブログ―安田英久
  • SEOコンテンツの作り方

    ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. SEOで成功するためには、「コンテンツの質が何よりも大事だ」と誰もが言う。 おそらく、あなたも頭では分かっていても、実際に良質なコンテンツを作ろうとすると、そもそもどういうものを作れば良いか分からず悩んでいることだろう。 また、もし仮に良質なコンテンツを作れたとしても、それで当に集客が倍増するのか自信が持てずジレンマに陥っているかもしれない。結論から言うと、SEOは良質なコンテンツを作ることが全てだ。 そしてそれさえ行えば、確実に大きな成功を手にすることができる。 しかし、多くの方が、そもそも良質なコンテンツとは何かを明確には分からずに、手探りで進めてしまっている。結果、ユーザーニーズとかけ離れたコンテンツを作ってしまい、結果につながら

    SEOコンテンツの作り方
  • ライバルを出し抜け!スマートフォンサイト制作でコンバージョン率を上げる7つのポイント|MarTechLab(マーテックラボ)

    LPO研究所所長の鎌田です。 今回は「スマートフォンサイトでコンバージョン率を上げるための重要ポイント」をお伝えします。 レスポンシブデザインだの、HTML5だのといった技術的な話は一切しません。あくまで「コンバージョンに直結するスマートフォンサイト制作の考え方、施策」についてお伝えします。 時代はスマートフォンだ、マルチデバイスだと騒がれてはいるものの、実際のところ、Web上でスマートフォンからのコンバージョン獲得を意識して対策できている会社はまだ多くありません。今のうちにしっかりと対策をすれば、PCでは激戦区のジャンルであっても、スマートフォンサイトで出し抜ける可能性は大いにあります。 それでは早速いってみましょう。 目次 スマホユーザビリティは右手親指を意識しろ スマホサイトは読み込み速度を重視しろ リスティングもスマホ向けに最適化しろ スマホサイトではオファーを下げろ スマホではス

    ライバルを出し抜け!スマートフォンサイト制作でコンバージョン率を上げる7つのポイント|MarTechLab(マーテックラボ)
  • API 仕様

    気象庁防災情報 XML 検索 API JSON 形式で応答を返す Web API です。以下の URL にパラメータを付加して GET してください。 指定したパラメータと値によってデータベース内の気象庁防災情報 XML を検索し、一致するものへのリンクが返されます。 http://api.aitc.jp:80/jmardb/search 使用可能なパラメータは以下のとおりです。パラメータの名前はすべて小文字です。 実際の各パラメータの値がどのようなものかは、トップページで検索した結果の一覧を見ると把握できると思います。 また、文字列の検索は部分一致でなく完全一致であることに注意してください。 status

  • 2行追加するだけでWebサイトを高速化するInstantClick.io - atskimura-memo

    Before visitors click on a link, they hover over that link. Between these two events, 200 ms to 300 ms usually pass by (test yourself here). 引用:InstantClick — JS library to make your website instant リンクにマウスオーバーしてからクリックするまでには200msから300msほど時間がかかるそうです。実際このテストページでクリックしてみるとMacのトラックパッドだとさらに遅く500msくらいかかってました。 InstantClick.ioはその間に裏でリンク先ページをロードして勝手にリンクをpjax化してしまうという高速化ライブラリです。 やってることはRails4のturbolinksと似てます

    2行追加するだけでWebサイトを高速化するInstantClick.io - atskimura-memo
  • 簡単にサムネイルやバナーをスライドにするCarouFredSelの使い方!

    バナーをたくさん貼りたいけど、あまりベタベタたくさん貼りたくない場合によく使う手なのですが、バナーをスライド風にして、自動でローテーションさせたりします。そんな時にこのjQueryカルーセルプラグイン「CarouFredSel」が便利です。オプションでいろいろな動き方を設定できますので、これ一つでいろいろな場面で使えますよ! 【更新履歴】 2013年02月22日 WordPressへの使い方追加 2013年09月05日 トップイメージによく使うオプションcrossfadeを追加 jQueryプラグインのダウンロード Circular, Responsive jQuery Carousel – CarouFredSel (機械日語訳はこちら) 上記サイトよりプラグインをダウンロードして下さい。 「jquery.carouFredSel-*.*.*.js」もしくは「jquery.carouF

    簡単にサムネイルやバナーをスライドにするCarouFredSelの使い方!
    narico7
    narico7 2014/02/18
    カルーセルのファンクション情報
  • OSSで作る!クラウドサービス開発戦記

    DevSumi2013 15-B-4 #devsumiB http://event.shoeisha.jp/detail/1/session/46/ 2012年12月にリリースしたCloudn PaaSは、Rubyで実装されたOSSのPaaS、Cloud Foundryを利用することで、ベンダーによるロックインのないPaaSを実現しています。 セッションでは、Cloudn PaaS開発チームの、開発プロセスの試行錯誤、OSS導入のトラブルや対策、ユーザとの交渉やカスタマイズ、OSSへのコントリビュートといったこれまでの挑戦を通じた、クラウドサービスの立ち上げについてお話します。

    OSSで作る!クラウドサービス開発戦記
  • フロントエンド自動化ツールをまとめて理解する - ワザノバ | wazanova

    http://www.youtube.com/watch?v=1OAfGm_cI6Y 1 comment | 0 points | by WazanovaNews ■ comment by Jshiike | 約4時間前 GoogleのAddy OsmaniによるFuture of Web Appのキーノートスピーチです。 49分間 [Video]で下記の話題を全てまとめてます。フロント関連の便利ツールが一通り網羅されてます。おかげで、Yeoman (Yo/Grunt/Bower) の概要もすっきり理解できました。スライド(236枚)で確認されたい方はこちら。 Codekit Hammer Prepros Koala Mixture compass.app scout-app Yeoman / Grunt grunt-image: JPG/PNG/Gifを最適化して軽量化 grunt-

  • 2時間でSassを習得!Sass初心者向け講習スライド大公開! | WebNAUT by Beeworks

    ※この記事は2014年2月4日に執筆された記事です。現在は仕様が異なる可能性があります。 CSSを効率的に書ける言語として昨今話題のSass。 これから導入をお考えの方に向けて2時間でマスターできる初心者向けのSass講習スライドを公開致します。 普段CSSを書く人も書かない人もSassがどういうものかを知る良い機会ですので、是非ご覧ください。 スライドに沿って実践すればSassの基を短時間でマスターできます! この講習では目で見るよりも実際に触れる事で理解が深まるよう、実習スタイルを取っています。 実習に使うファイルセットはこちらからダウンロードして上記のスライドと合わせてお使いください。 https://webnaut.jp/download/markup_140204/sass.zip(3.5MB) Sassの良さを活かすためには、チーム全員がSassを理解することが大切 Sass

    2時間でSassを習得!Sass初心者向け講習スライド大公開! | WebNAUT by Beeworks
  • http://api-portal.nhk.or.jp/ja

    http://api-portal.nhk.or.jp/ja
  • ワードプレステーマTCD

    すべてがパーフェクトな WordPressテーマTCD デザイン、機能性、つくりやすさ。そのすべてに徹底してこだわっています。 かっこいい、美しいWebサイトを低コストでつくりたいなら、ぜひWordPressテーマTCDをご活用ください。

    ワードプレステーマTCD
  • 2014年これからのウェブ制作業界の流れ、伸びる職種、ウェブデザインのトレンドなどのまとめ

    数多くのブログで2014年のトレンドをさまざまな切り口でポストしているので、その中から特に印象的で共感がもてたものをまとめて紹介します。 キーワードとしては、スマフォ・タブレットなどの小さいサイズのタッチデバイス、レスポンシブ(特に画像)、HTML5/CSS3、ビッグデータ、リスク管理が注目されています。 2014年、ウェブ制作業界全体の流れ ウェブデザインの2014年のトレンド 2014年に大きく変化するウェブデザインの7つの傾向 2014年、注目度の高いIT系の職種・役割 2014年、ウェブ制作業界全体の流れ まずは、2012, 2013年と的確な予測をだしてきたsitepointの2014年のウェブ制作業界の全体の流れから。 10 Web Predictions for 2014 スマートフォン中心の年 最終的にはデスクトップからのアクセスをスマフォが超える HTML5のウェブアプリ

  • 日本人が開発したJavaScriptライブラリ、エンジニア別国内利用率ランキング - ふろしき Blog

    エンジニアGitHubにソースコードを上げると、転職で有利になる!」なんて言われている時代ですが、当にそうなのでしょうか?多大な時間を割いて、ソースコードを管理し、マニュアルを作り、特設ページを作り、公開することに意味はあるのでしょうか? 昨年の11月、ふろしき.jsでは1,300の優秀と評価されたWebサイトを調査し、利用率の高いJSライブラリをランキング化しました。実はこの調査、一筋縄ではいかず、実際には1,800弱とデータサンプルとしてはそこそこな母数を確保し解析しています。 その調査の中で、わかったことがあります。 フロントエンドは、日エンジニアが個人で開発したようなOSSのJSライブラリが多く含まれ、重要な部品として活用されているのです。個人でも入り込める隙がある、そう思うと、フロントエンド界隈でGitHub上にソースコードを公開するモチベーションは、比較的高いのではな

    日本人が開発したJavaScriptライブラリ、エンジニア別国内利用率ランキング - ふろしき Blog