未経験の僕がWebデザイナーになった方法（就職編）
こんにちは！Webデザイナーのモリゾーです。 この記事では僕の体験を書いた、 【未経験の僕がWebデザイナーになった方法（独学編）】 【未経験の僕がWebデザイナーになった方法（職業訓練編）】 のラスト、就職編をご紹介します。 僕はWebデザイナーになるため初めに独学で勉強し、その後Webデザインの職業訓練に通いました。 そして職業訓練校を卒業後、どのようにして就職活動を行ったかご紹介します。 ポートフォリオの準備 コーダーを目指しているのか、デザイナーを目指しているかでポートフォリオの内容も変わるかと思いますが、どちらにせよ最低限としてウェブサイトやバナーのポートフォリオは必須かと思います。 以下のサイトが僕のポートフォリオです。 主な内容として3つの制作したサイトの紹介と、職業訓練で作成したバナーを載せています。（※個人情報や一部のリンクは削除しています。） 面接の際は面接官に渡すポー
phpenv + php-buildでPHPを複数バージョン利用する方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、tetsuです。 Webサイトには多種多様な環境があり、テストする環境も同じだけ必要となってきました。PHPを異なるバージョンで同時に利用する場合も、バージョンごとにサーバを用意しなければなりません。 しかし「phpenv」と「php-build」を利用すれば、1つのサーバ内で異なるバージョンのPHPを利用することができるのです。 というわけで今回は、この「phpenv」と「php-build」の導入例を紹介させていただきます。 検証OS 「CentOS6」を利用して検証しています。 必要なパッケージをインストール まずは「phpenv」と「php-build」の導入の前に、必要なパッケージなどのインストールと設定をおこないます。 （すでにインストール済みのものについては、適宜省略してください。） EPELレポジトリの追加 CentOSの初期レポジトリではインストールができない
デザインツールの革命と言っていいかも！サイズ指定を「%」でできるSketchのプラグイン -Fluid
普通のデザインツールだと、サイズ指定は「px」を使用している人がほとんどでしょう。固定値のデザインをするのであれば、ピクセルで何も困りませんが、レスポンシブの相対値のデザインに適しているとは言えません。 Sketchでサイズ指定を「%」でできるプラグインを紹介します。 キャンバス・グループ・兄弟要素に対して、相対的にサイズを指定できます。
Googleが買収した無料ムービー編集アプリ「Clips」「Tempo」「Crop」「Fly」を実際に使ってみた
iOS向けにリリースされていた無料ムービー編集アプリの開発元であるスタートアップ「Fly Labs」を、なんとGoogleが買収したことが明らかになりました。Fly Labsは編集機能別に4種のアプリをリリースしていたのですが、今回の買収により2016年1月ごろに提供が終了するとのことなので、ゲットできるうちに実際に使っておくことにしました。 Fly Labs – Video Editing Apps for iPhone http://editonthefly.com/ Fly Labsが提供していたアプリは、複数のムービー素材に効果を加えながら順番につなげる「Clips」、ムービーの再生速度を部分的に変化させることが可能な「Tempo」、縦画面で撮影したムービーを横画面に切り出して編集する「Crop」、そして最大で4つのムービーを切り替えて一本に編集する「Fly」の4種類です。これまで
デザイン性の高いフリーテンプレート集「20 Beautiful & Free Resume Templates for Designers」
TOP > Design > デザイン性の高いフリーテンプレート集「20 Beautiful & Free Resume Templates for Designers」 制作したデザインが実際に使用されている時の状態を確認したい、また提案時などにデザインをより魅力的に見せたい、そんなシーンはとても多いと思います。そんな中今回紹介するのは、紙媒体のデザインを手がけている方にとっては特に嬉しい、デザイン性の高いフリーテンプレート集「20 Beautiful & Free Resume Templates for Designers」です。 Free Minimalistic And Clean Resume Template – CreativeBooster ポスターや名刺、チラシ、冊子などのイメージテンプレート、いろいろな種類がピックアップされています。気になったものをまずは以下
iPhoneの7GB容量制限に2度と引っかからないためにデータ分析と対策 - karaage. [からあげ]
7GBの悲劇 最近よくiPhoneの7GB制限にひっかかります。 【悲報】7GB制限に達しました— からあげ (@karaage0703) 2015, 11月 4 ※私は10日締めなので、この後めちゃくちゃ制限された 7GB制限について知らない人のために説明すると、7GB分のパケット通信すると、キャリア（自分の場合Softbank）が「オマエツカイスギ セイゲンスル」という警告のあと、無慈悲に通信速度が128kbpsに制限されるのです。ISDNかよ！128kbpsの通信速度は今のリッチなネットコンテンツには非常につらく、ネットサーフィンもままなりません。追加料金を払えばまた1GB使えるのですが、これが悔しい。ほんとうに悔しいのです。分かるよねこの悔しさ？分かって！ 今までのKAIZEN 実は先月反省して、以下のKAIZEN（どうでもいいけど、この表現吐き気がしますね）を実施していたのです。
![iPhoneの7GB容量制限に2度と引っかからないためにデータ分析と対策 - karaage. [からあげ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/b392e14f1984d0a9b4c2c1ea9ebc2fbaec453b8a/height=288;version=1;width=512/http%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fk%2Fkaraage%2F20151110%2F20151110231325.jpg)
Googleの公開した人工知能ライブラリTensorFlowを触ってみた - LIFULL Creators Blog
こんにちは。おうちハッカーの石田です。 いつもはおうちハックネタばかりですが、今日は人工知能関連の話題です。 今日2015/11/10、Googleが自社サービスで使っているDeepLearningを始めとする機械学習技術のライブラリを公開しました。 TensorFlowという名前で、おそらくテンソルフローと呼びます。 テンソルは、数学の線形の量を表す概念で、ベクトルの親戚みたいなものです。それにフローをつけるということは、そういった複雑な多次元ベクトル量を流れるように処理できる、という意味が込められているのだと思います。 こちらをさっそく触ってみたので、紹介したいと思います。 TensorFlowの特徴 公式紹介ページから特徴をいくつかピックアップします。 Deep Flexibility ~深い柔軟性~ 要望に応じて、柔軟にニューラルネットワークを構築できます。ニューラルネットワークの
全国のSeleniumer必読 - Qiita
アナウンス Selenium 談話会 in Slack まだまだ活動続けています！！(2019/09/09追記) https://selenium-danwakai.connpass.com/ でアナウンスを出しています。 2015/春から「Selenium 談話会 in Slack」というものをはじめました Slack(チャット)を使って日々の困りごとなどを同士とリアルタイムで情報交換することができます 登録されたユーザは2015/06/25時点で35名 => 2019/09/09時点で596名 半年に１回程度でチャット上に集まってテーマを決めて話をしています Ex) 「第３回Selenium談話会 in Slack」 のまとめ 詳細、参加方法などは上記リンク先に書いています 2018/09/18時点で13回開催しています。ご興味のある方はお気軽にご参加ください https://sele
WebのUIテスト自動化 - Seleniumを使ってみる - Qiita
Appiumを色々触っているんですが、仕組みが同じSeleniumもちょっと触ってみました。 だいぶ色々なことができそうなのでこちらも触りつつメモを取っていこうと思います。 実際の動画デモ 実際にどんなことができるのか、参考動画を撮ってみました。 内容的にはネタな感じにしていますが、どんなことができるか分かってもらえるかと思いますｗ Seleniumとは Seleniumはクロスブラウザ、クロスプラットフォームのUIテストツールです。 ブラウザに表示される要素を操作し、取得して想定されうる状態になっているかをテストできます。 また、画面のキャプチャを撮ることもできます。 検索してみると有用な記事がいくつかあるので、詳細はそちらを見てください。 ここでは簡単に触ったメモや所感を書いていきます。 JavaScriptテスト自動化ツールSeleniumのこれまでとこれから（前編）。第1回 日本S
Excelスクショ問題の解決策を現役エンジニアが本気で考えた。 - Qiita
はじめに SIerのExcelスクショ問題が少し前にバズっていた。 SIerでは、プログラムを手動で操作し、その時の画面写真をExcelに貼り付けた資料を作る事で、プログラムが正常に動作するエビデンスとしている。 そもそも、なぜそのような作業が必要なのかは、下記の方のブログが詳しいのでここでは語らない。 - > Excelスクショ問題について周りの方へのお願いと、今職人となっている方への励ましの言葉（元職人より） | 羽根帽子の太公望 ここで語りたいのは、「Excelスクショ作業はなぜ自動化されないのか？」とそれに対する解決策だ。 原因 まず原因はこれらだと思う。 セキュリティの観点から自動化ツール導入に制限がある。（そのツールがスパイウェアでない保証はありますか？） フリーウェアの導入や有名でないシェアウェアの導入の際に問題になる。それらのツールがスパイウェアの類でない事を証明する事は難
Selenium2とPHPUnitでMac/Winブラウザ自動テスト | Basicinc Enjoy Hacking!
Selenium2とは ものすごいややこしいんだけど、SeleniumってSelenium◯◯っていうのが沢山あるよね…いったいどれが何なの？っていう迷子状態になって使うに至らない。そんな人、多いと思います。いや俺だけかも。そんな疑問に答えてくれる素晴らしいエントリー。 Selenium何とかっていうツールがやたら色々あるのはどういうわけなのか | 品質向上ブログ 非常に助かります。要は巷で噂のSelenium2っていうのは、Selenium WebDriverの事。これさえ分かっていれば迷子にならない。と思う。 いきなりまとめ Macで開発して、PHPUnitでSeleniumのテストコードを書いて、MacブラウザとVirtualBox経由仮想Windowsブラウザに対してテストを実行する。それだけ。 必要なソフトは「PHPUnit」「PHPUnit/selenium」「Selenium
PHP Extensionを作ろう第4回 - Extension開発に適したPHPを用意する : DSAS開発者の部屋
はじめまして、@hnwと申します。一部の方々に非常に人気があったシリーズ「PHP Extensionを作ろう」久々の続編です。といっても、今回はExtensionのソースコードは一行も出てきません。Extensionを作る準備段階の話題です。 PHP Extension開発時にオススメのPHPビルドオプションがあるのをご存じでしょうか。これは「拡張モジュール開発用に PHP をビルドする方法」でも紹介されているのですが、「--enable-debug --enable-maintainer-zts」というものです。 本稿ではこのビルドオプションについて解説し、php-buildを利用して環境構築する方法についても紹介します。 PHPのメモリ管理の概要 まずPHPのメモリ管理について簡単に紹介します。 Apache prefork MPM+mod_phpの組み合わせを例に挙げますと、Apac
PHP Extension を作ろう第３回 - クラスを作ろう : DSAS開発者の部屋
今回は PHP Extension でクラスを実装する方法を紹介します。 クラスと言えばオブジェクト指向によるプログラミングに欠かせないシステムであり、PHP にももちろんこの仕組みが用意されていることはご存じかと思います。 クラスを実装するにあたり、インスタンス、プロパティ、メソッドなどと言ったキーワードが登場してきますが、これらをどの様にして PHP Extension で実装していくかを見ていきましょう。 最初は PHP4 と PHP5 での PHP Extension の実装方法の違いなども紹介していくつもりだったのですが、PHP4 と PHP5 でクラスに関する仕様が大きく変わっており PHP Extension の実装方法もまた大きく異なっていることを知りました。残念ながら今回は PHP5 での実装方法に限定させた頂きます。 クラス設計 まず最初に今回どの様なクラスを作成するか
PHP Extension を作ろう第２回 - 引数と返値 : DSAS開発者の部屋
前回の Hello World のサンプルプログラムで一通りの PHP Extension の作成手順を見てきました。しかし helloworld() の様に引数も返値も無い関数だけではプログラミング言語として不便ですので今回は PHP と PHP Extension におけるデータタイプの詳細と引数、返値の渡し方について見ていきましょう。 PHP のコードから C言語で書かれたコードへとデータをやり取りする上で「型」についての疑問が浮かび上がります。動的形付けされた PHP の変数を静的に形付けされた C言語で扱うにはどうしたらよいのでしょうか。 まずは、PHP 内部でのデータ表現を知るために PHP のソースを覗いて見ましょう。 php-x.x.x/Zend/zend.h より typedef union _zvalue_value { long lval; /* long value
PHP Extension を作ろう第１回 - まずは Hello World : DSAS開発者の部屋
PHP で汎用的なライブラリを作成するフレームワークには大きく分けて２種類あるようです。 ひとつは PEAR のように PHP でクラスライブラリを作る方法、もう一つが今回紹介する PECL の様に PHP 自体を拡張するモジュールを書く方法です。 なぜ PHP Extension ? ひとつは、過去に C で書かれた既存のライブラリを流用したい場合に PHP Extension を作成すれば自然に PHP のコードに結合することが出来ます。また、PEAR の様に PHP で書いたコードと比べると若干高速になります。 それでは実際に helloworld という名前の PHP Extension を作成してみましょう。PHP のソースを展開すると php-x.x.x/ext というディレクトリがありますので $ cd php-x.x.x/ext $ ./ext_skel --extname
HTML5/Javascriptの画像処理ライブラリまとめ
HTML5(Canvus)、Javascript向けの画像処理ライブラリについてまとめたので紹介します。 続きを読む
プレゼン資料の表現力が増す！ビジネス用途に使いやすいフリーアイコン（×331個）のご紹介 ｜プレゼンデザイン
この記事は2015年11月09日時点の情報に基づいて書かれています。情報が一部古くなっている場合があるためご注意ください。 プレゼン資料の表現の幅を広げるうえで、あると便利なのがアイコンです。しかし、資料作成の途中でアイコンを探すのに手間どったり、必要な種類がそろわず色や形がちぐはぐになってしまった経験はありませんか？今回紹介するアイコンは数が豊富（331個）なうえ、大きさや色も自由に変更可能。幅広い用途をカバーできること間違いありません！ 実力派アイコンの「iconSweets2」を パワーポイント向けにコンバートしました さて、今回ご紹介するアイコンですが、ウェブデザインに関わる方ならどこかで見覚えがあるかもしれません。ソースは、”Yummygum（http://yummygum.com）”という海外のデザインスタジオがリリースした「iconSweets2」というアイコン集で、これをパ
elasticsearch勉強会 - はやさがたりない。
elasticsearch勉強会 percolatorのユースケース アラート インデックスが特定のクエリにマッチしたら教えてくれ。 広告出稿する場合 ユーザがサイト検索する アパートを検索して結果を表示するが 新しいマッチする物件が出たら知りたい どのメールに通知すればいいのかみたいなのを取得して通知することができる 分類 ニュースサイトやブログがあってカテゴリわされている カテゴリは検索として表現できる ニュースに地域などの属性があれば東京のニュース一覧とかできる どの記事がどの地域に属するかというのを設定するにはどうしたら良いか percolation queryを使えばどの記事がどの地域に属するかということを簡単に設定できる。 記事をかいてpercolationを使えばその記事のカテゴリを得られる groclassificationについて 例えば緯度経度を使って検索することもでき
WEB制作時に大変重宝する無料WEBツールまとめ。 | 埼玉県熊谷市 Webデザイン・企画・制作「デザイン事務所｜エイビッツ」
WEB制作時に無料で使えて大変重宝するWEBツールをまとめてみました。 フォント、文字関連 PXtoEM.com: PX to EM conversion made simple. フォントサイズを他の単位に換算してくれる。 かなり重宝しています。 font checker（フォント・チェッカー） ブラウザでのフォントスタイルを確認するためのツール wordmark.it – helps you choose fonts! PCにインストールされているフォントのスタイルを一括確認。 文字数計算ツール テキスト文字数を計算してくれる。 ガラケーサイトなど、文字数上限を制限するような際に重宝します。 表示確認ツール Responsive Web Design Test Tool – Designmodo レスポンシブWEBデザインの表示を確認するためのシミュレーター iPhone Screen
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
闇PHPのカレンダー | Advent Calendar 2015 - Qiita