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

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

ビデオ, 「あなたは私たちの国王ではない」　豪議会で先住民の議員がチャールズ英国王に, 所要時間 0,34オーストラリア訪問中のイギリス国王チャールズ3世が21日、連邦議会を訪れた際、歓迎式典で先住民のリディア・ソープ上院議員が「あなたは私たちの国王ではない」と叫んだ。 7時間前 イスラエル、ヒズボラの金融拠点への攻撃警告　レバノンで複数の爆発音レバノンを拠点とするイスラム教シーア派組織ヒズボラを標的とした攻撃を続けるイスラエルは20日、レバノン国内の24地域の住民に対し、同日夜にかけて攻撃を実施すると警告した。これらの地域には首都ベイルートの14地域が含まれる。 2024年10月21日 【米大統領選2024】 マスク氏、激戦ペンシルヴェニア州で毎日1人の有権者に100万ドル贈ると表明テクノロジー業界の大富豪イーロン・マスク氏が、米大統領選挙の重要激戦州となっているペンシルヴェニア州で、来

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) は、ウェブプラットフォーム技術を使用して構築されたアプリですが、プラットフォーム専用のアプリのような使い勝手を提供します。 PWA はウェブサイトのように、単一のコードベースから複数のプラットフォームや端末で動作することができます。プラットフォーム専用のアプリのように、端末にインストールし、オフラインやバックグラウンドで処理し、端末や他にもインストールされているアプリと統合することができます。 これらのガイドでは、PWA のさまざまな側面について概念的に説明しています。PWAでどのようなことができるかを理解し、それを実現する方法を理解するのに十分なポインターを提供するためのものです。 プログレッシブウェブアプリとは PWA の紹介、従来のウェブサイトやプラットフォーム専用のアプリとの比較、主な機能の輪郭線。

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年ごろから実践し、ソフトウェアや情報を積極的に公開したことで世界中から注目されるようになりました。 国内ではまだ導入事例も少ないなか、料理のレシピ投稿

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? プログラミング初心者の学生に「自習してね」と簡単に言うために，簡単にwebブラウザでプログラムを書いて実行できる環境が欲しい．いろいろあります． 高度なonline開発環境もありますが，それは別物． https://c9.io https://codeanywhere.com ここではユーザ登録などの面倒な手続きがなく，すぐにコードを書いて実行できるサイトを紹介します． ただし，書いて実行した自分のコードが，すぐに全世界に公開され共有される場合もあるので，それを理解してからこれらのサイトを使ってください Coding Ground at

コードを試したい場合だったり、プログラミングの学習をしたりするときに、開発環境を整えるのが面倒なことはありませんか？今回は面倒なアカウント登録も不要で、ブラウザだけですぐにプログラミングができる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 タイプは信用できないし、それ以前にリクエストメッセージ全体を偽装できるので、お手上げな感じがしま