Yuko Hashimoto の記事一覧

• Web開発

  Angular Materialをカスタマイズ

  2019.12.10

  Angular Materialは便利だけどカスタマイズ方法ちょっと迷っちゃうな、と思ったのでまとめておきます。 そもそもMaterial Designとは Angular Material は Material Design に沿ったサイトをAngularで作る時に便利なコンポーネン

• デザイン

  XDの開発用共有がいい感じ

  2019.09.19

  『開発用に共有』って何？ ある日気がつくと、Adobe XDの共有メニューに『開発用に共有』という文字が。 なんぞこれ 使ってなかった間に追加された機能っぽい。早速使ってみたらすごく便利でした。 使ってみた コメント機能も便利なんですけど、 その下のこれ

• クオックスの日常

  【編み図あり】ドロイドくんあみぐるみを作りました

  2019.04.05

  編み図はこの記事の下の方にあります 昨年の秋ごろ、社内に10%ルールというものが設けられました。 業務にちょっと関係していたり今後役立ちそうだったりする、業務ではない研究やチャレンジに10%（週5日なら半日）の時間を割いて良い、というものです。 デザイナーのできることって何だろう

• フロントエンド

  Ionicでposition:fixedが効かなくなったら

  2018.11.16

  <ion-content>の内と外 IonicにはToastなどのオーバーレイコンテンツが用意されていますが、それでもやっぱり通知とか、時にはボタンとか（検索画面で見かけますね）、固定位置で置きたい時があります。 この画面だと、下部にある「たまごが孵りそう！」という通知です。（以前作っ

• フロントエンド

  CSSカブトムシ

  2018.08.10

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

• フロントエンド

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

  2018.08.08

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

• フロントエンド

  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のプロジェクトで「この書き方は何だろう？」と引っかかり、プログラマに質問して「そんな機能が……！」と今更知ったので覚え書きです。 画面遷移の書き方が違う？ this.navCtrl.push(MyPage); // テンプレートとかで見たことある書き方 this.navCtrl