読者です 読者をやめる 読者になる 読者になる

webプロダクトいんふぉ

webの気になった情報を発信中!!

SlideShareにアップしたら文字が消えた

keynoteで作成したスライドのテキストがSlideShare上で消える 結論から言うとフォントの種類の問題だった macにデフォルトで入っているヒラギノフォントを使っていたから表示できていなかった 対処法 1、keynote上ではスライドを作成せずに、画像として切り…

ローカルサーバを他のPCで確認(共有)するには?

ローカルサーバの立て方 ローカルサーバを立てるには、xamppを使ったりといった方法があるが、 今回はコマンドとphpを使って行う。 ※rubyでもpythonでも可能 ビルドインサーバの使用 ビルドインサーバを使用するには、phpのバージョンが5.4.0以上が必要にな…

HTMLが絡んだPHPのコードをコメントアウト

コメントアウトの仕方 PHPのコメントアウトの仕方には3つあります //を用いる コメント範囲を/**/で囲う #を用いる(非推奨) //と同じような意味なのでこちらは使用しない 本題のHTMLが絡んだPHPのコードを…

MacBook Proの2016モデル

iPhone7 iPhone7の予約開始から2日経ちましたが、皆さんは既に予約しているのでしょうか。自分は今回見送っています。felica対応は嬉しいけれども、Apple Payに対応しているモノが所有しているやつと合わなかったのが主な理由(Suicaのみ対応とか) 現代モデ…

Rails標準のO/RマッパーであるActive Recordとは?

O/Rマッパー Object/Relatinalの略で、リレーショナルデータベースとオブジェクト指向言語との橋渡しを受け持つライブラリです。 そもそも、アプリケーション(フロント)側で使用するオブジェクトモデルと、データベースが利用するリレーショナルモデルは決定…

カルーセルスライダーを条件別にスライド位置を変える

カルーセルスライダーとは? 画像やコンテンツがスライドして別のコンテンツを切り替えて表示する方法 DEMO Downloadライブラリとしては、良くslick.jsやbxslider.jsが使われる 個人的にはslick.jsが使いやすい。カスタマイズする際、bxsliderはハマりやすい…

ES6で提供された主な仕様

ECMAScript6とは? そもそもECMAScriptとは、標準化団体によって標準化された言語仕様で、JavaScriptが動作する際に、元となっている仕様です。ES6で提供された新たな仕様(1部抜粋)・class命令によるJava/C#ライクなクラス定義が可能に・import/export命…

Ethereumについて学んでみる

Ethereum(イーサリアム)ってなに? Etherreumはそもそも分散アプリケーションのためのプラットフォームです。(公式サイト) 分散アプリケーションと中央管理型 gitなどのバージョン管理システムでも、中央管理型と分離型とありますが、それと似たようなもので…

ファイルアップロードをドラッグ&ドロップでも可能にする

ファイルアップロードするには? フロント側のHTMLもしくはPHPファイルにフォームの記述をします。 <form action="" method="post" enctype="multipart/form-data"> <input type="file" value="ファイルを選択" name="image"> <input type="value" value="送信"> </form>画像を扱う場合にはenctype部分が必須になります。他にもinputタグにaccept属性を指定することにより、画像の形式をpng、jpgのみ受け付けるようにするこ…

スマホRPGで例えてみるオブジェクト指向

そもそもオブジェクト指向って何? オブジェクトとは、物体(スマホとか)を、属性(データ)と操作(メソッド)の集合として、定義して、コンピューターで扱えるようにしたもの。 このオブジェクトを組み合わせて、開発を行うことをオブジェクト指向プログラミン…

JavaScriptで現在から数日~数週間前の日時を取得するには?

まず、JavaScriptで日時を扱うには?js側で用意している組み込み関数のDateオブジェクトを使用します。使用方法はvar 変数名 = new Date();で、Dateオブジェクトを生成します。今回、次のような日時を使ったグラフを作っていきます。 ステップ1 グラフを簡…

英語のみ横幅(width)をはみ出る挙動

HTMLの「div」タグなどでボックスを作り、classやidを用いてcssのwidthプロパティを使用して横幅を指定したとしても、英語は枠におさまらない場合があります。 ※今回の場合はoverflow:hiddenをかけているので、文字が途切れている 結論から言ってしまえば、 …

テキストエディタ「ATOM」を日本語化

atomは初期状態では、デフォルトで英語になっています。 このままでは使いづらいユーザーがいると思うので、日本語化できるようにします。 とは言っても、やることは至って単純です。 ①atomを起動して、上部のメニューバーからHelpを選択し、Welcome Guideを…

Mac の起動時にフォルダアイコンに「?」マークが点滅表示される

Mac の起動時に、画面にフォルダアイコンの上に「?」マークが点滅して表示される場合、Mac のシステムソフトウェアが見つからないという意味です 自分の場合はOSのアップデートを行った時になりました。 その時は、下記のサイトを参考に修復してローカルに…

webブラウザはそもそもどうやって出来ているのか?

werブラウザは大きく分けて7つの主要コンポーネントによって構成されています。 ①ユーザーインターフェース ②ブラウザエンジン ③レンダリングエンジン ④ネットワーキング ⑤UIバックエンド ⑥JavaSvriptインタプリタ ⑦データストレージ この中でフロントエン…