Javascript系のテーマを中心にフロントエンドエンジニア向けのちょっとしたテクニック情報をまとめた蛸壺的ブログです。
特集
主として「プログラミングの学習方法」をテーマにした記事を更新してます。
シェルスクリプトでエクセル作業を効率化する超活用術!
どこでもどんなOSでも使えるシェルスクリプトで、日々のエクセル(CSV)業務を効率化し、劇的に改善する方法を提案しています。
Angularをこれから学びたい人のためのオススメ書籍&教材
ここ最近の動向を踏まえで、Angularを学ぶ上で有用な学習用の教材をまとめていきます。
シェルスクリプトの勉強方法〜これから学びたい人のためのオススメ書籍&教材
ここ最近の動向を踏まえで、シェルスクリプトを学ぶ上で有用な学習用の教材をまとめていきます。
Javascript&Typescriptプログラミング入門〜これから学ぶ人のための書籍&教材
Javascript/Typescriptを学ぶためのおすすめの学習用入門書や教材をまとめて取り上げるコーナーです。
Nodejsをこれから学びたい人のためのオススメ書籍&教材特集
Nodejsの入門〜実践レベルの学習方法&教材をまとめて取り上げていくコーナーです。
CSS/Sassをこれから学びたい人のためのオススメ書籍&教材特集
Sassを中心としたCSSからWebデザインを勉強するための教材をまとめていきます。
Dockerをこれから学びたい人のためのオススメ書籍&教材特集
Dockerを中心とした仮想コンテナ技術を勉強するための学習法を取り上げます。
AWSをこれからはじめたい人のためのオススメ書籍&教材特集
AWS初学者のための旬な独習方法を紹介しています。
ブログ
ブログ記事一覧です。ラジオボタンをクリックしてカテゴリーごとに記事をフィルタできます。
サイト内で記事を検索
$ ls ./すべての記事 (245記事)
- HTML Css ミニゲーム作成
【Sassで作るCssミニゲーム〜番外編】親子要素でonclickなどのイベントをどちらか一方に指定する方法
2021/07/11html要素が階層構造になっている場合、入れ子になったイベントをもつ親子要素が重なって処理されるときがあります。今回はイベントが重なっても、親/子のクリックイベントのみ発火したい/したくないを選択的に制御する方法を考えてみましょう。
ID#:56 - Cssミニゲーム Sass
【Sassで作るCssミニゲーム】Cssミニゲームで複数のステージを実装する
2021/07/05以前のブログでSassだけで考えたCssゲームのもっとも簡単な画面遷移の方法を解説していましたが、今回はもうちょっと遷移させるステージを増やして発展性のあるCssミニゲームにするためのテクニックを解説していきます。
ID#:76 - Sass 三角関数 アルゴリズム
【Dart Sass対応】scssによる三角関数(cos,sin等)の取扱う方法 〜 基礎から応用まで
2021/06/07Javascriptを一切介さずにSassのみで三角関数を扱うための深堀記事です。最初に基礎的なscssのテクニックから解説して、実践的な三角関数の具体的な実装法までをまとめて説明しています。
ID#:19 - Css Sass 折れ線チャート作成
【Sass実践勉強会】続・cssだけで折れ線チャートを描く方法〜要素の回転と変形を使う
2021/06/06前の回でlinear-gradient属性を使って擬似的な直線を作成する方法からCSS純正折れ線チャートを描いてみました。今回はもう一つの試みとして「ブロック要素の回転と変形」をシンプルに繋いで折れ線グラフし仕立てられるか検討してみます。
ID#:55 - Css Sass 折れ線チャート作成
【Sass実践勉強会】cssだけで折れ線チャートを描く方法
2021/06/04基本的にCSSで折れ線を作成する機能は無いのですが、擬似的に斜線を描く『裏ワザ』がネタとしてlinear-gradientを利用する方法があります。今回はこの裏ワザで折れ線チャートが果たして上手く描けるのかを検証してみたいと思います。
ID#:45 - Sass Webサイト作成 ミニゲーム
【Sassで解説】Cssミニゲームで開始画面と終了画面を(もちろんcssだけで)実装する
2021/06/01一つ前の回で、Cssミニゲームの中身をどう実装しているのか基礎的なCss&Htmlを使ったテクニックの話題を取り上げてみました。これだけだとミニゲームとしては物足りないので、今回は補足的にミニゲームにオープニング画面とエンド画面の追加方法を考えてみましょう。
ID#:40 - Sass Webサイト作成 HTMLミニゲーム
【Sassで解説】ヤマト運輸HPの404エラーページのミニゲームはほぼCssゲームだった
2021/05/22ちょっと前にエラーページなのにカワイイと話題になっていたヤマト運輸社の404ページで遊べるミニゲームの機能の一部をSassで実装できるか、ベースとなるテクニックをちょっとだけ掘り下げてみたいと思います。
ID#:39 - verdaccio docker nodejs
【Dockerで開発環境構築】Verdaccio on DockerでコンテナのローカルIPを調べる方法
2021/05/10Verdaccioを使えばローカルで独自のnpmパッケージが管理運用できるので非常に重宝しております。今回はVerdaccioコンテナのIPの調べ方と併せて、古いVerdaccioからVerdaccio5へのマイグレーションするときの注意点を考えてみます。
ID#:14 - AWS Lambda@Edge CouldFront ウェブサイト運営
[Lambda@Edge x ウェブサイト運用] AWS S3で静的ホスティングしたウェブサイトをレスポンス400~500番台の時にエラーページへ誘導する
2021/04/21AWS CloudFrontを利用したなんちゃってはCDN方式のウェブサイトでは何もしないとエラーページを自動で返してくれません。今回はLambda@Edgeを使ってサーバー側からのHTTPレスポンスの情報を読み取り、エラーページにリダイレクトさせる方法を紹介します。
ID#:124 - シェルスクリプト 集計操作 Excel業務支援
【シェルスクリプト&Excel】平均値の算出 〜 Awkを使った平均を計算するスクリプト
2021/04/19CSVデータの自由でより高機能な集計操作を行うスクリプトツールを作成してみる特集の第3回目です。Awkでも科学計算ほどの精度は無いものの、それでもかなり高度な算術計算処理をスクリプト内で実現することができます。今回は簡単な好例として平均を計算させてみます。
ID#:113
蛸壺のブログについて
このサイトに関する情報です。
蛸壺?
蛸壺のブログは(同)タコキンの運営するブランチブログです。 主にフロントエンドのアプリケーション開発で使えるテクニックを紹介しております。
プライバシーポリシー
蛸壺のブログのプライバシーポリシーはこちらのページでご確認ください。
運営者情報
管理者: taconocat
南九州の山奥で田園に囲まれた会社で、日中は地元のスマート農業を推進するお仕事をこなしながら、夜中はテック系ブログのネタ作りに奮闘中です。
プロフィール
(同)タコスキングダム現代表社員。 日本〜アメリカで半導体装置製造メーカーに開発職で足掛け9年勤務後、 地元熊本県でスマート農業の技術を独自に深めるべく独立。 本場シリコンバレーの中で培ったIT技術を武器に、スマート農業向けの技術開発中の合間を縫ってブログを更新したりしている。 運営会社に関する詳細はこちらをご参考ください。
免責条項
免責に関する項目はこちらのページでご確認ください。
お問い合わせ
ご意見・ご質問は以下のお問合せフォームにて受け付けております。