GRI ARTS スタッフブログ

33
AmazonLinux2でMySQL8.0とMariaDB10.5を共存させてみた

AmazonLinux2でMySQL8.0とMariaDB10.5を共存させてみた

AWSのEC2で開発用環境を構築中なのですが、MySQL8.0をインストールした後に、MySQL8.0ではTIMESTAMP型が廃止されていると知りました(2038年問題のため)。保守中のシステムにTIMESTAMP型を使用しているものがあり、そもそもそのシステムの本番環境はMariaDBなので、MariaDBを共存させてみようと思い立ちました。調べたところ、MySQLとMariaDBは共存できないとしている記事が多く、共存させる場合も仮想環境を作ったりする例しかありませんで

3
【ひょうたん】スマホカレンダー 2021年6月限定

【ひょうたん】スマホカレンダー 2021年6月限定

☆スマホカレンダー☆6月は 季節関係なく ひょうたんマンですね ビームが 出てます!!! ☆裏のおはなし☆毎月 浜松のてんぐちゃんのツイートから カレンダー部分のテンプレートをもらうんですけど 今月は 直接 もらっちゃって しかも 背景 白!!! 予想では 梅雨なので 背景は 雨かとおもったんですけど 自由にできたので ひょうたんのへんなポーズ集から このポーズを使いました かっこよくない? ☆ツイート☆ ひょうたん © bricoleur inc.

1
ホンキKUMAに期待すること

ホンキKUMAに期待すること

ホンキKUMAとは、現在自分が所属する株式会社GRIアーツのロゴマークのシンボルにあたる部分です。事業譲渡により2021年1月から元ブリコルールメンバーとともに参画することになったわけですが、その時はまだロゴマークがなく、あえて作らないポリシーを持っていると聞いたのですが、無理を言って提案させてもらいました。 無理を言ってでも作りたかった理由インナーブランディング的なイメージになりますが ・ロゴを通じて人間関係の繋がり・広がりを感じてほしい ・考えや行動の拠り所になってほし

6
デザフェスvol.53に出展しました

デザフェスvol.53に出展しました

ひょうたんのアテンドとして2日間参加してきました。 デザフェスvol.52に続き2度目の参加です。 緊急事態宣言発令中だったので、出店、来場者少ないんだろうな...と思っていたのですが、想像以上に人通りが多く、前回より賑わっているように感じました。 参加しての気づきや、実感したことを書きたいと思います。 グッツ編 チェキ大人気! ひょうたんを撮影したチェキ(ブロマイド的な)や、その場で、ひょうたんとチェキで撮影ができる券を100円で販売したのですが、予想をはるかに上

2
【CSS】テキストの左右いっぱいにラインを引く方法

【CSS】テキストの左右いっぱいにラインを引く方法

見出しなどのテキストの両端にラインを入れる方法です。 以前は、spanなどを入れ子にして実装していましたが、疑似要素をflexboxで配置することで、簡単に実装できます。 実装サンプル HTML

Topics

CSS h2{ color: #545454; display: flex; align-items: center; font-size: 26px; font-weight: bold; letter-spacin

4
プラグインを使ってWordPressサイトを丸ごと移行する方法

プラグインを使ってWordPressサイトを丸ごと移行する方法

2019.10.04に書いたブリコルールのブログ記事の引越しです(一部更新) WordPressサイトの引越しってファイルをFTPでアップしたり、データベースのMySQLファイルをエクスポート&インポートしたり、置換したり、色々大変ですよね。 しかし「All-in-One WP Migration」というプラグインを使ったらめちゃくちゃ簡単に移行できますよ・・・(商用は有料プラン) STEP 1. 新サーバーにWordPressをインストールする 2.「All-in-On

4
【CSS】親要素の中に画面幅いっぱいの子要素を作成する方法

【CSS】親要素の中に画面幅いっぱいの子要素を作成する方法

既存サイトの修正や、Wordpressテーマのカスタマイズ等で、構造は変えられない親要素の中に、図のような画面幅いっぱいに背景をひいたコンテナを配置する方法です。 実装サンプル 最大幅1200pxの親要素の中に、画面幅いっぱいに表示させたいコンテナ(.full-width)を設置します。普通に設置しただけだと、親要素の中に納まります。 HTML

6
【WordPress】Gravity Formsにメールの自動返信を設定

【WordPress】Gravity Formsにメールの自動返信を設定

WordPressでお問い合わせフォームを作成できる有料プラグイン「Gravity Forms」。フォーム設置後、管理者への通知設定はデフォルトで作成されますが、自動返信メール機能が無く、公式ドキュメントにも記載がなかったので、通知機能を利用し設定しました。 1.設置したフォームの設定から通知をクリック 2.通知画面通知を新規追加し、自動返信メール用を作成します。 送り先の「フィールドを選択」を選択し、フィールドへ送るを「Eメールアドレス」を選択。 他、必要な項目を入

3
CSSで複数行のテキストを省略し末尾に三点リーダ(...)を付ける方法

CSSで複数行のテキストを省略し末尾に三点リーダ(...)を付ける方法

記事一覧ページなどで、タイトルは1行、リード文は3行分表示させ、収まらないテキストは省略して、三点リーダー(...)を付けたいという場合があります。 -webkit-line-clampプロパティを使用すると簡単にできます! 実装サンプル この4行をセットで指定するだけ。 display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;/*表示行数を指定します。0より大きい値を指定*/ov

4
【CSS】aタグのリンクを無効化する方法

【CSS】aタグのリンクを無効化する方法

新規サイトをリリースする際、ページはあるけど、「記事が無いから、メニューをグレーアウトして押せないようにしといて」ということがたまにあります。 このような時、cssでaタグのリンクは残したまま、リンクを無効にする方法です。 「pointer-events: none;」をaタグに指定クリック・タッチイベントを無効化する「pointer-events」プロパティを使用し、aタグに「pointer-events: none;」を指定します。 HTML