作業効率アップ！visual studio codeのおすすめプラグイン24個を紹介 | 株式会社ウェブ企画パートナーズ
visual studio code(VSCode)は、Microsoft社が開発したテキストエディタです。visual stuido codeには、開発の際に使えるさまざまなプラグインがあります。今回は、その中でもおすすめのvisual stuido codeのプラグインを紹介します。 visual studio codeのプラグインの利用方法 まずプラグインをインストール・有効・無効化・削除する方法を見ていきましょう。 プラグインのインストール方法 プラグインの利用は、画面左中央にあるExtenstions内で行います。 プラグインのインストールは、まずExtenstionsの検索ボックスで、利用したいプラグイン名・プラグイン名の一部を入力して検索しましょう。例えば「Live Server」をインストールしたい場合に検索ボックスで「Live」と入力します。 検索結果に自分がインストール
たった1日でLP（ランディングページ）が作れる！WordPressテーマ18個を紹介！デモサイト付 | 株式会社ウェブ企画パートナーズ
ランディングページの作成は、一から行うと時間がかかりますよね。作りたいランディングページは、ある程度決まっていても、カスタマイズ性・価格・テーマの種類などで悩んでいる方が多いでしょう。 気軽にフォームの作成できるWordPressテーマ 無料で使えるWordPressテーマ アプリ用のLPに適したWordPressテーマ ECに適したWordPressテーマ 海外製デザインのWordPressテーマ 今回は、これらのWordPressテーマを紹介する記事です。 WordPressでランディングページを作成する理由 テンプレート作成されたものを低コストで利用できる WordPressでは、気になるテーマが見つかることもあるでしょう。その際、気になるのが値段ではないでしょうか。WordPressテーマには、1,000円〜3万円程度の低コストで良質なテンプレートの購入ができるものがあるため、利用
【2020年】CSS・Javascript・PHP 非エンジニアも押さえておきたいポイントまとめ | 株式会社ウェブ企画パートナーズ
2020年、Flashがついに終了 Adobe Flash Playerが2020年末をもって開発・配布を終了することが決まっています。かつてはWebアプリや、アニメ表現、ブラウザで動作するゲームなど、リッチなWebコンテンツに欠かせなかったFlash。スマートフォンでの動作に向かないとされたことから、徐々にシェアが低下し、開発終了に至りました。 かつてFlashで作られていたものも、今ではHTML5、CSS3をベースに、JavaScriptやPHPなどを駆使して作られるようになり、新しいフレームワークや技術、言語仕様なども日々アップデートされています。今回は、エンジニアでなくとも、Webにかかわる方に知っていただきたい、2020年1月時点のCSS、JavaScript、PHP最新動向をご紹介していきます。 W3Cが方向性を決定 CSSはブラウザごとにそれぞれ実装されているため、ブラウザの
Webフォントも対応！日本語も豊富なAdobe Fontsの使い方を紹介！ | 株式会社ウェブ企画パートナーズ
デザイナーの皆さん突然ですが「Adobe Fonts」使ってますか？ デザインをする上で”フォント”の役割は重要です。デザイナーたるもの良いフォントを常にストックしておきたいもの。そんなフォントを探す時におすすめしたいのが今回紹介する「Adobe Fonts」です。 今回はその「Adobe Fonts」の良い点や使い方をまとめてみましたので、是非ご覧ください。それではどうぞ！ Adobe Fontsとは Adobe Fontsは、Adobe社が提供しているフォントライブラリです。 以前はTypekitという名称だったのですが、2018年に新しく「Adobe Fonts」として生まれ変わりました。Typekit時代は料金やライセンス、使用できるフォントの数の制限などが複雑で正直使うのを躊躇していました。。。 しかし、Adobe Fontsに変わったことで、それらの難しい制限が全て撤廃され、A
意外と優秀!!Dropboxでのデザインフィードバックを試したらすごく良かった話 | 株式会社ウェブ企画パートナーズ
グループワークやリモートワークを行う環境で、データを１箇所にまとめて格納できるオンラインストレージサービス「Dropbox」。2011年に日本語対応してからというもの、愛用されている方も多いのではないでしょうか。 かくいう弊社もDropboxをバリバリ使って日々業務を行っております。もはや足を向けて寝られない存在です。 そんなDropboxですが、近年のアップデートにより、データを保存・共有するだけでなく、デザインフィードバックツールとしてもかなり優れていることに気づきました。 実際に使ってみると、弊社でよく使っているデザインフィードバックツール「InVison」と比べても遜色なく、良い感じです。 ということで、今回はDropboxのフィードバッグツールとして良かったポイントをまとめてみましたのでご覧ください。 それではどうぞ！！ とりあえずDropboxファイルにコメントしてみよう まず
CMSのスタンダードが変わるかもしれない | 株式会社ウェブ企画パートナーズ
現在はWordPressがもっとも普及している 世の中にブログ文化が定着し、WordPressというCMSが普及するようになってからというもの、企業やサービスのホームページ制作においても、CMSのスタンダードはWordPressの状況です。 最もWordPressが普及している背景には様々な要因がありそうですが、支持されている最大の要因はコストパフォーマンスに優れたカスタマイズ性ではないでしょうか。 なにしろ本来は数十万かけて開発してもおかしくないような機能が、無料のプラグインとして（有料だとしても安い費用で）簡単に導入できるのですから、企業も安い開発費で機能性に富んだなホームページを手に入れることができるメリットを無視することはできませんよね。背に腹は変えられませんから、当然の結果です。 サイト表示速度がより重要視されてきている風潮 ですが、ここにきてCMSのスタンダードが変わることもあ
SSL（HTTPS）対応のはてなブックマークボタンの設置方法と注意点 | 株式会社ウェブ企画パートナーズ
はてなブックマークボタンがSSLに対応するようになってしばらく経ちますが、改めてSSLのウェブサイトにはてなブックマークボタンを取り付ける際の注意点をまとめてみたいと思います。 SSLになると何が変わるのか ウェブサイトをSSL化すると、これまでのはてなブックマーク数（ブックマーク自体が消えるわけではない）が消えてしまいます。正確には、消えているのではなく、httpとhttpsの2つに、はてなブックマーク数が分散します。 ブックマークする際のURLも変わります。これまでのURLは http://b.hatena.ne.jp/entry/XXXX.com でしたが、 http://b.hatena.ne.jp/entry/s/XXXX.com のように、URLの間に「s」がつくようになります。 SSL化したサイトにはてなブックマークボタンを設置する方法 現在のところ、2つに分散してしまったは
追従型メニュー（フローティングメニュー）のアイデアまとめ９選・PCサイト編 | 株式会社ウェブ企画パートナーズ
追従型のナビゲーションについて少し調査する機会があったので、ついでにまとめてみました。追従型のナビゲーションにメリットデメリットあるところだとは思いますが、ウェブサイト制作のヒントにしてもらえればと思います。 ヘッダーがまるごと追従するパターン https://www.toumeihouse.com/ シンプルにヘッダーがそのまま追従してくるパターンです。ヘッダーのサイズが大きければ可視領域が少なくなってしまいますので、その点が心配ではありますがユーザが最初に見たメニューがそのままついてくるので迷うことなく利用できるのはメリットと言えるでしょう。 メニューが小さくなって追従するパターン https://daiei-ironworks.co.jp/ スクロールをするとヘッダーのメニューが少しサイズ縮小され、可視領域を広げるパターンの追従ナビゲーションメニューです。先ほど紹介したヘッダーが丸ご
無料でダウンロードできる！ワイヤーフレーム制作に役立つ高品質な Adobe XD 素材６選！ | 株式会社ウェブ企画パートナーズ
先日「爆速に Adobe XD でワイヤーフレームを作ってみよう！魅力的な機能や高速化のコツをご紹介！」という記事を公開いたしましたが、その中でもご紹介したように、ワイヤーフレームは予めパーツを作っておくと早く制作することができます。 そこで今回は、ワイヤーフレームの作成に役立ちそうで、且つクオリティの高いキット（素材）をご紹介いたします。ご紹介するものは全て無料です。 無料で高品質なワイヤーフレーム素材をご紹介 Wires, free wireframe kits for Adobe XD https://www.behance.net/gallery/55462459/Wires-free-wireframe-kits-for-Adobe-XD もっともパーツの数が多く、クオリティの高いワイヤーフレームのキットです。ファイルはスマホとPCに分かれています。ボタンやサムネイルのパーツだけ
そろそろ重い腰を上げてGoogleOptimizeを使ってみよう！使い方から簡単ABテストの方法までご紹介 | 株式会社ウェブ企画パートナーズ
2017年にリリースされた「GoogleOptimize（Googleオプティマイズ） 無償版」。ちょこちょこ聞いたり見たりで知ってはいるけど、覚えるのが大変そうだしなかなか使えていない…というアナタに向けて、今回はGoogleOptimizeの簡単な活用方法から、GoogleOptimizeの設定方法までご紹介いたします。 ※GoogleOptimizeにはGoogleAnalyticsのアカウントと、GoogleChromeブラウザが必須です GoogleOptimizeの一番簡単な活用方法 GoogleOptimizeでできるのは一言でいうと「ウェブサイトのテスト」です。様々なテストの方法が用意されていますが、もっとも簡単でわかりやすいのは「ABテスト」です。 ABテストとは、AパターンとBパターンを用意してどちらのほうが良かったか調査するテストのことです。テストには信頼性への担保が
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ホームページの背景動画はどのようなシーンで使うべきなのか | 株式会社ウェブ企画パートナーズ
ホームページ制作会社の選定に悩んだら、建設会社に置き換えて考えるとわかりやすいかもしれない話 | 株式会社ウェブ企画パートナーズ