エリアでの表彰制度ができた年から常に表彰をいただいており、特に新規顧客獲得部門では1位を獲得し続けています。 マーケットデベロップメントパートナーは日本全国で5社のみ、エリアデベロップメントパートナーは東海で2社のみとなっており、両方を保持しているのは全国でも当社だけです。 新規の獲得数や売上額の表彰だけに限らず、Make it simpleという運用品質を評価する賞においても表彰をいただいております。

jQueryを使ったカルーセルスライダーではなく、ゆっくり右から左に画像が流れていくスライダーを作る場合、今まで「Slick」とかのライブラリ系のjQueryを使ってたんですけど、CSSのアニメーションだけでそれっぽいのがつくれたので、備忘録としてまとめておきます。 スライダーのイメージを効果音で言うなら通常のカルーセルが「サッサッサッ」と変わるなら、今回のは「サーーーッ」と流れていくイメージです。 余計にわかりにくくなったという方は下記のデモを見てください。 DEMO まずは横に長い画像を用意 「repeat-xでリピートされている背景画像が右から左にひたすら流れていく」という構造になります。 今回はこんな感じの画像を用意しました。 ポイントとしては、繰り返しで表示させても違和感ないような画像にしましょう。 使用画像：ぱくたそ CSSのアニメーションKeyframeを作成 画像は背景画像

ガザでの人道的休戦協議に進展か……バイデン氏示唆　アラブ諸国はイスラエル批判バイデン米大統領は4日、「人道的休戦」をめぐる協議に進展があったことを示唆したが、詳細は示さなかった。ブリンケン米国務長官は同日、イスラエルがパレスチナ自治区ガザ地区で停戦した場合ハマスが立て直しを図り、次の攻撃を起こすだろうとの見方を示した。他方、国連は同日、同地区で150万人近くが家を失い、71万人以上が国連施設に避難していると発表した。 7時間前 【解説】 イスラエル・ガザ戦争　4週間たった今、五つの新しい現実＝BBC国際編集長イスラエル・ガザ戦争ではっきりわかっていることは少ないが、それでもはっきりしてきたこともあると、BBCのボウエン国際編集長が説明する。 8時間前

preg_replace関数で正規表現を使う方法ではマルチバイトの空白も取り除くことができますが、下の3つはマルチバイトの空白に対応していません。 なので、全角スペースも含めて取り除きたい場合は、preg_replace関数を使った方法が有効になります。 それでは、1つずつみていきましょう。 preg_replace関数 正規表現を使って文字列の前後に空白があるかを検索し、もし見つかった場合は空の値に差し替えることで空白を取り除きます。 PHP コード例 $str1 = " テキストの前後にある空白を削除する "; $str2 = null; // 空白を取り除く $str2 = preg_replace( '/\A[\p{C}\p{Z}]++|[\p{C}\p{Z}]++\z/u', '', $str1); // 空白を取り除く前 var_dump($str1); // 空白を取り除いた

2022年4月27日 SVG, Webサイト制作 つ・い・に！ファビコンもSVG形式が対応されるようになりました！SVGを使えばこれまで使われてきたPNGなどのビットマップ形式とは違い、拡大縮小しても画質が劣化しません。つまり、過去記事「クリエイティブなファビコンを設置しよう」で紹介したように多くのサイズを用意する必要はありません！やったね！少し工夫すればダークモードにも対応できますよ！さっそくみていきましょう！ ↑私が10年以上利用している会計ソフト！ SVGファビコン設置方法 1. SVG形式のファビコン用画像を用意 グラフィックツールでファビコンにしたい画像を用意します。サイズは特に気にしなくてもOK。正方形であればどのサイズでもきれいに表示されます。今回はIllustratorを使って32x32pxのものを用意しました。 SVG形式で保存します。 2. HTMLファイルに記述 あと

表示速度は検索順位を決定付ける指標ページの読み込み・表示速度は、Googleが検索順位を決定付ける指標の一つとされており、サイトの高速表示化は重要なSEO対策のひとつです。 また、表示速度が遅いページはユーザーから敬遠され離脱率を高め、コンバージョン率を下げてしまうという調査結果が報告されています。 Googleは、ページの読み込み速度とユーザー直帰率の関係について研究結果を公開しています。その研究結果によると、ページ表示にかかる時間が1秒から6秒に増加すると直帰率は2倍以上に悪化してしまいます。ユーザー体験の向上を図り、成果の上がるサイトを作成するためには表示速度の高速化対策は必須となっているのです。 Gzip 圧縮とブラウザキャッシュザ・トールは、高速表示を実現する最新かつ革新的な技術を多数装備。そのひとつが「Gzip 圧縮とブラウザキャッシュ」です。 表示速度の高速化対策といっても様

PWAの作り方をサクッと学ぶ - 「ホーム画面に追加」「キャッシュ操作」「プッシュ通知」の実装 PWAをテーマにしたコミュニティ「PWA Night」を運営する菅家大地さんが、既存のWebアプリをPWA化する簡単な実装方法を解説します。 はじめまして、菅家（@kan_dai）といいます。普段は株式会社TAMという会社でフロントエンドをメインに、クライアントのWebサイト制作やWebサービスの開発をしています。PWA（Progressive Web Apps）をテーマにしたコミュニティ「PWA Night」の運営もしています。 さて、2018年ごろからPWAという言葉を聞く機会が多くなってきました。2019年現在、毎月コンスタントにPWAに関する仕事の相談を受けるようになっており、PWAへの関心の高まりを感じます。日本経済新聞やスマートフォン版Yahoo! Japanといった有名サービスでの

プログレッシブウェブアプリ (Progressive web apps, PWA) は、新しいウェブ API と伝統的なプログレッシブな拡張戦略を使用して、クロスプラットフォームのウェブアプリケーションにネイティブアプリと同様の使い勝手をもたらすウェブアプリのことです。プログレッシブウェブアプリは正式な標準ではありませんが、有用なデザインパターンです。 PWA は、特定のウェブ技術や技法の使用を含む、一連のアプリケーション属性を包含しているという点で AJAX や他の同様のパターンに似ていると考えることができます。この一連の文書では、これについて知るために必要なすべてをお伝えします。 ウェブアプリを PWA と呼ぶには、技術的に言えば、 安全なコンテキスト (HTTPS)、1 つ以上のサービスワーカー、マニフェストファイルを持つべきです。 安全なコンテキスト (HTTPS) このウェブアプ

Think, plan & create – Concepts is a flexible vector-based sketchbook where you can take your ideas from concept to reality. Concepts reimagines the ideation process – offering a safe and dynamic workspace to iterate and explore your ideas, organize your thoughts, and experiment with designs. With our infinite canvas, you can: • Sketch plans and whiteboard ideas • Make notes, doodles, and mindmaps

カオスエンジニアリングを導入したクックパッドの挑戦 マイクロサービス化に伴う可用性の低下に対応 料理のレシピ投稿・検索サービスのクックパッドでは2年前からカオスエンジニアリングに取り組み、さまざまな事例やノウハウを蓄積しています。クックパッドの技術部・SR（Site Reliability）グループの小杉山拓弥さんとDX（Developer Productivity）グループの鈴木康平さんに、導入の理由やさまざまな知見を伺いました。 カオスエンジニアリング（Chaos Engineering）とは、稼働中のサービスにあえて擬似的な障害を発生させることで、システムの耐障害性を検証する手法です。動画配信サービスを提供するNetflix社が2011年ごろから実践し、ソフトウェアや情報を積極的に公開したことで世界中から注目されるようになりました。 国内ではまだ導入事例も少ないなか、料理のレシピ投稿

プログラミング初心者の学生に「自習してね」と簡単に言うために，簡単にwebブラウザでプログラムを書いて実行できる環境が欲しい．いろいろあります． 高度なonline開発環境もありますが，それは別物． https://c9.io https://codeanywhere.com ここではユーザ登録などの面倒な手続きがなく，すぐにコードを書いて実行できるサイトを紹介します． ただし，書いて実行した自分のコードが，すぐに全世界に公開され共有される場合もあるので，それを理解してからこれらのサイトを使ってください Coding Ground at tutorialspoint (2021/4/16 update) 特徴 多数の言語あり（C, C++, Java, Python, latex, etc...） https://www.tutorialspoint.com/codingground.ht

コードを試したい場合だったり、プログラミングの学習をしたりするときに、開発環境を整えるのが面倒なことはありませんか？今回は面倒なアカウント登録も不要で、ブラウザだけですぐにプログラミングができるWebサービスをご紹介します。 Runstant http://phi-jp.github.io/runstant/release/alpha/ 対応言語：HTML, CSS, JavaScript Web系のコードを試すときに便利なサービスです。エディタがSublime Text風のハイライトで見やすく動作もサクサクなので非常に使いやすいです。saveボタンを押すことでコードの情報が入ったURLが自動的に生成され、簡単に他の人にシェアすることができます。また、上のshareボタンを押した後にembed codeの内容を記事内に埋め込むとコードと開発環境自体も埋め込むことができます。Webデザイナー

アプリ開発を強力にサポートしてくれるPHP言語ですが、杓子定規にPHPプログラミングをしていたのでは膨大な時間と労力がかかります。そんな気落ちしてしまいそうなプログラマーを助けてくれるツールの一つに「PHP ライブラリ」があります。現在 PHP ライブラリは300以上公開されていますが、今回はその中でも特に便利そうなライブラリを9ご紹介させていただきます。 "CodeCampus"はオンラインプログラミングスクール No.1のCodeCampが運営するプログラミング未経験の方のための学習メディアです CodeCampとは？（受講生体験記） 「エンジニアは女性のキャリアとして魅力的」未経験からの転職体験記リモートワーク×多拠点居住の新しい生き方を実現する。元バレエダンサーの挑戦普通の文系大学生/営業職が、エンジニアへ転職し起業するまで成長の記録 PHP開発が爆捗るPHPライブラリ10選画像投

前回、$_FILES['userfile']['type'] の値は、信用できないので、PHP側で確認しましょうということで終わりました。 そもそも、リクエストメッセージ全体を偽装できるので、$_FILES['userfile']['type'] の値に限らず、ユーザーが入力・選択して送られてきたリクエストメッセージの値は全て信用できないため、PHP側で想定した値か確認する必要があります。 当然、$_FILES['userfile']['type'] の値もPHP側で確認する必要があります。 今回は、アップロードされたファイルの種類をどうやって確認するのか見ていきます。 そもそも、PHP側で正しいファイルかどうか確認する方法なんてあるのでしょうか？ リクエストメッセージで送られてくる MIME タイプは信用できないし、それ以前にリクエストメッセージ全体を偽装できるので、お手上げな感じがしま