はてなブックマーク

今回はサイトに崩壊するイースターエッグ（隠し要素）みたいな物を、基本的なコードのみで実装してみたので方法をまとめます。 なので初学者の方でも比較的分かりやすいかと思います。 インフラエンジニア「もっと手軽に崩壊できる。」 CSS職人「こんな崩壊にしてみました。」 やらかしエンジニア「崩壊しました。」 な話がある場合はぜひ教えてください！（自分は最近やらかしました。） 📝 作ったもの （↑サンプルページのGif動画） ■ サンプルサイトURL（PCのみ） https://aocattleya.github.io/Collapse-Site ■ GitHub https://github.com/aocattleya/Collapse-Site サイト内のキャラクターアイコンをクリックすると、サイトが崩壊します。 今回は解説がしやすいのでjQueryで解説します。 アイデア重視で実際やってる

就職活動をするにあたってポートフォリオを誰にでも分かりやすく伝える為に、リポジトリの説明であるREADME.mdをカッコ可愛く見せられないか試行錯誤したので共有します。 最近はGitHubで採用をしている会社さんもあるので是非分かりやすく力を入れたい所です。 リポジトリを見てくれても分からない物を丁寧に構築して確認してくれる可能性は低いです。 エンジニアを目指している人など凄いアプリを作っている人はいますが、READMEを書いていない人が多く、しっかり見てもらえているのか私はずっと気になっていたのでまとめました。 🎨 作ってみた物 以下、私のリポジトリにあるアプリのREADME.mdを一部紹介します。 それぞれ全体を見たい場合はリポジトリへ ・ ラーメンタイマー アプリの雰囲気に合わせてかっこよく可愛くしてみた。 ・ 書籍管理アプリ 緑をベースに目立ち過ぎずにアプリの仕組みを伝えたい。

3分 or 5分のボタンをホバーするとキャラクターが左右に振り向きます。 時間を選びクリックするとカウントダウンタイマーが使える簡単な内容です。 レスポンシブデザイン（スマホ）にも対応しています。※左右の振り向きはしない キャラクターデザイン まず一番目立つキャラクター 自分は元々漫画家のアシスタントをしていた時期などがあり、 描いた物をアプリに組み合わせてみたかったので描き描き。 レイヤーといって何枚もの板が重なっているように描かれています。 なので例えば手を消すと下に隠れている髪が出てきます。 これによって一枚描いたら背景などが簡単に変更でき、左右反転させて手を描けば2枚完成。 ※猫の方が万人受けする。名前募集中！ こちらに原寸サイズ画像＆レイヤーファイルを公開しています。 illustration-Original_Characters（GitHub） 🔍 コードの解説 それぞれ分

【GitHub】MiniBookSearch 今回、GitHubにあるOSSプロジェクトを使って『APIの改変』と『追加機能』を実装してみました。 Python未経験でIT業界半年以内の自分でも出来たので、 興味がある方はぜひこのアプリを使ってぜひやってみてください 本人の記事も下記で紹介していますが自分なりに分かりやすくまとめます。 元を作った方は同じ職場の方ですので分からない事があれば気軽に聞いてください 📗 やったこと @michihosokawaさんの『 書籍管理システム(GitHub) 』 ・使用されているAPIを「GoogleBooksAPI」から「openBD」へ書き換える ・新機能『一覧表示機能』を追加する @michihosokawaさんのQiita記事はこちら↓ FlaskとElasticsearchで社内の簡易書籍管理システムを作ってみた 📗 アプリの機能 ISB