A new tool that blends your everyday work apps into one. It's the all-in-one workspace for you and your team

覚えておくと便利なCSSデザインTipsを9つ集めてみたUpdate2023.05.18Release2023.05.18Coding HatenaにシェアするTwitterにツイートするPocketにストックするFeedlyに登録する これまでは画像で表現していたデザインを今ではCSSのみで実装できるものが多くなってきました。今回は覚えておくと便利な現場で使えるCSSデザイン Tips を9個紹介します。いざという時に使えるものばかりですので、ストックしておくことをおすすめします。 見出しの改行位置をCSSで調整する見出しの改行位置を調整する見出しの文章が中央揃えである程度の文字数があると、スマホで見た場合意図したところで改行ができていないことがあります。上の動画をご覧ください。上側の文章は改行されると2行目3行目も中央寄りになるため、画面サイズによっては最終行が1〜3文字になってしまい

無料のメールフォームPHP「EasyMail（イージーメール）」：公開期間が設定できる「PublicPeriod」プラグインをリリースしました。 株式会社ファーストネットジャパン（大阪市中央区、代表取締役：齊藤 真也）が運営するオープンソースソフトウェアであるメールフォームCMS「EasyMail（イージーメール）」にて、2021年5月10日に公開する期間を設定できるプラグイン「PublicPeriod」をリリースしました。 EasyMail URL:https://www.mubag.com/ このプラグインでは、公開開始日時と公開終了日時を入力すれば、 その期間中のみフォーム部分が表示され、それ以外は非表示となり、任意のメッセージを表示することができます。 例えば、キャンペーンの申し込み期間が2021年4月1日0時~2021年4月30日24時までにしたいという場面でこのプラグインは有効

家では普通に眠ることができるのに、山で寝ようと思うと熟睡には程遠い浅い眠りになってしまい、毎回何ともいえない気持ちになります。 山での初めての夜は、登山を始めた2013年の秋に熊野古道の小辺路を縦走した時でした。小辺路のルート上にある伯母子峠の避難小屋の中でクローズドセルを使って眠ろうとしたのですが、腰が痛くなって殆ど眠れませんでした。 薄っぺらいマットでは腰が痛くて眠れない…と2014年以降はエアーマットを色々試しますが、なかなか腰の痛みは改善されず、2018年にようやく自分の体に合うエアーマットに出会うことができました。 その後、反り腰対策のストレッチを寝る前にやることで腰の痛みを軽減できることが分かり、これまでスリーピングマットにつぎ込んできたお金が無に帰したわけですが、腰痛が改善しても山での不眠は改善されることはありませんでした。 www.haradesugi.com そんなこんな

CSSコーディングに役立つサービスやWebサイト運用で役立つSEO関連のツールなど、Web制作の現場で使えるWebサービスを13個紹介します。ワンクリックで取得できるコードや、ドラッグ&ドロップだけで完結するものなど、直感的に作業できるサービスばかりです。あなたの現場でもぜひ利用してみてください。 Fancy Border Radius Generator CSSのborder-radius を使ってボックスや画像をユニークな形状に変化できるWebサービス。 Fancy Border Radius Generator シンプルなコードで実装可能です。 正方形の写真をCSSで変形させました 上のように正方形の写真をユニークな画像に見せることができます。 Fancy Border Radius Generator Clippy – CSS clip-path maker CSSのclip-pa

米ハーバード大が無償公開しているプログラミング入門講座を日本語に訳したWebサイト「CS50.jp」が公開された。プログラミング教育ベンチャーのLABOTが、「コロナ禍などで大学のキャンパスの環境が不安定になる中、多くの学ぶ意欲がある学生に、良質な教材に母語でアクセスしてほしい」と翻訳作業を進めてきたという。 公開したのは、ハーバード大コンピューターサイエンス学部のデビッド・J・マラン教授が、無料オンライン教育サービス「edX」で公開している人気講座「CS50」のうち、コンピュータサイエンス入門と、Python・JavaScriptを使ったプログラミング講座を日本語訳したもの。YouTubeの英語教材とあわせ、日本語のテキストで学べる。 CS50は、非営利で再配布・改変可能なクリエイティブ・コモンズライセンス（CC BY-NC-SA 4.0）で公開されており、非営利なら改編や再配布が可能だ

新人の方によく展開させていただいている有益な情報をまとめておきます。今後も展開することがあるかもしれないため情報をまとめております。 あらたな、有益な情報がありましたら、随時追加してまいります。 有益な記事・論文・書籍等を執筆・紹介していただいた皆様に感謝申し上げます。 ちなみに、本記事に記載されている情報は、お困りごと・お悩みごとをお聞きしたとき・気づいたときに、そのお困りごとに対して参考になりそうなものだけを展開していました。この情報を一気に展開していたわけではございません。 コードリーディングについて [1]ソースコードを読むための技術 https://i.loveruby.net/ja/misc/readingcode.html [2]派生開発推進協議会 関西部会 スペックアウトチーム，「派生開発におけるスペックアウト手法の提案」，派生開発カンファレンス2015，2015 http

どんなコース？Googleのエキスパートが授業をしてくれる、UXデザイナー養成オンラインコースです。UXデザイナーになるためのグーグル認定のトレーニングを受講でき、1日1時間ぐらい受講して、だいたい6ヶ月で満了できる。 トータルで以下の7コースを、半年かけて履修する。 1. UXデザインの基礎 2. UXデザインプロセスをはじめる 3. ワイヤーフレームと低精度プロトタイピング 4. UXリサーチと初期コンセプトのテスト 5. Figmaでの高精度のデザインとプロトタイピング 6. Adobe XDによるレスポンシブWEBデザイン 7. ソーシャルグッドのためのUXデザインと、就職の準備 とると何がおきるの？グーグル認定の証明書がもらえます。いろいろな会社を受けるときに、履歴書にかけるみたい。 印刷された履歴書、CV、またはその他の文書で、LinkedInプロフィールの修了証セクションにあ

こんにちは。クックパッド デザイン戦略本部長の宇野です。 いきなりですが「ユーザーファースト」って良い言葉ですよね。サービスのあり方の基本であり、モノづくりをしていてそれを無視したいという人はいないはず。 しかし僕はこのユーザーファーストという言葉をあまり使わず、使う際は慎重に取り扱うようにしています。この言葉の概念はとても難しいと考えているからです。 「ユーザー」って誰のこと？目の前にいるユーザーの話をそのまま取り入れれば必ず良いものが作れるの？ 答えは明確にNoです。 当然ですが無視するべきという話ではありません。ただ、向き合ってるユーザーがどんな人なのか、その人が本当に欲しているものは何なのかを徹底的に考え抜く必要があります。 お問い合わせをしてきている人はだれ？ ユーザーからのご意見やお問い合わせ、アプリストアのレビューはとてもありがたいですよね。そこから新たな改善案をもらったり、

「デザイン」 「デザイン思考」 「デザイン経営」 これらの用語を、きちんと区別をしたうえで説明できますでしょうか？ おそらく、デザインの本質や全体像を理解しておかないと、上記の用語を自分の言葉で説明するのは難しいはず。 では、デザインを理解するとは、どういうことでしょうか？ デザインの理解度は4段階ある 物事の理解度は、大きく4段階に分けることができます。 ①知らない、②知っている、③わかっている、④できる この4つです。 この4段階を、デザインに当てはめると、次のように整理できます。 レベル1：知らない デザインって見た目の話でしょ？ オシャレな組み合わせを考えることがデザインじゃないの？ …くらいの理解度で、デザインについて勘違いしている段階。 レベル2：知っている デザインとは「設計」のことだ。設計の対象は、モノだけではなく、コトも含む。 デザインは観察から始まる。 …こんな感じで、

サーバ業務周りの管理、運用について役に立ちそうなナレッジをまとめました。 長期的に書いているため用語に統一性がなかったり、不足分など随時修正したいと思います。 1. サーバ設計 サーバスペックはどうするべき？ 使用するOSは？ CentOS開発終了について MWは何を使うべきか Webサーバ構築にはどちらを使うべき？Apache？Nginx？ サーバセキュリティで最低限押さえておきたいことは？ listenするポートは最小限にしましょう ファイアウォール設定で送受信IPアドレス、ポートの通信制御はしておきましょう 外部に出る際にはプロキシサーバを経由するようにする 随時パッチを当てるようにする linuxでのアンチウイルスソフトの検討 個人アカウントで変更系コマンドは実行させないようにする ログについて考えること ストレージ容量には気をつける データベースはどう決めたら良いか MySQLか

こんにちは、大学 1 年生になったばかりの E869120 です。 私は競技プログラミングが趣味で、AtCoder や日本情報オリンピックなどに出場しています。ちなみに、2021 年 4 月 7 日現在、AtCoder では赤（レッドコーダー）です。 本記事では、アルゴリズムの学習や競技プログラミングで使える数学的な部分を総整理し、それらについて解説したいと思います。前編・中編では数学的知識、後編（2021/4/26 公開予定）では数学的考察の側面から書いていきます。 【シリーズ】 アルゴリズム・AtCoder のための数学【前編：数学的知識編①】　←　本記事 アルゴリズム・AtCoder のための数学【中編：数学的知識編②】 アルゴリズム・AtCoder のための数学【後編：数学的考察編】 1. はじめに 21 世紀も中盤に入り、情報化社会（いわゆる「IT 化」）が急激に進行していく中、

いまちょうど『文章力が、最強の武器である。』という本を読み終えたところです。 これで、ついに出そろいました。 長らく追い求めていた「文章力」の理想郷。 どうやらそこには、4人（冊）の四天王がいらっしゃったようです。 これまで「文章力」「文章術」「書き方」と検索して、約20冊近く読んできました。 その中から選び抜かれた四天王をご紹介します。 入門編『文章力が、最強の武器である。』藤吉 豊 https://amzn.to/3njBbiF 最初に四天王の1人目、入門編で待ち構えているのがこの『文章力が、最強の武器である。』。 まず何と言っても、章立てがすごく魅力的なんですよね。 第1章は、文章力が劇的に上がる「3つの視点」。 おもしろい わかりやすい 読みやすい この3拍子が揃った文章こそが、「良い文章」なのだと筆者は語っています。 その後、先ほどの3拍子それぞれを伸ばしていくための考え方・型・

こんにちは佐々木です。 AWSを利用していると気になるのが、AWSの利用料です。個々のサービス・リソースは機能に比べて充分に安いものの、利用しているうちにそれなりの金額に積み上がってくることが多いです。その対策として、AWSにはさまざまなコスト削減方法があり、即効性がある対策はSavings Plansやリザーブドインスタンスです。これらは一定期間の利用を宣言することにより、割引を受けることができます。今日はこの割引プランについての説明と、AWS Organizations適用時の効率的な利用料削減方法を紹介します。 リザーブドインスタンスとSavings Plans リザーブドインスタンスとSavings Plansは、どちらもEC2などのコンピュートリソースの利用料を節約するための料金プランです。リザーブドインスタンスとSavings Plansの違いは何でしょうか？リザーブドインスタ

電通デジタルでSREをしている神田です。突然ですが、みなさんAWS CLI短縮構文をご存知でしょうか？ awsコマンドを使っているときに、コマンドのオプションとしてfoo=bar や foo,bar,baz といった構造を持ったパラメータを要求されることがあります。このパラメータを記述するための構文が短縮構文(shorthand)です。 本記事では、普段なんとなくお世話になっている短縮構文をシェルスクリプトから使ったときに陥りやすい罠を紹介します。 AWS CLI短縮構文の簡単な例 短縮構文は、JSONと等価な値を簡潔に表現するための構文です。JSONとの対応をみると内容を理解しやすいです。 例えば、 ["foo","bar","baz"]というJSONの配列は、短縮構文では、 foo,bar,bazと書くことができます。 また、 {"key1": "val1", "key2": "val

SEOに強いWebマーケティング会社「ウェブライダー」代表の松尾です。 Webマーケティングといえば、外せないのが「SEO（検索エンジン最適化）」。 SEOとは、自社のサイト・ページ・コンテンツの価値を検索エンジンから適切に評価してもらうためにおこなう、さまざまな調整を指します。 Webマーケティングにおいて、検索エンジン経由の露出を意識しないことは通常ありえません。 なぜなら、検索エンジンは悩みや願望をもっている検索ユーザーが集まる場所であり、その場所でユーザーにあった提案をすれば、ビジネスの機会は確実に生まれるからです。 つまり、世の中のあらゆるニーズが集まる場所、それが検索エンジンであり、あえて言い切るのであれば、確実性の高いビジネスチャンスにあふれている場所です。 よって、SEOを意識することはメリットしかありません。 「SEOなんて必要ない」と思っている方は、これだけ多くのニーズ

PHPは、特にWebサイト構築でよく使用されているプログラミング言語です。 新卒からエンジニアとしてキャリアを積み、JavaやPHP、Pythonなどの言語を扱ってきた筆者が、PHP初心者におすすめ本・参考書を紹介します。 PHP初心者におすすめの本 TOP3を厳選 結論ファーストで、まずはPHP入門におすすめの本 TOP3を厳選しました。 スラスラわかるPHP よくわかるPHPの教科書 誰もがあきらめずにすむPHP超入門 それぞれ、以降のパートでご紹介しています。 PHP初心者向けおすすめ本・TOP3 いずれも、PHPに限らずプログラミングを始めて学ぶ方に適した本です。読みやすいのはもちろん、具体例や図が豊富で視覚的に理解でき、実際にコードを書きながら学べます。 PHP入門・初心者向けのおすすめ本 それでは、本記事のメインである初心者向けのPHPおすすめ本をご紹介します。 誰もがあきらめ

こんにちは、yuji（@yujiblog）です。 このブログでは、WordPressとアフィリエイトのノウハウを解説しています。 ブログのSEO対策でAll In One SEOをとりあえず入れている状態です。 CocoonにもSEO機能があるのですが、どちらで設定すればいいですか？ 以上のような、CocoonのSEO対策についての質問にお答えします。 この記事の内容 CocoonでAll In One SEOを使っても大丈夫？ 当ブログでAll In One SEOを使わない理由 当ブログはコツコツ更新した結果、月間26万PVとなりました。 またアフィリエイト収入も増えており、現在は月20万ほどを稼いでいます。 本記事では、CocoonのSEO対策でAll In One SEOを使うべきかどうかを解説しました。 当ブログではAll In One SEOは不要だと判断しており、その理由をま

小西秀和です。 私は2020年5月に当時12個あったAWS認定をすべて取得していたことで、2020 APN ALL AWS Certifications Engineerと2020 APN AWS Top Engineerに選出していただくことができました。 ※この記事の投稿後、2021、2022、2023年のJapan AWS All Certifications Engineer(旧称：APN ALL AWS Certifications Engineer)、Japan AWS Top Engineer (Services)(旧称：APN AWS Top Engineer)にも選出していただけました。 その後も再認定やバージョンアップされた新規認定を取得し、2022年4月末時点で受験できる12個と廃止されたが有効期限のある2個の合計14個のAWS認定を保有しており、今後も再認定と新規認

https://phperkaigi.jp/2021