Yuko Hashimoto の記事一覧

• フロントエンド

  CSSカブトムシ

  2018.08.10

  夏休みですね。毎年この時期は夏休み子ども科学電話相談を聴きながら作業するんですが、先週からしばらく放送がお休みに入ってしまったのでちょっと寂しいです。 聴いてるうちに「夏休みだ！何かやらないと！作らないと！」という気分になってきたので、夏休みの宿題気分でCSSに挑んでみました。 CSSで

• フロントエンド

  AOS-スクロールに連動してアニメーションするプラグイン

  2018.08.08

  AOS（Animate On Scroll Library）はページのスクロールに合わせて要素をアニメーションするJSスクリプトです。 jQuery不要で、設定も簡単で扱いやすくおすすめです。当サイトでも使用しています。 公式サイト：AOS - Animate on scroll libra

• デザイン

  いい感じに見える配色の罠

  2018.08.06

  毎年新しい戦隊が発表されるとグリーン担当がいるか、どんなキャラかを毎回チェックしてしまう橋本です。 プリキュアはグリーンが少ないんや……なんでや……女児には人気ないんか……。 どんな色のキャラクターがいるかで全体のイメージが変わりますよね。 さて今回は、色の組み合わせの罠についてのお話です

• フロントエンド

  AngularモジュールでMasonry

  2018.08.01

  どんだけIonicでMasonryレイアウトやりたいんだお前って感じですが、前回のJSプラグイン版に続き、今度はAngularプラグインを使ってみた記録です。 Angularモジュール『ngx-masonry』 ngx-masonryモジュールのリポジトリはこちらです。 GitHub -

• フロントエンド

  IonicでMasonryレイアウト

  2018.07.30

  IonicでMasonryレイアウトを使いたいなあと思って試してみたメモです。 javascriptプラグインを入れて使ってみたことがなかったので、ちょこちょこ引っかかりました。 作りたいMasonryレイアウト こんな感じの仕上がりを目指します。 Pinterestとかで見るレイアウト

• wordpress

  WordPressをAMP対応

  2018.07.19

  ここ数年は7月に必ず皮膚炎で病院に駆け込む橋本です。もう限界です。 みなさま、熱中症にも夏バテにも暑さにまつわる諸症状全般にお気をつけください。 私はマスクと腹巻が手放せません。 …それはともかく、 先日のリニューアルでクオックスのサイトもAMPに対応しました。 Wordpressに「

• Web開発

  IonicPageを使ってみる

  2018.04.13

  先日、Ionicのプロジェクトで「この書き方は何だろう？」と引っかかり、プログラマに質問して「そんな機能が……！」と今更知ったので覚え書きです。 画面遷移の書き方が違う？ プログラマからのお言葉↓ コンポーネント毎にモ

• フロントエンド

  HTML組み込んだらなんか変、な時のチェックポイント

  2018.03.05

  エンジニアさん向け。 デザイナー/コーダーから受け取ったHTMLをWEBアプリに組み込んだら、なんだか見栄えがおかしくなったなあ……、という時に注意すると良いかもしれない点を挙げてみました。 なんか要素のデザインが変わっちゃった気がする 全体のサイズ感が違う気がするとか、余計な装飾がついち

• Web開発

  モバイルアプリはIonicでHTMLプロトタイプが早いかも

  2017.05.08

  GW明け早々に歯の詰め物が取れて歯医者に行ってきた橋本です。 職場が遠方でも朝夕にかかりつけの病院に行ける…。そう、リモート勤務ならね。 皮膚科や内科もよく行くのでありがたいですね。 というのは置いといて、またまたIonicを推してみる記事です。 プロトタイピングやモックアップ、

• Web開発

  IonicでFontAwesomeを使いたい

  2017.05.01

  Ionicにはそのまま使えるアイコン「Ionicons」が用意されています。 http://ionicframework.com/docs/ionicons/ しかし、これだけでは物足りないことも当然あります。 せっかくHTMLとCSSで書けるんだからFontAwesomeも使いたいなー、