to-R [部分配信] https://blog.webcreativepark.net/ ja Copyright 2024 Wed, 22 May 2024 10:57:37 +0900 http://www.rssboard.org/rss-specification pyenvを利用してvenvで作成した仮想環境内のPythonバージョン venvで作成したPythonの仮想環境内にインストールされているバージョンを変更してみました。

「pyenvを利用してvenvで作成した仮想環境内のPythonバージョン」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2024/05/22-105737.html https://blog.webcreativepark.net/2024/05/22-105737.html Python Wed, 22 May 2024 10:57:37 +0900 Tailwind CSSで任意のメディアクエリを指定する Tailwind CSS

Tailwind CSSでは簡単にメディアクエリの指定が可能です。

「Tailwind CSSで任意のメディアクエリを指定する」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2023/11/02-004008.html https://blog.webcreativepark.net/2023/11/02-004008.html CSS Thu, 02 Nov 2023 00:40:08 +0900 Tailwind CSSでdisabled Tailwind CSS

Tailwind CSSでdisabled属性がついた要素に対してスタイルを当てたい場合には、disabled擬似クラスを利用して指定を行います。

「Tailwind CSSでdisabled」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2023/10/19-153245.html https://blog.webcreativepark.net/2023/10/19-153245.html CSS Thu, 19 Oct 2023 15:32:45 +0900 Vue.jsでコンポーネントの要素をpropsによって切り替える Vue.png

Vue.jsでボタンコンポーネントなどを作成する場合、ユースケースに応じてHTMLの実体をa要素とbutton要素と切り替えたいケースというのが発生します。

「Vue.jsでコンポーネントの要素をpropsによって切り替える」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2023/09/15-111836.html https://blog.webcreativepark.net/2023/09/15-111836.html JavaScript Fri, 15 Sep 2023 11:18:36 +0900 Nuxt3でESLintの設定をする Nuxt3

案件でNuxt3のESLint設定をすることがあったので手順をメモしておきます。

「Nuxt3でESLintの設定をする」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2023/09/13-135105.html https://blog.webcreativepark.net/2023/09/13-135105.html JavaScript Wed, 13 Sep 2023 13:51:05 +0900 Next.jsのAPI RoutesでAuth0の認可を実装する Next.js+Auth0-1.png

Auth0は認証・認可の仕組みを提供してくれるIDaaS(Identity as a Service)です。

「Next.jsのAPI RoutesでAuth0の認可を実装する」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2023/03/24-111812.html https://blog.webcreativepark.net/2023/03/24-111812.html JavaScript Next.js Fri, 24 Mar 2023 11:18:12 +0900 AstroでgetStaticPathsで指定したpropsをTypeScriptの型推論で型情報を取りだす AstroでgetStaticPathsで指定したpropsを型推論で取りだす

AstroでgetStaticPathsの返り値としてpropsが指定できます。

「AstroでgetStaticPathsで指定したpropsをTypeScriptの型推論で型情報を取りだす」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2023/02/20-183155.html https://blog.webcreativepark.net/2023/02/20-183155.html JavaScript Mon, 20 Feb 2023 18:31:55 +0900 VSCodeでSveltKitのPrettierのフォーマッティングをエディタ保存時に適用する SveltKitでVSCodeの自動フォーマッティングを有効にする

SveltKitでVSCodeのPrettierの自動フォーマッティングを有効にするにはプロジェクトのルートに .vscodeディレクトリを配置して、その中のsettings.jsonに以下の記述を追加する。

「VSCodeでSveltKitのPrettierのフォーマッティングをエディタ保存時に適用する」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2023/02/14-175342.html https://blog.webcreativepark.net/2023/02/14-175342.html JavaScript Tue, 14 Feb 2023 17:53:42 +0900 Cloudflare PagesにSvelteKitをデプロイする際のNodeバージョン Cloudflare PagesにSvelteKitをデプロイする際のNodeバージョン

Cloudflare PagesにSvelteKitで作成したアプリケーションをデプロイする際のNodeバージョンでハマってしまったのでちょっとメモ

「Cloudflare PagesにSvelteKitをデプロイする際のNodeバージョン」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2023/01/25-193321.html https://blog.webcreativepark.net/2023/01/25-193321.html server Wed, 25 Jan 2023 19:33:21 +0900 Next.js + TypeScriptでgetStaticPropsの型を定義する方法 Next+TypeScript.png

Next.js + TypeScript においてgetStaticPropsの型を定義する方法はいくつか存在します。

「Next.js + TypeScriptでgetStaticPropsの型を定義する方法」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2022/01/21-140314.html https://blog.webcreativepark.net/2022/01/21-140314.html React TypeScript Fri, 21 Jan 2022 14:03:14 +0900 株式会社トゥーアールの2021年を振り返る 今年の最終営業日なので一年を振り返ってみたいと思います。

「株式会社トゥーアールの2021年を振り返る」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2021/12/28-134238.html https://blog.webcreativepark.net/2021/12/28-134238.html dialy Tue, 28 Dec 2021 13:42:38 +0900 Jestでマークダウンを読み込みテストをする Jest

業務でマークダウンパーサーを作成していてJestでmockデータのマークダウンを読み込もうとするとエラーになりました。

「Jestでマークダウンを読み込みテストをする」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2021/12/17-160843.html https://blog.webcreativepark.net/2021/12/17-160843.html JavaScript Fri, 17 Dec 2021 16:08:43 +0900 next/routerを利用しているコンポーネントのテストを行う Next

next/routerを利用しているコンポーネントを単体でテストする場合にはNext Routerのモックを事前に作成しておく必要があります。

「next/routerを利用しているコンポーネントのテストを行う」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2021/12/02-121932.html https://blog.webcreativepark.net/2021/12/02-121932.html React Thu, 02 Dec 2021 12:19:32 +0900 Github Actionsのキャッシュ機能を利用してNext.jsのデプロイを高速化 Github Next

Next.jsのアプリケーションのデプロイにGithub Actionsを利用していたところ以下のような警告が出ているのに気づきました。

「Github Actionsのキャッシュ機能を利用してNext.jsのデプロイを高速化」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2021/11/23-215330.html https://blog.webcreativepark.net/2021/11/23-215330.html React Tue, 23 Nov 2021 21:53:30 +0900 Next.js のStorybookでSassを利用する(webpack5対応) Storybook + Next.js

Next.js で Storybookを利用しようとした際にsass-loaderがエラーを出したのでまとめてみました。

「Next.js のStorybookでSassを利用する(webpack5対応)」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2021/11/19-112033.html https://blog.webcreativepark.net/2021/11/19-112033.html React Fri, 19 Nov 2021 11:20:33 +0900 AWS CloudFrontで特定ディレクトリを別のS3ストレージを割り当てる AWS CloudFrontを利用すれば特定ディレクトリを別のS3ストレージを割り当てることができます。

「AWS CloudFrontで特定ディレクトリを別のS3ストレージを割り当てる」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2021/11/03-105301.html https://blog.webcreativepark.net/2021/11/03-105301.html AWS Wed, 03 Nov 2021 10:53:01 +0900 Nuxt.js / Next.jsで作成したサイトをGitHub ActionsでAWS S3にデプロイする GitHub Actionsを利用するとNuxt.jsやNext.jsなどで作成したWebアプリケーションを簡単にAWS S3にデプロイすることができます。

「Nuxt.js / Next.jsで作成したサイトをGitHub ActionsでAWS S3にデプロイする」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2021/11/02-160621.html https://blog.webcreativepark.net/2021/11/02-160621.html AWS Tue, 02 Nov 2021 16:06:21 +0900 AWS CloudFront FunctionsでBasic認証を設定する これまでAWSのS3にアップした静的ファイルにBasic認証を設定するには CloudFront経由でLambda@EdgeでBasic認証を指定する必要がありましたがCloudFront Functionsの登場によって、CloudFront Functionsを利用して少しだけ簡単に設定できるようになりました。

「AWS CloudFront FunctionsでBasic認証を設定する」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2021/11/01-140811.html https://blog.webcreativepark.net/2021/11/01-140811.html AWS Mon, 01 Nov 2021 14:08:11 +0900 AWS SAM のtemplate.yamlをdeploy環境ごとに切り替える develop や staging 、 productionなどの複数の環境で template.yaml を変更したいことがあります。

「AWS SAM のtemplate.yamlをdeploy環境ごとに切り替える」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2021/10/28-162051.html https://blog.webcreativepark.net/2021/10/28-162051.html AWS Thu, 28 Oct 2021 16:20:51 +0900 AWS Lambda(Node.js)でJimpを使って画像のバリデーションを行う Node.jsでバリデーションを行うには sharpがよく利用されますが、libvipsで書かれたsharpは環境によってはうまくインストールできないことがあります。

「AWS Lambda(Node.js)でJimpを使って画像のバリデーションを行う」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2021/10/27-215707.html https://blog.webcreativepark.net/2021/10/27-215707.html JavaScript Wed, 27 Oct 2021 21:57:07 +0900 IE11が終わる日 Microsoftが「Internet Explorer は Microsoft Edge へ – Windows 10 の Internet Explorer 11 デスクトップアプリは 2022 年 6 月 15 日にサポート終了 - Windows Blog for Japan」というリリースを行いました。

「IE11が終わる日」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2021/05/24-120642.html https://blog.webcreativepark.net/2021/05/24-120642.html tools Mon, 24 May 2021 12:06:42 +0900 自宅ネットワーク高速化の道のり 昨年12月に引っ越してから自宅のネットワークがすごく貧弱だなと不満を持っていたところに、緊急事態宣言を受けて強制的にテレワークの実施を余儀なくされてしまいました。

「自宅ネットワーク高速化の道のり」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2020/05/07-235636.html https://blog.webcreativepark.net/2020/05/07-235636.html works Thu, 07 May 2020 23:56:36 +0900 もう、SP用のWebデザインを倍の解像度で作るのをやめよう デザイナーがコーディングできるべきかという議論がSNS上で白熱していますが個人的にはあまり興味がなく、コーディング経験の有無に関係なくWebに適したデザインデータを作ってもらえたらあとはフロントエンドの領分であると思っています。

「もう、SP用のWebデザインを倍の解像度で作るのをやめよう」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2020/01/16-121629.html https://blog.webcreativepark.net/2020/01/16-121629.html design Thu, 16 Jan 2020 12:16:29 +0900 ReactのuseRefを再描画がかからないState管理として利用する React HooksではuseStateなどで定義された値が更新された場合にそのコンポーネントの再描画を行う。

「ReactのuseRefを再描画がかからないState管理として利用する」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2020/01/09-201128.html https://blog.webcreativepark.net/2020/01/09-201128.html React Thu, 09 Jan 2020 20:11:28 +0900 TypeScriptのインデックス シグネチャでオブジェクトのキーの型を指定する TypeScriptを指定してオブジェクトのキーに自由な値を指定するためのインデックス シグネチャという機能が用意されています。

「TypeScriptのインデックス シグネチャでオブジェクトのキーの型を指定する」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2020/01/06-115728.html https://blog.webcreativepark.net/2020/01/06-115728.html TypeScript Mon, 06 Jan 2020 11:57:28 +0900 GatsbyJSで "WebpackError: ReferenceError: IDBIndex is not defined"とエラーが出た場合の対処方法 GatsbyJSで gatsby buildコマンド実行時に「WebpackError: ReferenceError: IDBIndex is not defined」とエラーが出たのでその対応方法のメモ。

「GatsbyJSで "WebpackError: ReferenceError: IDBIndex is not defined"とエラーが出た場合の対処方法」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2019/05/27-002036.html https://blog.webcreativepark.net/2019/05/27-002036.html React Mon, 27 May 2019 00:20:36 +0900 React.lazyを利用してJavaScriptファイルを分割ロード Reactでは作成したアプリケーションはwebpackにより全てのコードが1つのJavaScriptファイルにバンドルされます。

「React.lazyを利用してJavaScriptファイルを分割ロード」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2019/05/21-200627.html https://blog.webcreativepark.net/2019/05/21-200627.html React Tue, 21 May 2019 20:06:27 +0900 WordPressのRest APIのユーザー情報に項目を追加する WordPressのRest APIのユーザー情報に項目を追加する必要があったのでその際のメモ書き。

「WordPressのRest APIのユーザー情報に項目を追加する」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2019/05/06-212554.html https://blog.webcreativepark.net/2019/05/06-212554.html WordPress Mon, 06 May 2019 21:25:54 +0900 WordPressのRest API のUser一覧で非投稿者も表示する WordPressのRest API でユーザー一覧を取得した場合はデフォルトの設定では記事の投稿があるユーザーしか表示されません。

「WordPressのRest API のUser一覧で非投稿者も表示する」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2019/05/06-130633.html https://blog.webcreativepark.net/2019/05/06-130633.html WordPress Mon, 06 May 2019 13:06:33 +0900 ReactのSyntheticEventとDebounce Reactではevent設定時にSyntheticEvent（合成イベント）が生成されネイティブのイベントと設定した関数の中継ぎをします。

「ReactのSyntheticEventとDebounce」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2019/04/03-201809.html https://blog.webcreativepark.net/2019/04/03-201809.html React Wed, 03 Apr 2019 20:18:09 +0900 ReactのContext APIを利用してコンポーネント間の情報を共有 ReactのContext APIはコンポーネント間でステートを共有するための機能です。

「ReactのContext APIを利用してコンポーネント間の情報を共有」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2019/01/23-023216.html https://blog.webcreativepark.net/2019/01/23-023216.html React Wed, 23 Jan 2019 02:32:16 +0900 株式会社トゥーアールの2018年を振り返る 今年の最終営業日なので一年を振り返ってみたいと思います。

「株式会社トゥーアールの2018年を振り返る」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2018/12/28-133337.html https://blog.webcreativepark.net/2018/12/28-133337.html dialy Fri, 28 Dec 2018 13:33:37 +0900 AngularのBehaviorSubjectでコンポーネント間の情報を共有する Angular で コンポーネント間で情報を共有する

コンポーネント間で情報共有ですが、ReactならReduxやMobXなどがあり、VueならVuexがあり、Storeを作成することでどのコンポーネントからも共通の情報にアクセスすることが可能です。

「AngularのBehaviorSubjectでコンポーネント間の情報を共有する」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2018/07/14-215935.html https://blog.webcreativepark.net/2018/07/14-215935.html Angular Sat, 14 Jul 2018 21:59:35 +0900 会社設立時の物件探し 株式会社トゥーアールを作って2年がたち、当時のことを色々と忘れだす時期なので備忘録がてらに正解だったこと失敗だったことなどを記事にしていきたいと思います。初回は「会社設立時の物件探し」。

「会社設立時の物件探し」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2018/03/14-063147.html https://blog.webcreativepark.net/2018/03/14-063147.html works Wed, 14 Mar 2018 06:31:47 +0900 新潟グラム2018 Vol.1で「動きのデザインとフロントエンドの連携」というお話をしてきました。 新潟グラム2018 Vol.1で「動きのデザインとフロントエンドの連携」というお話をしてきました。

2017年3月9日に新潟で行われたイベント、新潟グラム2018 Vol.1「デザイン ＆ CSS ＆ マイクロインタラクション！」で行なったセッション「動きのデザインとフロントエンドの連携」の講演資料です。

「新潟グラム2018 Vol.1で「動きのデザインとフロントエンドの連携」というお話をしてきました。」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2018/03/11-141404.html https://blog.webcreativepark.net/2018/03/11-141404.html seminar Sun, 11 Mar 2018 14:14:04 +0900 [書評] 超速Webページ速度改善ガイド 超速Webページ速度改善ガイド最近のブラウザやWebサイトの機能はどんどんと進化しており、古い高速化テクニックは逆にページ低速化の原因にもなってしまいます。
本書「超速Webページ速度改善ガイド」は、そんなWebサイトの高速化を行うための最新TIPSが詰まった一冊です。

「[書評] 超速Webページ速度改善ガイド」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2018/02/07-121059.html https://blog.webcreativepark.net/2018/02/07-121059.html books Wed, 07 Feb 2018 12:10:59 +0900 プロジェクトによりnodenvとndenvを切り替える 最近、プロジェクトにより「nodenv」を利用しているプロジェクトと「ndenv」を利用しているプロジェクトがあり使い分けがうまくいかないという問題がよく発生するようになりました。

「プロジェクトによりnodenvとndenvを切り替える」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2017/12/06-072050.html https://blog.webcreativepark.net/2017/12/06-072050.html JavaScript Wed, 06 Dec 2017 07:20:50 +0900 AngularのReactive Formsで複数チェックボックスを制御 AngularのReactive Formsで複数チェックボックスを制御

AngularのReactive Formsを利用して、複数チェックボックスがある場合にどれか一つでもチェックがされていない場合にエラーを表示する方法を解説します。

「AngularのReactive Formsで複数チェックボックスを制御」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2017/12/01-014117.html https://blog.webcreativepark.net/2017/12/01-014117.html Angular Fri, 01 Dec 2017 01:41:17 +0900 「秋のJavaScript祭 in mixi 2017」で「RxJSで始めるリアクティブプログラミング」というお話をしてきました。 「秋のJavaScript祭 in mixi 2017」で「RxJSで始めるリアクティブプログラミング」というお話をしてきました。

「「秋のJavaScript祭 in mixi 2017」で「RxJSで始めるリアクティブプログラミング」というお話をしてきました。」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2017/11/19-002840.html https://blog.webcreativepark.net/2017/11/19-002840.html seminar Sun, 19 Nov 2017 00:28:40 +0900 Web制作の現場で使う jQueryデザイン入門 [改訂新版] 12刷決定 Web制作の現場で使う jQueryデザイン入門 [改訂新版]Web制作の現場で使う jQueryデザイン入門 [改訂新版]が増刷しました。

12刷ということで、改訂前(12刷)と同じ回数増刷されました。

「Web制作の現場で使う jQueryデザイン入門 [改訂新版] 12刷決定」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2017/11/08-114219.html https://blog.webcreativepark.net/2017/11/08-114219.html books Wed, 08 Nov 2017 11:42:19 +0900 Angularによるスライドアニメーション Angularによるスライドアニメーション

Angularでいわゆるスライドアニメーションを実装するための方法です。

「Angularによるスライドアニメーション」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2017/05/19-064403.html https://blog.webcreativepark.net/2017/05/19-064403.html Angular Fri, 19 May 2017 06:44:03 +0900 続:AngularでChangeDetectionによるパフォーマンスチューニング angular

前回(AngularでChangeDetectionによるパフォーマンスチューニング)は、ChangeDetectionStrategy.OnPushによるチューニングについて解説しましたが今回はその続きです。

「続:AngularでChangeDetectionによるパフォーマンスチューニング」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2017/05/09-001233.html https://blog.webcreativepark.net/2017/05/09-001233.html Angular Tue, 09 May 2017 00:12:33 +0900 AngularでChangeDetectionによるパフォーマンスチューニング angular

AngularでChangeDetectionによるパフォーマンスチューニングを行う方法です。

「AngularでChangeDetectionによるパフォーマンスチューニング」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2017/05/01-130352.html https://blog.webcreativepark.net/2017/05/01-130352.html Angular Mon, 01 May 2017 13:03:52 +0900 [書評] Webディレクションの新・標準ルール Webディレクションの新・標準ルール
ディレクションのお仕事というのは立場や規模によって千差万別です。本書「Webディレクションの新・標準ルール」はそんなディレクションの仕事を体系的かつ網羅的に抑えた一冊です。

「[書評] Webディレクションの新・標準ルール」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2017/03/09-211847.html https://blog.webcreativepark.net/2017/03/09-211847.html books Thu, 09 Mar 2017 21:18:47 +0900 SystemJSでAngular 2の環境を構築する SystemJSでAngular 2の環境を構築する

SystemJSはwebpackやBrowserifyのようなJavaScriptファイルの依存関係を解決するためのモジュール管理ツールです。

「SystemJSでAngular 2の環境を構築する」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2017/02/13-144528.html https://blog.webcreativepark.net/2017/02/13-144528.html JavaScript Mon, 13 Feb 2017 14:45:28 +0900 anyenv+ndenvでプロジェクトごとにnode.jsのバージョンを切り替える anyenv+ndenvでプロジェクトごとにnode.jsのバージョンを切り替える

複数のプロジェクトが並行で走っており、それぞれで異なるnode.jsのバージョンが必要な場合は利用するnode.jsのバージョン管理が必須になってきます。

「anyenv+ndenvでプロジェクトごとにnode.jsのバージョンを切り替える」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2017/01/27-122009.html https://blog.webcreativepark.net/2017/01/27-122009.html JavaScript Fri, 27 Jan 2017 12:20:09 +0900 Web制作の現場で使う jQueryデザイン入門 [改訂新版] 10刷決定 Web制作の現場で使う jQueryデザイン入門 [改訂新版]Web制作の現場で使う jQueryデザイン入門 [改訂新版]が増刷しました。

「Web制作の現場で使う jQueryデザイン入門 [改訂新版] 10刷決定」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2017/01/20-124315.html https://blog.webcreativepark.net/2017/01/20-124315.html books Fri, 20 Jan 2017 12:43:15 +0900 webpackでJavaScriptライブラリを利用する webpackでJavaScriptライブラリを利用する

webpackで様々なJavaScriptライブラリをコマンドラインからインストールして利用する事が可能になります。

「webpackでJavaScriptライブラリを利用する」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2016/11/25-134312.html https://blog.webcreativepark.net/2016/11/25-134312.html JavaScript Fri, 25 Nov 2016 13:43:12 +0900 webpackとBabelで学ぶES2015入門 webpackとBabelで学ぶES2015入門

フロントエンドエンジニア向けに今月から「トゥーアール・アカデミー」という名前のスクールを開校します。

「webpackとBabelで学ぶES2015入門」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2016/10/20-150336.html https://blog.webcreativepark.net/2016/10/20-150336.html seminar Thu, 20 Oct 2016 15:03:36 +0900 git-flowとGitHub Flow git-flowとGitHub flow

複数人で Gitを利用する場合、まず決めなくていけないのはどのようなワークフローでGitを運用するかです。

その際によく利用されるのが git-flow と GitHub Flow です。

「git-flowとGitHub Flow」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2016/09/08-102304.html https://blog.webcreativepark.net/2016/09/08-102304.html tools Thu, 08 Sep 2016 10:23:04 +0900 EditorConfigでエディタの設定を統一する EditorConfigでエディタの設定を統一する

EditorConfigとは様々なエディタの設定を統一するための設定ファイルです。

「EditorConfigでエディタの設定を統一する」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2016/09/07-124305.html https://blog.webcreativepark.net/2016/09/07-124305.html tools Wed, 07 Sep 2016 12:43:05 +0900 「WordCamp Tokyo 2016 」にLTで出演します 「WordCamp Tokyo 2016 」にLTで出演します

2016年9月17日(土)に行われるWordPressのイベント「WordCamp Tokyo 2016」のLTに出演いたします。

「「WordCamp Tokyo 2016 」にLTで出演します」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2016/09/06-102817.html https://blog.webcreativepark.net/2016/09/06-102817.html seminar Tue, 06 Sep 2016 10:28:17 +0900 AtomでReact/JSXのESLintを設定する AtomでJSXのESLintを設定する

テキストエディタの「Atom」でReactのJSXを書く際にESLintを設定する方法です。ESLintとはJavaScriptコードのフォーマットなどが定義から外れていないかを検証するためのプログラムです。

「AtomでReact/JSXのESLintを設定する」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2016/09/05-165727.html https://blog.webcreativepark.net/2016/09/05-165727.html JavaScript Mon, 05 Sep 2016 16:57:27 +0900 [書評]現場のプロが本気で教えるHTML/CSSデザイン講義 現場のプロが本気で教える HTML/CSSデザイン講義

森本恭平さんが『現場のプロが本気で教えるHTML/CSSデザイン講義』という本を出したらしく、出版社よりいただきました。ありがとうございます。

「[書評]現場のプロが本気で教えるHTML/CSSデザイン講義」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2016/08/31-165236.html https://blog.webcreativepark.net/2016/08/31-165236.html books Wed, 31 Aug 2016 16:52:36 +0900 Web制作の現場で使う jQueryデザイン入門 [改訂新版] 9刷決定 Web制作の現場で使う jQueryデザイン入門 [改訂新版]Web制作の現場で使う jQueryデザイン入門 [改訂新版]が増刷しました。

「Web制作の現場で使う jQueryデザイン入門 [改訂新版] 9刷決定」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2016/08/19-111744.html https://blog.webcreativepark.net/2016/08/19-111744.html jQuery writer Fri, 19 Aug 2016 11:17:44 +0900 Flexboxのjustify-contentで最後の行を左寄せにする方法 Flexboxのjustify-contentではflexアイテムの配置方法が指定できます。

「Flexboxのjustify-contentで最後の行を左寄せにする方法」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2016/08/15-125202.html https://blog.webcreativepark.net/2016/08/15-125202.html CSS Mon, 15 Aug 2016 12:52:02 +0900 「FOR CREATORS #1」に出演します。 「FOR CREATORS #1」に出演します。

2016年07月30日に行われる「FOR CREATORS 〜クリエイターの課外授業〜#1法人化」に出演します。

「 「FOR CREATORS #1」に出演します。」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2016/07/19-181420.html https://blog.webcreativepark.net/2016/07/19-181420.html seminar Tue, 19 Jul 2016 18:14:20 +0900 Re : Windowsで游ゴシックが汚いのは、どう考えてもWebデザイナーが悪い！ ネタ元 ： Windowsで游ゴシックが汚いのは、どう考えてもWebデザイナーが悪い！

ネタ元の記事にはいくつか疑問に思われる点があるので私で調べた内容をまとめておきます。

「Re : Windowsで游ゴシックが汚いのは、どう考えてもWebデザイナーが悪い！」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2016/06/29-231739.html https://blog.webcreativepark.net/2016/06/29-231739.html CSS Wed, 29 Jun 2016 23:17:39 +0900 Android 4.2のシェアが10%を切った Android 4.2のシェアが10%を切った

今月の頭ぐらいにAndroid 4.2のシェアが10%を切りました(現在9.4%)。

「Android 4.2のシェアが10%を切った」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2016/06/22-175144.html https://blog.webcreativepark.net/2016/06/22-175144.html Android Wed, 22 Jun 2016 17:51:44 +0900 JavaScript初学者の壁 JavaScript初学者の壁

会社を作ってからいくつかの企業でフロントエンドの社内トレーニングや新卒研修、技術メンターなどをしており意外と「JavaScript初学者の壁」でつまづいている方が多いことに気がつきました。

「JavaScript初学者の壁」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2016/06/07-103651.html https://blog.webcreativepark.net/2016/06/07-103651.html JavaScript Tue, 07 Jun 2016 10:36:51 +0900 Web制作の現場で使う jQueryデザイン入門 [改訂新版] 8刷決定 Web制作の現場で使う jQueryデザイン入門 [改訂新版]Web制作の現場で使う jQueryデザイン入門 [改訂新版]が増刷しました。

「Web制作の現場で使う jQueryデザイン入門 [改訂新版] 8刷決定」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2016/04/11-144632.html https://blog.webcreativepark.net/2016/04/11-144632.html writer Mon, 11 Apr 2016 14:46:32 +0900 株式会社トゥーアール (to-R) を設立しました to-R

2016年2月2日付けで株式会社トゥーアール (to-R) を設立しました。

「株式会社トゥーアール (to-R) を設立しました」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2016/02/29-142443.html https://blog.webcreativepark.net/2016/02/29-142443.html dialy Mon, 29 Feb 2016 14:24:43 +0900 2015年のto-R人気エントリーTOP20 今年も残りあとわずかということで、毎年恒例のto-Rでアクセスが多かったエントリーTOP20をご紹介。

「2015年のto-R人気エントリーTOP20」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2015/12/31-223946.html https://blog.webcreativepark.net/2015/12/31-223946.html dialy Thu, 31 Dec 2015 22:39:46 +0900 npmにjQueryプラグインを登録する npmにプラグインを登録する

本エントリーは「to-R JavaScript Advent Calendar 2015」20日目のエントリー、今回はnpmにjQueryプラグインを登録する方法について解説をします。

「npmにjQueryプラグインを登録する」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2015/12/26-094125.html https://blog.webcreativepark.net/2015/12/26-094125.html jQuery Sat, 26 Dec 2015 09:41:25 +0900 npmとBrowserifyでjQueryプラグインを管理する npmとBrowserifyでjQueryプラグインを管理する

本エントリーは「to-R JavaScript Advent Calendar 2015」19日目のエントリー、前回はnpmでjQueryを管理するところまで実行しましたので今回はjQueryプラグインを管理してみます。

「npmとBrowserifyでjQueryプラグインを管理する」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2015/12/24-231231.html https://blog.webcreativepark.net/2015/12/24-231231.html jQuery Thu, 24 Dec 2015 23:12:31 +0900 npmとBrowserifyでjQueryを管理する npmのjQueryを利用する

本エントリーは「to-R JavaScript Advent Calendar 2015」18日目のエントリー、これまではJavaScriptライブラリの管理にはbowerなどが使われていましたが、最近ではnpmを利用することが多いようなのでnpmを利用した管理方法についてjQueryを利用して解説を行います。

「npmとBrowserifyでjQueryを管理する」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2015/12/24-221725.html https://blog.webcreativepark.net/2015/12/24-221725.html jQuery Thu, 24 Dec 2015 22:17:25 +0900 jQuery samples - Ajax時にローディングを表示 jQuery samples - Ajax時にローディングを表示

本エントリーは「to-R JavaScript Advent Calendar 2015」17日目のエントリー、今回のjQuery samplesは、Ajax時にローディングを表示する方法についての解説です。

「jQuery samples - Ajax時にローディングを表示」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2015/12/21-204123.html https://blog.webcreativepark.net/2015/12/21-204123.html jQuery Mon, 21 Dec 2015 20:41:23 +0900 jQuery samples - jQueryでCSSの!importantを設定 jQuery samples - jQueryでCSSの!importantを設定

本エントリーは「to-R JavaScript Advent Calendar 2015」16日目のエントリー、今回のjQuery samplesは、- jQueryでCSSの!importantを設定する方法についての解説です。

「jQuery samples - jQueryでCSSの!importantを設定」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2015/12/21-201845.html https://blog.webcreativepark.net/2015/12/21-201845.html jQuery Mon, 21 Dec 2015 20:18:45 +0900 jQuery samples - jQueryで設定したCSSを初期化する方法 jQuery samples - jQueryで設定したCSSを初期化する方法

本エントリーは「to-R JavaScript Advent Calendar 2015」15日目のエントリー、今回のjQuery samplesは、jQueryで設定したCSSを初期化する方法についての解説です。

「jQuery samples - jQueryで設定したCSSを初期化する方法」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2015/12/21-200314.html https://blog.webcreativepark.net/2015/12/21-200314.html jQuery Mon, 21 Dec 2015 20:03:14 +0900 IE6で透過PNGを利用するためのTIPS 本エントリーは「CSS 昔話 Advent Calendar 2015」16日目のエントリーです。

「IE6で透過PNGを利用するためのTIPS」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2015/12/16-085425.html https://blog.webcreativepark.net/2015/12/16-085425.html CSS Wed, 16 Dec 2015 08:54:25 +0900 jQuery samples - overflow:scroll内をスムーズスクロール jQuery samples - jQuery samples - ページ内スクロール(iframe)

本エントリーは「to-R JavaScript Advent Calendar 2015」14日目のエントリー、今回のjQuery samplesは、overflow:scroll内も含めたスムーズスクロール方法についての解説です。

「jQuery samples - overflow:scroll内をスムーズスクロール」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2015/12/16-054605.html https://blog.webcreativepark.net/2015/12/16-054605.html jQuery Wed, 16 Dec 2015 05:46:05 +0900 jQuery samples - スクロールすると表示されるトップへ戻るボタン jQuery samples - スクロールすると表示されるトップへ戻るボタン

本エントリーは「to-R JavaScript Advent Calendar 2015」13日目のエントリー、今回からはjQuery samplesと題しましてjQueryを使った簡単なUIサンプルの解説を行っていきます。

「jQuery samples - スクロールすると表示されるトップへ戻るボタン」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2015/12/15-085803.html https://blog.webcreativepark.net/2015/12/15-085803.html jQuery Tue, 15 Dec 2015 08:58:03 +0900 ES5入門 - Object編 ES5入門 - Object編

本エントリーは「to-R JavaScript Advent Calendar 2015」12日目のエントリー、ES5のObjectについて解説します。

「ES5入門 - Object編」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2015/12/13-143633.html https://blog.webcreativepark.net/2015/12/13-143633.html JavaScript Sun, 13 Dec 2015 14:36:33 +0900 ES5入門 - Object.create()編 ES5入門 - Object.create()編

本エントリーは「to-R JavaScript Advent Calendar 2015」11日目のエントリー、ES5のObject.create()周りについて解説します。

「ES5入門 - Object.create()編」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2015/12/12-183819.html https://blog.webcreativepark.net/2015/12/12-183819.html JavaScript Sat, 12 Dec 2015 18:38:19 +0900 ES5入門 - JSON編 ES5入門 - Array編

本エントリーは「to-R JavaScript Advent Calendar 2015」10日目のエントリー、ES5のJSON周りの機能について解説します。

「ES5入門 - JSON編」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2015/12/12-175639.html https://blog.webcreativepark.net/2015/12/12-175639.html JavaScript Sat, 12 Dec 2015 17:56:39 +0900 ES5入門 - Array編 ES5入門 - Array編

本エントリーは「to-R JavaScript Advent Calendar 2015」9日目のエントリー、最近話題のES6ではなくES5の配列周りについて解説します。

「ES5入門 - Array編」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2015/12/11-225455.html https://blog.webcreativepark.net/2015/12/11-225455.html JavaScript Fri, 11 Dec 2015 22:54:55 +0900 jQueryの$(function(){...});と$(window).on("load",function(){...})の違い jQueryの$(function(){...});と$(window).on(

本エントリーは「to-R JavaScript Advent Calendar 2015」8日目のエントリー、今回はjQueryの$(function(){...});と$(window).on("load",function(){...});の違いについて解説を行います。

「jQueryの$(function(){...});と$(window).on("load",function(){...})の違い」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2015/12/10-185226.html https://blog.webcreativepark.net/2015/12/10-185226.html jQuery Thu, 10 Dec 2015 18:52:26 +0900 WebRTC入門 WebRTC入門

本エントリーは「to-R JavaScript Advent Calendar 2015」7日目のエントリー、WebRTCを利用する方法を解説します。

「WebRTC入門」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2015/12/10-170613.html https://blog.webcreativepark.net/2015/12/10-170613.html JavaScript Thu, 10 Dec 2015 17:06:13 +0900 node.jsとsocket.ioで簡易チャットを作成する node.jsとsocket.ioで簡易チャットを作成する

本エントリーは「to-R JavaScript Advent Calendar 2015」6日目のエントリー、node.jsとsocket.ioで簡易チャットを作成する方法を解説します。

「node.jsとsocket.ioで簡易チャットを作成する」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2015/12/09-210844.html https://blog.webcreativepark.net/2015/12/09-210844.html JavaScript Wed, 09 Dec 2015 21:08:44 +0900 node.jsのExpressでローカルサーバーを構築 getUserMedia APIを利用してウェブカムの情報をvideo要素に表示する

本エントリーは「to-R JavaScript Advent Calendar 2015」5日目のエントリー、node.jsのExpressでローカルサーバーを構築する方法を解説します。

「node.jsのExpressでローカルサーバーを構築」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2015/12/07-001818.html https://blog.webcreativepark.net/2015/12/07-001818.html JavaScript Mon, 07 Dec 2015 00:18:18 +0900 getUserMedia APIを利用してウェブカムの情報をvideo要素に表示する getUserMedia APIを利用してウェブカムの情報をvideo要素に表示する

本エントリーは「to-R JavaScript Advent Calendar 2015」4日目のエントリー、getUserMedia APIを利用してウェブカムの情報をvideo要素に表示する方法について解説を行います、最終的にはWebRTCを利用したビデオチャットの作成まで解説する予定です。

「getUserMedia APIを利用してウェブカムの情報をvideo要素に表示する」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2015/12/05-002635.html https://blog.webcreativepark.net/2015/12/05-002635.html JavaScript Sat, 05 Dec 2015 00:26:35 +0900 jQuery 3.0時代のコーディングお作法 / unwrap()編 jQuery 3.0時代のコーディングお作法 / unwrap()編

本エントリーは「to-R JavaScript Advent Calendar 2015」3日目のエントリー、現在α版が公開されているjQuery 3.0時代のコーディングお作法について解説を行います。

「jQuery 3.0時代のコーディングお作法 / unwrap()編」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2015/12/05-000448.html https://blog.webcreativepark.net/2015/12/05-000448.html jQuery Sat, 05 Dec 2015 00:04:48 +0900 jQuery 3.0時代のコーディングお作法 / 廃止メソッド編 jQuery 3.0時代のコーディングお作法 / 廃止メソッド編

本エントリーは「to-R JavaScript Advent Calendar 2015」2日目のエントリー、現在α版が公開されているjQuery 3.0時代のコーディングお作法について解説を行います。

「jQuery 3.0時代のコーディングお作法 / 廃止メソッド編」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2015/12/02-120739.html https://blog.webcreativepark.net/2015/12/02-120739.html jQuery Wed, 02 Dec 2015 12:07:39 +0900 jQuery 3.0時代のコーディングお作法 / show()/hide()編 jQuery 3.0時代のコーディングお作法 / show()/hide()編

本エントリーは「to-R JavaScript Advent Calendar 2015」1日目のエントリー、現在α版が公開されているjQuery 3.0時代のコーディングお作法について解説を行います。

「jQuery 3.0時代のコーディングお作法 / show()/hide()編」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2015/12/01-122931.html https://blog.webcreativepark.net/2015/12/01-122931.html jQuery Tue, 01 Dec 2015 12:29:31 +0900 Adobe Creative Cloudが40%OFFだったので購入しました Adobe Creative Cloud Sale

今日の朝からSNSなどで本日(2015年11月27日)限定でAdobe Creative Cloudの1年プランが40%OFFの¥38,246で販売されていると話題になっていましたので、これを機会に購入してみました。オンラインコードとAdobeアカウントの紐付けで少し手間取ったので解説しておきます。

「Adobe Creative Cloudが40%OFFだったので購入しました」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2015/11/27-131241.html https://blog.webcreativepark.net/2015/11/27-131241.html tools Fri, 27 Nov 2015 13:12:41 +0900 「と、コラボ特別編 Webクリエイター新年会 featuring まぼろし」に出演します。 と、コラボ特別編 Webクリエイター新年会 featuringまぼろし

2016年1月9日にクリーク･アンド･リバー社で行われる「と、コラボ特別編 Webクリエイター新年会 featuring まぼろし」に出演します。

「 「と、コラボ特別編 Webクリエイター新年会 featuring まぼろし」に出演します。」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2015/11/26-132035.html https://blog.webcreativepark.net/2015/11/26-132035.html seminar Thu, 26 Nov 2015 13:20:35 +0900 Web制作における対応ブラウザの選定方法 Web制作における対応ブラウザの選定方法

「フロントエンドのテクニカルディレクションに求められるスキル」で出てきた話題として対応ブラウザの選定方法について掘り下げて解説を行います。

「Web制作における対応ブラウザの選定方法」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2015/11/25-132202.html https://blog.webcreativepark.net/2015/11/25-132202.html direction Wed, 25 Nov 2015 13:22:02 +0900 技術トレンドを追わないという勇気 技術トレンドを追わないという勇気

昨日、「第19回 HTML5+JS 勉強会 【オレオレフロントエンド開発環境 ～際限なき修正を攻略せよ！～/甦れFlasher「swf2js」でswfをリアルタイムでcanvasに出力】」というイベントに参加してきました。

「技術トレンドを追わないという勇気」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2015/11/20-091733.html https://blog.webcreativepark.net/2015/11/20-091733.html tools Fri, 20 Nov 2015 09:17:33 +0900 フロントエンドのテクニカルディレクションに求められるスキル フロントエンドのテクニカルディレクションに求められるスキル

フロントエンドの多様化が進む中で昨今重要視されているのが「テクニカルディレクション」のスキルセットです。

「フロントエンドのテクニカルディレクションに求められるスキル」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2015/11/11-130801.html https://blog.webcreativepark.net/2015/11/11-130801.html direction Wed, 11 Nov 2015 13:08:01 +0900 watchifyでファイルの監視を行う watchifyでファイルの監視を行う

babelifyで始めるES6ではBrowserify/babelifyを利用してES6を利用する方法を解説しましたが、gulp-watchなどを利用してファイル変更のトリガーでBrowserifyを実行すると非常に時間がかかってしまいます。そこで、watchifyを利用することで差分管理がされ高速にコンパイルすることが可能になります。

「watchifyでファイルの監視を行う」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2015/11/10-100754.html https://blog.webcreativepark.net/2015/11/10-100754.html JavaScript Tue, 10 Nov 2015 10:07:54 +0900 今どきのCSS3グラデーションの指定方法 (2015年版) 今どきのCSS3グラデーションの指定方法 (2015年版)

昨年、「今どきのCSS3グラデーションの指定方法」という記事を書いてそこそこアクセスがあるのですが、今年に入って状況が変わってきたのでアップデートしておきます。

「今どきのCSS3グラデーションの指定方法 (2015年版)」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2015/11/09-135807.html https://blog.webcreativepark.net/2015/11/09-135807.html CSS Mon, 09 Nov 2015 13:58:07 +0900 babelifyでv7.x系を利用する babelifyでv7.x系を利用する

前回の記事で「babelifyの最新バージョンは7.x系だけど私の環境だと上手く動かないので@6.4を利用し」と書いたのですがオフィシャルのドキュメントがアップデートされたので対応方法について解説します。

「babelifyでv7.x系を利用する 」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2015/11/06-181413.html https://blog.webcreativepark.net/2015/11/06-181413.html JavaScript Fri, 06 Nov 2015 18:14:13 +0900 babelifyで始めるES6 Bableのキャプチャ

前回、「Babelで始めるES6入門」という記事を書きましたが、Babel単体ではES6の注目機能であるimport / exportを利用することができません。

「babelifyで始めるES6」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2015/11/02-091936.html https://blog.webcreativepark.net/2015/11/02-091936.html JavaScript Mon, 02 Nov 2015 09:19:36 +0900 Babelで始めるES6入門 Babelのキャプチャ

BabelとはJavaScriptの新規格であるES6 ( ECMAScript 6th Edition/ECMAScript 2015 ) で書かれたJavaScriptコードを古いブラウザでも解釈できるようにES5の書式に変換してくれるツール(JavaScriptトランスパイラ)です。

「Babelで始めるES6入門」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2015/10/29-165605.html https://blog.webcreativepark.net/2015/10/29-165605.html JavaScript Thu, 29 Oct 2015 16:56:05 +0900 SVGの利用 SVGの利用

今更感ではありますが当サイトのロゴをpng画像からSVGに変更しました。

「SVGの利用」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2015/10/26-184020.html https://blog.webcreativepark.net/2015/10/26-184020.html HTML Mon, 26 Oct 2015 18:40:20 +0900 [書評]デザイナー&ディレクターが写真を上手に撮る本 デザイナー&ディレクターが写真を上手に撮る本

昔から交流のある株式会社ふわっとの岡田陽一さんが『デザイナー&ディレクターが写真を上手に撮る本』という本を出したらしく、出版社より本をいただきました。ありがとうございます。

「[書評]デザイナー&ディレクターが写真を上手に撮る本」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2015/10/23-144602.html https://blog.webcreativepark.net/2015/10/23-144602.html books Fri, 23 Oct 2015 14:46:02 +0900 canvasでドロネー三角形分割を描く canvasでドロネー三角形分割を描く

前回はcanvasで三角形の外接円を描きましたが今回はそれを発展させてドロネー三角形分割を書いてみたいと思います。

「canvasでドロネー三角形分割を描く」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2015/10/22-060729.html https://blog.webcreativepark.net/2015/10/22-060729.html JavaScript Thu, 22 Oct 2015 06:07:29 +0900 canvasで三角形の外接円を描く canvasで三角形の外接円を描く必要があったのでその際のサンプルコードをアップいたします。

「canvasで三角形の外接円を描く」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2015/10/20-170240.html https://blog.webcreativepark.net/2015/10/20-170240.html JavaScript Tue, 20 Oct 2015 17:02:40 +0900 iOS 8.4.1の:hover問題 追記(2015年10月23日)
iOS 9.0.2で確認した所この問題は解決していました。

ネタ元：結構緊急リンクが飛ばない iOS 8.4.1からCSS :hoverも１クリックカウントっぽいSafari | WEBスキルアップ君

上記の件、結構やっかいな問題なのでiPhone6+をiOS 8.4.1にアップデートして色々と検証してみました。

「iOS 8.4.1の:hover問題」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2015/08/29-122908.html https://blog.webcreativepark.net/2015/08/29-122908.html CSS iPhone Sat, 29 Aug 2015 12:29:08 +0900 jQueryのtrigger()で名前空間を使う 前回の「jQueryのoff()を使いこなす」ではイベントのアンバインディング時の名前空間の指定方法について解説しましたが、名前空間はtriggerメソッドでも利用できます。

「jQueryのtrigger()で名前空間を使う」の続きを読む

posted by 西畑一馬

]]> https://blog.webcreativepark.net/2015/08/04-015225.html https://blog.webcreativepark.net/2015/08/04-015225.html jQuery Tue, 04 Aug 2015 01:52:25 +0900