web制作に関するsinonome27のブックマーク (39)

  • 業務でAWSを利用する時に知っておくべきポイント10選 - Qiita

    2024年1月時点のAWSベストプラクティスに従って作成しました 好評でしたら続編も検討します 1. 環境ごとにアカウントを分離する 番、検証、開発ごとにアカウントを分割しましょう ✕良くない例 ◎良い例 最初にアカウント分割しておかないと、後で分割するのはとても大変です アカウントを分割することで「検証と思って作業したら、実は番だった」のような事故を減らすことができます コストがアカウント単位で集計されるため、環境ごとのコストを簡単に算出することができます AWS Organizationsを使用することで、各環境に応じた権限設定が簡単にでき、ガバナンスを強化することができます AWSアカウントはAWS Control TowerのAccount Factoryを使用することで、クレジットカード情報を都度入力することなく簡単にアカウントの払い出しが可能です また、AWS Contro

    業務でAWSを利用する時に知っておくべきポイント10選 - Qiita
  • WPFormsの有料版でお問い合わせフォームを作ってみた!! - 連結決算と決算早期化に強い横浜の会計事務所 中田裕司公認会計士事務所

    無料版(「WPForms Lite」)の他、有料版(プランは4段階)もあり、プランに応じて、だいたい年間9,000円($79)〜65,000円($599)くらいかかります。 (ブログ執筆日現在、初回は割引があって、年間4,500円($39.5)〜25,000円($209.65)くらいになるようです。) わたしは有料版で一番安い「WPForms Basic」を購入しました。 LiteとBasicの違いLiteで使える機能無料版であるLiteでは、主に次の機能があります。 テンプレートから選んでお問い合わせフォームを作る(ただし、テンプレート数は有料版より少ない)お問い合わせフォームとして必要な最低限の項目をドラッグ&ドロップで作るお問い合わせの受付メールを自動で送るお問い合わせ内容を送信した後のメッセージ画面を表示するテンプレートから選んでお問い合わせフォームを作るフォームは豊富にある ※

  • webエンジニアの「業務委託単価表」が公開 - Digital Shift Times(デジタル シフト タイムズ) その変革に勇気と希望を

    Resource株式会社は、3,000の実績データをもとにwebエンジニアの業務委託単価表を公開したと発表した。 現在の単価が適正単価なのか、次の単価レンジに行くにはどうすれば良いか、開発発注プラットフォーム「ISSUE」の実績を使い調査したとのことだ。 2022年11月ではISSUE上に1,800人以上のユーザーデータと2,000以上の単価診断結果があるという。またISSUEではクラウドソーシング形式で企業とマッチングすることにより、報酬を獲得することができる。その際の契約時給単価を今回の相場作成の参考にしているとのことだ。 ・1,000〜2,000円 インターン・アルバイトレベル。プログラミングを始めたての学生や勉強中の人が対象になる。実務経験としては0〜1年ほどの人が当てはまる。プログラミングの概念を学んでいる段階なので、外部APIなどの公式ドキュメントを理解するのが難しい場合もある

    webエンジニアの「業務委託単価表」が公開 - Digital Shift Times(デジタル シフト タイムズ) その変革に勇気と希望を
  • めっちゃ楽!面倒なWeb制作から救う最新オンラインツール44個まとめ

    ホームページやウェブサイトを制作するなかで、「この作業は苦手」「いつも〇〇でつまづく」など日々格闘しているひとも多いでしょう。 この記事では、そんな面倒なWeb制作を楽にするお役立ち最新オンラインツールをまとめてご紹介します。 頭を抱える配色えらびから、おしゃれイラストのダミー生成ツールや、商用利用もできるHTMLテンプレートなど、時間のかかっていた作業を時短できる新サービスがぞくぞく増えています。 自分だけの最強ワークフロー術として、この機会に活用してみてはいかがでしょう。 カテゴリごとに整理しています、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. Web制作便利ツール 2. 配色ツール 3. デザインコレクション 4. プロトタイプ、アイコンツール 5. コラボ、リモートワークツール 6. 面白、クリエイティブツール Web制作の効率、生産性アップ!話題の最新

    めっちゃ楽!面倒なWeb制作から救う最新オンラインツール44個まとめ
  • 【2021年版】YouTubeチャンネルを伸ばすための厳選された17のテクニック - SEO Japan|アイオイクスのSEO・CV改善・Webサイト集客情報ブログ

    無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする >> 動画コンテンツは、直近で最もニーズが増加している表現方法と言えるでしょう。 マーケティング観点からも決して目が離せない存在になりつつありますが、動画マーケティングでYouTubeを外すことはできません。YouTubeから多くの視聴数を獲得することも夢ではありませんが、そのハードルが高いこともまた事実です。 今回は、Backlinkoから様々な施策をまとめた記事を紹介させていただきます。自身のYouTubeチャンネルの成長のヒントに慣れば幸いです。 この記事では、YouTubeでより多くの再生数を獲得する方法を説明したいと思う。 ここで紹介するのは、私のチャンネルが月間で276,000の再生数を獲

    【2021年版】YouTubeチャンネルを伸ばすための厳選された17のテクニック - SEO Japan|アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
  • コーディングを助けるためにデザイナーができること① | knowledge / baigie

    デザイナーの高島です。 ベイジには2019年4月に入社しました。webサイトや業務システムのUIデザインを主に担当しています。『knowledge / baigie』でも、デザイン関連の情報を発信していきたいと思います。 デザインツールで制作したデザインデータをコーディングする時、「デザイン通りになっていない」「ルールに一貫性がなくてコーディングに余計な手間がかかった」といったトラブルが起こりがちです。 しかしこれらの大半は、デザイナー側の配慮である程度防げるとも思っています。そこで今回は、私がコーディングを依頼する際にデザイナーとして気を付けていることをまとめてみました。 なお、ベイジが使用しているメインのデザインツールはAdobe XDなため、この記事もXDの使用を前提としています。ただし、ツールに関わらない話も多いはずなので、皆様が使っているツールに置き換えながら、お読みいただけると

    コーディングを助けるためにデザイナーができること① | knowledge / baigie
  • WordPressの有料絞り込みプラグインの決定版はこれだ

    こんにちは。ゆーへーです。 WordPressって検索機能便利なんですが、自作で作るのは難しいんですよね。 やり方知りたい方は前に書いたんですが、なかなか難しいです。 WordPressちょっとカスタマイズできるよって人でも難しいでしょう。 あとは一つ問題があって後で簡単に修正出来ないってところですかね。 >WordPressの絞り込み検索を、カスタムフィールドで作った というわけで!こんなお悩みを解決します。 WordPressの絞り込み機能を追加したい。 カスタム投稿、カスタムフィールドでも絞りこみがしたい。 この中で一番のオススメはSearch & Fillter Proです。 他にも優秀なものはありますが、コスパや使いやすさから考えるとこれ以上のプラグインは今のところありません。 英語ですが、簡単な英語ばかりなので問題ありません。 絞り込みプラグインを選んだ基準 カスタムフィールド

    WordPressの有料絞り込みプラグインの決定版はこれだ
  • WordPressの絞り込み検索プラグインをあれこれと探した結果

    ECサイトはもちろん、物販ブログでも「絞り込み検索」があると良いですよね。 ネットで調べれば、作り方は出て来ます・・・。でも、シロートにはハードルが高そう。 業者に頼めば、安くても数万円かな? ワードプレスでは、無料のプラグインがあります。 「WP Custom Fields Search」 見つけたのは2016年頃。バージョンは「0.3.27」。日語版も配布され、解説記事も多く、使いやすいプラグインでした。 ところが 2017年に、レンタルサーバーのデータベースをPHP5からPHP7にアップしたところ、「WP Custom Fields Search」が原因でサイトが真っ白。 どうやらPHP7には対応していないようです。 しばらくPHPのアップを諦めてました。 でもやっぱり PHP7でサイト高速化を目指したいので、新しく「絞り込み検索プラグイン」を探してみました。

    WordPressの絞り込み検索プラグインをあれこれと探した結果
  • お金のアイコン.com | お金、投資、保険、ローン等の金融に特化したアイコン素材サイト

    2022/08/07 素材を70点追加しました。2022/07/06 素材を100点追加しました。2022/06/27 プレミアム素材を50点追加しました。2022/06/09 素材を80点追加しました。2022/05/26 素材を50点追加しました。 2022/05/16 フリー素材を20点追加しました。2022/05/09 フリー素材を40点追加しました。2022/04/15 フリー素材を30点追加しました。2022/04/11 フリー素材を30点追加しました。2022/03/26 フリー素材50点を追加しました。2022/03/17 フリー素材73点、プレミアム素材1点追加しました。2022/03/05 フリー素材62点、プレミアム素材10点追加しました。2022/02/25 フリー素材40点、プレミアム素材50点を追加しました。2022/02/16 フリー素材40点、プレミアム素材

    お金のアイコン.com | お金、投資、保険、ローン等の金融に特化したアイコン素材サイト
    sinonome27
    sinonome27 2019/04/24
    素晴らしいまとめ
  • 【SANGOカスタマイズ】カテゴリー別人気記事をテーマに実装してみた

    テーマ側に実装するべき人 カスタマイズの内容的に、ウィジェットにphpコードが書けるようになるプラグイン「PHP Code Widget」が必須でした。 WordPressは、このようにプラグインをインストールすればお手軽に様々な拡張機能を利用できる点が最大の強みでもあると思います。しかし、あまりにもプラグインを入れすぎているとページを表示するのに時間がかかってしまったり、思わぬ誤作動を引き起こす原因になるなどデメリットも存在します。 このプラグインを他にもたくさん便利に使ってますよ!とか、ウィジェットでお手軽管理したいよ!って方はそのままでもいいと思いますが、このカスタマイズをしたいが為にプラグインを使っているのであれば勿体ないですよね。 こんな人は、今回紹介する手順で「PHP Code Widget」なしでも同じことができるようになりますので、是非実践してみて下さい! 実装の手順 親テ

    【SANGOカスタマイズ】カテゴリー別人気記事をテーマに実装してみた
  • WordPressで人気記事をプラグインなしで表示する方法 | WordPress | Web関連 | KEPRATE

    WordPressで人気記事を表示するにはプラグイン(WordPress Popular Postsというのが有名)を使用すると簡単に実現出来ます。 しかしプラグインを使用すると 記事が増えると重い。(デフォルトの設定でアクセス事にデータベースとやり取りして保存しているのが原因) WordPressバージョンのアップデートの際の心配もなくなるし裏でどのようにして動作しているのか把握したいので個人的に自作可能なら自作したい。 上記の理由からプラグインを使用するのはやめてWordPressのカスタムフィールド機能を使うと割と簡単に自作出来そうだったので自作した際のメモ。 流れとしてはfunction.phpに人気記事を表示するための関数を追加して出力したいsingleページテンプレートにコード追加。最後にcssで見た目の確認・調節。

    WordPressで人気記事をプラグインなしで表示する方法 | WordPress | Web関連 | KEPRATE
  • 不正移管によるドメイン名ハイジャックについてまとめてみた - piyolog

    2018年9月頃から第三者に汎用JPドメインがのっとられるドメイン名ハイジャックの事例が相次ぎ、これらは不正なドメイン移管手続きにより発生した疑いがあります。ここでは関連する情報をまとめます。 不正移管の手口 のっとり犯が自身が利用するレジストラを通じて他人が所有するドメインの移管申請を行う。 次のいずれか該当する場合に(一時的に)ドメイン移管申請が行われてしまう恐れがある。 指定事業者が承認確認(不承認含む)を行わない(放置する) 登録者または指定事業者がのっとり犯が行った移管申請を誤って承認してしまう 汎用JPが狙われているのは自動承認ルールを悪用しているためとみられる 移管元指定事業者から承認、または不承認が10日以内に確認取れない場合、自動承認となる。 「汎用JPドメイン名登録申請等の取次に関する規則」第11条第2項に則ったものとされる。 第11条(取次にかかる登録申請等に対する決

    不正移管によるドメイン名ハイジャックについてまとめてみた - piyolog
  • 投稿時に自動付加されるrel=noopener noreferrerを制御するWordPressカスタマイズ方法

    テーマ側からカスタマイズする場合は、子テーマのfunctions.phpに以下のコードを貼り付けます。 //エディターでrel="noopener noreferrer"自動付加の解除 add_filter('tiny_mce_before_init','tinymce_allow_unsafe_link_target_demo'); function tinymce_allow_unsafe_link_target_demo( $mce_init ) { $mce_init['allow_unsafe_link_target']=true; return $mce_init; } //投稿時に強制付加されるnoreferrer削除 add_filter( 'wp_targeted_link_rel', 'wp_targeted_link_rel_custom_demo', 10, 2 )

    投稿時に自動付加されるrel=noopener noreferrerを制御するWordPressカスタマイズ方法
  • この世界に存在しない人物の画像をワンタッチで簡単に生成できる「This person does not exist」

    UberのソフトウェアエンジニアであるPhillip Wang氏は、サイトをF5キーなどを押して更新するだけで次々に新しい「この世に存在しない」人物の顔を生成する、「This person does not exist」というウェブサイトを作成して公開しました。 This person does not exist https://thispersondoesnotexist.com/ This Person Does Not Exist Is the Best One-Off Website of 2019 | Inverse https://www.inverse.com/article/53280-this-person-does-not-exist-gans-website 「This person does not exist」の公式ページにアクセスすると、世界のどこかにいても全

    この世界に存在しない人物の画像をワンタッチで簡単に生成できる「This person does not exist」
  • 【2019年決定版】タイトル改善が唯一無二にして最強のSEO対策である3つの理由 | ナイルのマーケティング相談室

    こんにちは。平塚です。 前回『サーチエクスペリエンス時代、「いかに再検索させないか」と「いかに再検索のニーズに答えるコンテンツを用意するか」が重要説』という自分の仮説を書かせていただきましたが、「言いたいことはわかったけどどうすればいいのよ?」という意見もいただきそうな内容でした(言われてませんが)。 今回は記事名(どうせなのでめちゃくちゃSEOライクにしてみました)にもある通り、イージードゥ SEO施策、たかがタイトルされどタイトル、タイトルの改善is最強。という話をします。 ※この記事で言うタイトルとは「HTMLのhead内に記述するtitle要素」のことを指します なんだ今更そんな話か。と思う方もいるかも知れませんが、タイトルはSEOで100を超えるクライアント様のコンサルティングを行ってきた弊社のコンサルタントでも血眼になってこだわり抜く部分です。それほどまでに優先度の高い施策です

    【2019年決定版】タイトル改善が唯一無二にして最強のSEO対策である3つの理由 | ナイルのマーケティング相談室
  • 無料でウェブ画像から物体を切り抜き透過PNGを作成できるChrome拡張「物体認識切り抜きで透過画像作成」

    画像の中から特定の物体だけを切り抜く作業を手動で行うのはかなりおっくうなものです。Google Chrome拡張機能「物体認識切り抜きで透過画像作成」を使えば、画像ファイルやウェブページの画像から対象の物体だけを自動で切り出して、透過型PNGファイルを出力できます。 物体認識切り抜きで透過画像作成 - Chrome ウェブストア https://chrome.google.com/webstore/detail/auto-background-remover-b/kpkaocloobmfnkbfjenchjopkcochdgj ブラウザ「Google Chrome」を使って上記「物体認識切り抜きで透過画像作成」のページを開き、「今すぐ試す」をクリック。 ポップアップが表示されるので、「拡張機能を追加」をクリック。 100MBを超えるファイルのダウンロードが始まり、インストール作業が行われ

    無料でウェブ画像から物体を切り抜き透過PNGを作成できるChrome拡張「物体認識切り抜きで透過画像作成」
  • WordPress の費用 | WordPress の価格 | プランを比較

    1年間無料のドメイン 1年間無料のドメイン yourgroovydomain.com のようなカスタムドメインが1年間無料。 何十種類ものプレミアムテーマの利用 何十種類ものプレミアムテーマの利用 すべてのベーシックデザインのテーマに切り替えることができます。 広告非表示のエクスペリエンス 広告非表示のエクスペリエンス 訪問者にはすっきりとした広告非表示エクスペリエンス。 SSL 使用の超高速 DNS SSL 使用の超高速 DNS 安全な SSL を使用した高速で信頼性の高いドメイン管理。 メールサポート メールサポート 迅速で親切、プロフェッショナルなサポートをいつでもご提供。 支払いにかかる8% の取引手数料 (および標準の処理費用) 支払いにかかる8% の取引手数料 (および標準の処理費用) クレジットカードの手数料がコミッション料金に追加して適用されます。 Jetpack を活用し

    WordPress の費用 | WordPress の価格 | プランを比較
  • Yahoo! JAPANトップページ(スマートフォン)におけるPWAの取り組み〜ホーム画面追加編〜

    ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog 概要 Yahoo! JAPAN Tech Advent Calendar 2018の12月19日目を担当します、 Yahoo! JAPANトップページ(スマートフォン)のエンジニアをやっている神野(@miracletshirt09)です。よろしくおねがいします。 当記事においてはYahoo! JAPANトップページ(スマートフォン)に置けるPWAに関する取り組みをご紹介させて頂きます。 PWAとは はじめにPWAの説明を致します。 すでにご存知の方は「Yahoo! JAPANトップページ(スマートフォン)に置けるPWAの取り組み」まで読み飛ばして頂いて大丈夫です。 PWAの概要 PWAとはProgressive Web Appsの

    Yahoo! JAPANトップページ(スマートフォン)におけるPWAの取り組み〜ホーム画面追加編〜
  • 国内最速レンタルサーバーをはじめ多彩なサービスがつかえる【wpX】

    「wpX Speed」は、次世代の接続インターフェース「NVMe(エヌブイエムイー)」の採用や、WordPressサイトをキャッシュなしで10倍以上(※)高速化する専用の高速・安定化機能の対応など、様々な技術を導入しております。 豊富なWordPress運用実績に基づいて、WordPress専用にチューニングした「wpX Speed」の速さを体感してください。 ※2019年9月時点、当社比(比較結果の詳細) SATAなどに代わるストレージメディアの次世代接続インターフェース、NVMe。SSDと組み合わせることで、その高速性能を最大限に引き出します。 wpX SpeedのピュアSSD(オールSSD)環境では全ストレージにNVMeを採用しており、従来のSATAピュアSSD環境に比べ読み込み速度が16倍以上向上しています。 ※計測結果は2019年9月時点、自社調べ ※SATAピュアSSD環境との

    国内最速レンタルサーバーをはじめ多彩なサービスがつかえる【wpX】
  • YesNo形式の診断テスト・占い・クイズが簡単作成できる無料ツール「診断ジェネレーター」プラグイン - ウェブ企画ラボ

    診断テストを作りたけれど費用があまりかけられない…そのような状況に遭遇したことはございませんか?またSEOのための飛び道具としてうまく活用したいというニーズもあるのではないでしょうか。(分かる方には分かるはず) WordPressのプラグインである「診断ジェネレータ作成プラグイン」を使うことで、無料で簡単にプラグインを作ることができましたので、今回はそのプラグインで「できること」と「設定方法」をご紹介します。 「診断ジェネレータ作成プラグイン」の基仕様 できることをご紹介する前に、まずは基の結果表示のアルゴリズムをご理解いただくほうが早いと思いますので、ご説明します。 管理画面で回答の選択肢に対し、それぞれ点数を設定することができます。最終的に、その合計点数に応じた診断結果をユーザーに対して表示するという仕組みです。 デモ デモページはこちらから 「診断ジェネレータ作成プラグイン」でで

    YesNo形式の診断テスト・占い・クイズが簡単作成できる無料ツール「診断ジェネレーター」プラグイン - ウェブ企画ラボ